npm - barsa-sap-ui - Versions diffs - 2.0.105 → 2.0.106 - Mend

barsa-sap-ui 2.0.105 → 2.0.106

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/fesm2022/barsa-sap-ui.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, Pipe, EventEmitter, ElementRef, SkipSelf, ViewChild, HostBinding, Output, ViewEncapsulation, ViewChildren, Inject, Optional, Self, TemplateRef, HostListener, Directive, inject, ViewContainerRef, Renderer2, signal, NgModule, ChangeDetectorRef, Injectable, APP_INITIALIZER, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, Pipe, EventEmitter, ElementRef, SkipSelf, ViewChild, HostBinding, Output, ViewEncapsulation, ViewChildren, Inject, Optional, Self, inject, Renderer2, TemplateRef, HostListener, Directive, ViewContainerRef, signal, NgModule, ChangeDetectorRef, Injectable, APP_INITIALIZER, NO_ERRORS_SCHEMA, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i2 from 'barsa-novin-ray-core';
-import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, measureText, LayoutService, SortDirection, BaseUlvSettingComponent, getResetGridSettings, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, SelectionMode, GetAllColumnsSorted, getParentHeight, getControlSizeMode, getDeviceIsDesktop, getDeviceIsTablet, getGridSettings, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, getAllItemsPerChildren, setOneDepthLevel, BaseViewItemPropsComponent, MoReportValuePipe, ExecuteDynamicCommand, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, setTableThWidth, TableHeaderWidthMode, BaseColumnPropsComponent, ColumnService, calcContextMenuWidth, setColumnWidthByMaxMoContentWidth, calculateColumnWidth, calculateColumnContent, calculateColumnWidthFitToContainer, calculateFreeColumnSize, DateRanges, LogService, UlvMainService, isFunction, UploadService, FilesValidationHelper, getValidExtension, getImagePath, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, getFieldValue, ContainerComponent, DIALOG_SERVICE, FORM_DIALOG_COMPONENT, ContainerService, FindToolbarItem, FindLayoutSettingFromLayout94, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, isInLocalMode, executeUlvCommandHandler, FillAllLayoutControls, PictureFieldSourcePipe, BreadcrumbService, getDeviceIsPhone, PortalService, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, ResizableModule } from 'barsa-novin-ray-core';
+import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, measureText, LayoutService, SortDirection, BaseUlvSettingComponent, getResetGridSettings, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, SelectionMode, GetAllColumnsSorted, getParentHeight, getControlSizeMode, getDeviceIsDesktop, getDeviceIsTablet, getGridSettings, PortalService, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, getAllItemsPerChildren, setOneDepthLevel, BaseViewItemPropsComponent, MoReportValuePipe, ExecuteDynamicCommand, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, setTableThWidth, TableHeaderWidthMode, BaseColumnPropsComponent, ColumnService, calcContextMenuWidth, setColumnWidthByMaxMoContentWidth, calculateColumnWidth, calculateColumnContent, calculateColumnWidthFitToContainer, calculateFreeColumnSize, DateRanges, LogService, UlvMainService, isFunction, UploadService, FilesValidationHelper, getValidExtension, getImagePath, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, getFieldValue, ContainerComponent, DIALOG_SERVICE, FORM_DIALOG_COMPONENT, ContainerService, FindToolbarItem, FindLayoutSettingFromLayout94, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, isInLocalMode, executeUlvCommandHandler, FillAllLayoutControls, PictureFieldSourcePipe, BreadcrumbService, getDeviceIsPhone, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, ResizableModule } from 'barsa-novin-ray-core';
 import moment from 'moment';
 import jmoment from 'moment-jalaali';
 import { combineLatest, of, BehaviorSubject, Subject, takeUntil as takeUntil$1, concatMap, tap as tap$1, Observable, fromEvent, filter as filter$1 } from 'rxjs';
@@ -353,7 +353,7 @@ const sort$1 = (a, b, key, isNumber) => {
             a = getNestedValue(key, a);
         }
         if (typeof b === 'object') {
-            a = getNestedValue(key, a);
+            b = getNestedValue(key, b);
         }
     }
     if (key === 'Rownumber' || isNumber) {
@@ -850,7 +850,7 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         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) {
+        if (this.inlineEdit || minHeightAuto || this.isMobile) {
             this.minHeight = 'auto';
         }
         if (config.FieldUi.originalXtype === 'Ui.UlvMainUi') {
@@ -2463,9 +2463,15 @@ class UlvToolbarComponent extends BaseComponent {
         this.editModeClick = new EventEmitter();
         this.viewClick = new EventEmitter();
         this.createNewInlineMo = new EventEmitter();
+        this._renderer2 = inject(Renderer2);
+        this._portalService = inject(PortalService);
+        this.visibled = false;
     }
     ngAfterViewInit() {
         super.ngAfterViewInit();
+        this._portalService.windowResize$.pipe(takeUntil$1(this._onDestroy$)).subscribe(() => {
+            this._setWidth();
+        });
     }
     ngOnChanges(changes) {
         super.ngOnChanges(changes);
@@ -2484,9 +2490,25 @@ class UlvToolbarComponent extends BaseComponent {
     }
     onVisibilityChange(e) {
         if (e === 'Visible') {
-            this._refreshToolbar();
+            if (!this.visibled) {
+                this.visibled = true;
+                this._setWidth();
+            }
+            else {
+                this._refreshToolbar();
+            }
         }
     }
+    _setWidth() {
+        if (!this.visibled) {
+            return;
+        }
+        const x = this.el.nativeElement.parentNode.getBoundingClientRect().width;
+        this._renderer2.setStyle(this.el.nativeElement, 'width', x + 'px');
+        setTimeout(() => {
+            this._refreshToolbar();
+        });
+    }
     onGroupbySettings() {
         this.groupbyClick.emit(this.deviceName);
     }
@@ -2515,11 +2537,11 @@ class UlvToolbarComponent extends BaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvToolbarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: { allowGridColumnSort: "allowGridColumnSort", useLayoutItemTextForControl: "useLayoutItemTextForControl", enableSearch: "enableSearch", hideTitle: "hideTitle", title: "title", icon: "icon", deviceName: "deviceName", deviceSize: "deviceSize", access: "access", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", contentDensity: "contentDensity", inlineEditMode: "inlineEditMode", allowInlineEdit: "allowInlineEdit", gridSetting: "gridSetting", viewCollection: "viewCollection", reportView: "reportView", inDialog: "inDialog", isMultiSelect: "isMultiSelect", cls: "cls", hasSelected: "hasSelected", config: "config", hidden: "hidden", buttons: "buttons", moDataListCount: "moDataListCount" }, outputs: { search: "search", groupbyClick: "groupbyClick", sortClick: "sortClick", columnClick: "columnClick", editModeClick: "editModeClick", viewClick: "viewClick", createNewInlineMo: "createNewInlineMo" }, viewQueries: [{ propertyName: "_tlbCmp", first: true, predicate: ToolbarComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!useLayoutItemTextForControl && !hideToolbar) {\n<fd-toolbar\n    #toolbar\n    [shouldOverflow]=\"deviceSize === 's'\"\n    [ngClass]=\"deviceSize\"\n    [hasTitle]=\"!hideTitle\"\n    [forceOverflow]=\"true\"\n    [ngClass]=\"cls\"\n    intersectionObserver\n    [intersectionThreshold]=\"0.1\"\n    (visibilityChange)=\"onVisibilityChange($event)\"\n>\n    @if(!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''){ @if(icon){\n    <fd-icon [glyph]=\"icon\"></fd-icon>\n    }\n    <h4 fd-title>{{ title | bbbTranslate }}</h4>\n    } @if (deviceSize !== 's') {\n    <fd-toolbar-spacer fd-toolbar-item></fd-toolbar-spacer>\n    } @if (!hideToolbar) { @for (btn of toolbarButtons; track _trackBy(i, btn); let i = $index) { @if (btn !== '-' &&\n    btn.Command && !btn.Command.CustomUi && !btn.menu) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\n        [ulvCommandHandler]=\"btn\"\n        [disable]=\"inlineEditMode && btn.itemId === 'New'\"\n        [disabled]=\"btn.Command._isEnable === false ? true : false\"\n        [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\n        [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\n        [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\n        (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\n        bodyClick\n    >\n        @if (!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon) {\n        <img width=\"16\" [src]=\"btn.icon\" />\n        } @if (!btn.hideText || deviceSize === 's') {\n        <span>{{ btn.text | bbbTranslate }}</span>\n        }\n    </button>\n    } @if ((btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile') {\n    <fd-toolbar-separator fd-toolbar-item></fd-toolbar-separator>\n    } @if (btn.menu) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [fdMenu]=\"true\"\n        [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\n        [label]=\"btn.text | bbbTranslate\"\n        [ariaLabel]=\"btn.text | bbbTranslate\"\n        [fdMenuTrigger]=\"menu\"\n        bodyClick\n    >\n        <fd-menu #menu>\n            @for (btnCommand of btn.menu.items; track btnCommand) {\n            <li fd-menu-item [ulvCommandHandler]=\"btnCommand\" (click)=\"menu.close()\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\n                </div>\n            </li>\n            }\n        </fd-menu>\n    </button>\n    } @if (btn !== '-' && btn.Command && btn.Command.CustomUi) {\n    <bnrc-dynamic-form-toolbaritem\n        fd-toolbar-item\n        [ulvCommandHandler]=\"btn\"\n        [component]=\"btn.Command?.CustomUi\"\n        [context]=\"btn\"\n        [isEnable]=\"btn.Command?._isEnable\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        bodyClick\n    ></bnrc-dynamic-form-toolbaritem>\n    } }\n    <ng-content select=\"[fd-toolbar-item]\"></ng-content>\n    @if (allowInlineEdit && access?.Edit) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\n        [glyph]=\"'edit'\"\n        [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\n        (click)=\"onEditMode()\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        [title]=\"'Inline Edit In List' | bbbTranslate\"\n        bodyClick\n    ></button>\n    } @if (gridSetting && gridSetting.Hidden !== true && allowGridColumnSort) { @if (deviceSize === 's') {\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onGroupbySettings()\"\n        [label]=\"'Groups' | bbbTranslate\"\n        bodyClick\n    ></button>\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onSortSettings()\"\n        [label]=\"'Sort' | bbbTranslate\"\n        bodyClick\n    ></button>\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onColumnSettings()\"\n        [label]=\"'Columns' | bbbTranslate\"\n        bodyClick\n    ></button>\n    } @if (deviceSize !== 's') {\n    <button\n        fd-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"'never'\"\n        [fdMenu]=\"true\"\n        fdType=\"transparent\"\n        glyph=\"action-settings\"\n        [title]=\"'Settings' | bbbTranslate\"\n        [fdMenuTrigger]=\"tableMenuSettings\"\n        bodyClick\n    ></button>\n    }\n    <fd-menu #tableMenuSettings>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Columns' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Sort' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Groups' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n    </fd-menu>\n    } @if (viewCollection && viewCollection.length > 1) {\n    <fd-split-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\n        [fdType]=\"'transparent'\"\n        [mainAction]=\"{\n            keepMainAction: true,\n            mainActionTitle: splitBtnTitle\n        }\"\n    >\n        <fd-menu>\n            @for (viewObject of viewCollection; track viewObject) {\n            <li fd-menu-item>\n                <div fd-menu-interactive (click)=\"onChangeView(viewObject)\" bodyClick>\n                    <span fd-menu-title>\n                        <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\n                    </span>\n                </div>\n            </li>\n            }\n        </fd-menu>\n    </fd-split-button>\n    }\n    <ng-template #splitBtnTitle>\n        <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\n    </ng-template>\n    <ng-template #splitBtnSettings>\n        <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\n    </ng-template>\n    }\n</fd-toolbar>\n}\n", styles: [":host{display:block;width:100%;position:relative}:host fd-toolbar.border-b-0{border-bottom-width:0px!important}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.UlvCommandDirective, selector: "[ulvCommandHandler]", inputs: ["ulvCommandHandler", "disable"], outputs: ["commandClick"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i6$2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i6$2.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$2.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i6$2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i7$1.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "glyphFont", "disabled", "fdType", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i8.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i8.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: { allowGridColumnSort: "allowGridColumnSort", useLayoutItemTextForControl: "useLayoutItemTextForControl", enableSearch: "enableSearch", hideTitle: "hideTitle", title: "title", icon: "icon", deviceName: "deviceName", deviceSize: "deviceSize", access: "access", hideToolbar: "hideToolbar", toolbarButtons: "toolbarButtons", contentDensity: "contentDensity", inlineEditMode: "inlineEditMode", allowInlineEdit: "allowInlineEdit", gridSetting: "gridSetting", viewCollection: "viewCollection", reportView: "reportView", inDialog: "inDialog", isMultiSelect: "isMultiSelect", cls: "cls", hasSelected: "hasSelected", config: "config", hidden: "hidden", buttons: "buttons", moDataListCount: "moDataListCount" }, outputs: { search: "search", groupbyClick: "groupbyClick", sortClick: "sortClick", columnClick: "columnClick", editModeClick: "editModeClick", viewClick: "viewClick", createNewInlineMo: "createNewInlineMo" }, viewQueries: [{ propertyName: "_tlbCmp", first: true, predicate: ToolbarComponent, descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div\n    style=\"width: 100%; height: 0; visibility: hidden; opacity: 0\"\n    intersectionObserver\n    [intersectionThreshold]=\"0.1\"\n    (visibilityChange)=\"onVisibilityChange($event)\"\n></div>\n@if (!useLayoutItemTextForControl && !hideToolbar && visibled) {\n<fd-toolbar\n    #toolbar\n    [shouldOverflow]=\"deviceSize === 's'\"\n    [ngClass]=\"deviceSize\"\n    [hasTitle]=\"!hideTitle\"\n    [forceOverflow]=\"true\"\n    [ngClass]=\"cls\"\n>\n    @if(!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''){ @if(icon){\n    <fd-icon [glyph]=\"icon\"></fd-icon>\n    }\n    <h4 fd-title>{{ title | bbbTranslate }}</h4>\n    } @if (deviceSize !== 's') {\n    <fd-toolbar-spacer fd-toolbar-item></fd-toolbar-spacer>\n    } @if (!hideToolbar) { @for (btn of toolbarButtons; track _trackBy(i, btn); let i = $index) { @if (btn !== '-' &&\n    btn.Command && !btn.Command.CustomUi && !btn.menu) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\n        [ulvCommandHandler]=\"btn\"\n        [disable]=\"inlineEditMode && btn.itemId === 'New'\"\n        [disabled]=\"btn.Command._isEnable === false ? true : false\"\n        [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\n        [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\n        [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\n        (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\n        bodyClick\n    >\n        @if (!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon) {\n        <img width=\"16\" [src]=\"btn.icon\" />\n        } @if (!btn.hideText || deviceSize === 's') {\n        <span>{{ btn.text | bbbTranslate }}</span>\n        }\n    </button>\n    } @if ((btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile') {\n    <fd-toolbar-separator fd-toolbar-item></fd-toolbar-separator>\n    } @if (btn.menu) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [fdMenu]=\"true\"\n        [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\n        [label]=\"btn.text | bbbTranslate\"\n        [ariaLabel]=\"btn.text | bbbTranslate\"\n        [fdMenuTrigger]=\"menu\"\n        bodyClick\n    >\n        <fd-menu #menu>\n            @for (btnCommand of btn.menu.items; track btnCommand) {\n            <li fd-menu-item [ulvCommandHandler]=\"btnCommand\" (click)=\"menu.close()\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\n                </div>\n            </li>\n            }\n        </fd-menu>\n    </button>\n    } @if (btn !== '-' && btn.Command && btn.Command.CustomUi) {\n    <bnrc-dynamic-form-toolbaritem\n        fd-toolbar-item\n        [ulvCommandHandler]=\"btn\"\n        [component]=\"btn.Command?.CustomUi\"\n        [context]=\"btn\"\n        [isEnable]=\"btn.Command?._isEnable\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        bodyClick\n    ></bnrc-dynamic-form-toolbaritem>\n    } }\n    <ng-content select=\"[fd-toolbar-item]\"></ng-content>\n    @if (allowInlineEdit && access?.Edit) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\n        [glyph]=\"'edit'\"\n        [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\n        (click)=\"onEditMode()\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        [title]=\"'Inline Edit In List' | bbbTranslate\"\n        bodyClick\n    ></button>\n    } @if (gridSetting && gridSetting.Hidden !== true && allowGridColumnSort) { @if (deviceSize === 's') {\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onGroupbySettings()\"\n        [label]=\"'Groups' | bbbTranslate\"\n        bodyClick\n    ></button>\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onSortSettings()\"\n        [label]=\"'Sort' | bbbTranslate\"\n        bodyClick\n    ></button>\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onColumnSettings()\"\n        [label]=\"'Columns' | bbbTranslate\"\n        bodyClick\n    ></button>\n    } @if (deviceSize !== 's') {\n    <button\n        fd-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"'never'\"\n        [fdMenu]=\"true\"\n        fdType=\"transparent\"\n        glyph=\"action-settings\"\n        [title]=\"'Settings' | bbbTranslate\"\n        [fdMenuTrigger]=\"tableMenuSettings\"\n        bodyClick\n    ></button>\n    }\n    <fd-menu #tableMenuSettings>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Columns' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Sort' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Groups' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n    </fd-menu>\n    } @if (viewCollection && viewCollection.length > 1) {\n    <fd-split-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\n        [fdType]=\"'transparent'\"\n        [mainAction]=\"{\n            keepMainAction: true,\n            mainActionTitle: splitBtnTitle\n        }\"\n    >\n        <fd-menu>\n            @for (viewObject of viewCollection; track viewObject) {\n            <li fd-menu-item>\n                <div fd-menu-interactive (click)=\"onChangeView(viewObject)\" bodyClick>\n                    <span fd-menu-title>\n                        <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\n                    </span>\n                </div>\n            </li>\n            }\n        </fd-menu>\n    </fd-split-button>\n    }\n    <ng-template #splitBtnTitle>\n        <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\n    </ng-template>\n    <ng-template #splitBtnSettings>\n        <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\n    </ng-template>\n    }\n</fd-toolbar>\n}\n", styles: [":host{display:block;width:100%;position:relative}:host fd-toolbar.border-b-0{border-bottom-width:0px!important}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "directive", type: i2.UlvCommandDirective, selector: "[ulvCommandHandler]", inputs: ["ulvCommandHandler", "disable"], outputs: ["commandClick"] }, { kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i6$2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i6$2.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$2.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "submenuIndicator", "ariaHidden"] }, { kind: "directive", type: i6$2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i6$1.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i7$1.SplitButtonComponent, selector: "fd-split-button", inputs: ["glyph", "glyphFont", "disabled", "fdType", "expandButtonTitle", "selected", "fixedWidth", "mainAction", "arialLabel"], outputs: ["primaryButtonClicked"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i8.ToolbarSpacerDirective, selector: "fd-toolbar-spacer", inputs: ["width", "class", "fixed"] }, { kind: "component", type: i8.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UlvToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ulv-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (!useLayoutItemTextForControl && !hideToolbar) {\n<fd-toolbar\n    #toolbar\n    [shouldOverflow]=\"deviceSize === 's'\"\n    [ngClass]=\"deviceSize\"\n    [hasTitle]=\"!hideTitle\"\n    [forceOverflow]=\"true\"\n    [ngClass]=\"cls\"\n    intersectionObserver\n    [intersectionThreshold]=\"0.1\"\n    (visibilityChange)=\"onVisibilityChange($event)\"\n>\n    @if(!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''){ @if(icon){\n    <fd-icon [glyph]=\"icon\"></fd-icon>\n    }\n    <h4 fd-title>{{ title | bbbTranslate }}</h4>\n    } @if (deviceSize !== 's') {\n    <fd-toolbar-spacer fd-toolbar-item></fd-toolbar-spacer>\n    } @if (!hideToolbar) { @for (btn of toolbarButtons; track _trackBy(i, btn); let i = $index) { @if (btn !== '-' &&\n    btn.Command && !btn.Command.CustomUi && !btn.menu) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\n        [ulvCommandHandler]=\"btn\"\n        [disable]=\"inlineEditMode && btn.itemId === 'New'\"\n        [disabled]=\"btn.Command._isEnable === false ? true : false\"\n        [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\n        [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\n        [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\n        (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\n        bodyClick\n    >\n        @if (!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon) {\n        <img width=\"16\" [src]=\"btn.icon\" />\n        } @if (!btn.hideText || deviceSize === 's') {\n        <span>{{ btn.text | bbbTranslate }}</span>\n        }\n    </button>\n    } @if ((btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile') {\n    <fd-toolbar-separator fd-toolbar-item></fd-toolbar-separator>\n    } @if (btn.menu) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [fdMenu]=\"true\"\n        [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\n        [label]=\"btn.text | bbbTranslate\"\n        [ariaLabel]=\"btn.text | bbbTranslate\"\n        [fdMenuTrigger]=\"menu\"\n        bodyClick\n    >\n        <fd-menu #menu>\n            @for (btnCommand of btn.menu.items; track btnCommand) {\n            <li fd-menu-item [ulvCommandHandler]=\"btnCommand\" (click)=\"menu.close()\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\n                </div>\n            </li>\n            }\n        </fd-menu>\n    </button>\n    } @if (btn !== '-' && btn.Command && btn.Command.CustomUi) {\n    <bnrc-dynamic-form-toolbaritem\n        fd-toolbar-item\n        [ulvCommandHandler]=\"btn\"\n        [component]=\"btn.Command?.CustomUi\"\n        [context]=\"btn\"\n        [isEnable]=\"btn.Command?._isEnable\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        bodyClick\n    ></bnrc-dynamic-form-toolbaritem>\n    } }\n    <ng-content select=\"[fd-toolbar-item]\"></ng-content>\n    @if (allowInlineEdit && access?.Edit) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\n        [glyph]=\"'edit'\"\n        [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\n        (click)=\"onEditMode()\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        [title]=\"'Inline Edit In List' | bbbTranslate\"\n        bodyClick\n    ></button>\n    } @if (gridSetting && gridSetting.Hidden !== true && allowGridColumnSort) { @if (deviceSize === 's') {\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onGroupbySettings()\"\n        [label]=\"'Groups' | bbbTranslate\"\n        bodyClick\n    ></button>\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onSortSettings()\"\n        [label]=\"'Sort' | bbbTranslate\"\n        bodyClick\n    ></button>\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onColumnSettings()\"\n        [label]=\"'Columns' | bbbTranslate\"\n        bodyClick\n    ></button>\n    } @if (deviceSize !== 's') {\n    <button\n        fd-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"'never'\"\n        [fdMenu]=\"true\"\n        fdType=\"transparent\"\n        glyph=\"action-settings\"\n        [title]=\"'Settings' | bbbTranslate\"\n        [fdMenuTrigger]=\"tableMenuSettings\"\n        bodyClick\n    ></button>\n    }\n    <fd-menu #tableMenuSettings>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Columns' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Sort' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Groups' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n    </fd-menu>\n    } @if (viewCollection && viewCollection.length > 1) {\n    <fd-split-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\n        [fdType]=\"'transparent'\"\n        [mainAction]=\"{\n            keepMainAction: true,\n            mainActionTitle: splitBtnTitle\n        }\"\n    >\n        <fd-menu>\n            @for (viewObject of viewCollection; track viewObject) {\n            <li fd-menu-item>\n                <div fd-menu-interactive (click)=\"onChangeView(viewObject)\" bodyClick>\n                    <span fd-menu-title>\n                        <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\n                    </span>\n                </div>\n            </li>\n            }\n        </fd-menu>\n    </fd-split-button>\n    }\n    <ng-template #splitBtnTitle>\n        <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\n    </ng-template>\n    <ng-template #splitBtnSettings>\n        <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\n    </ng-template>\n    }\n</fd-toolbar>\n}\n", styles: [":host{display:block;width:100%;position:relative}:host fd-toolbar.border-b-0{border-bottom-width:0px!important}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\n"] }]
+            args: [{ selector: 'bsu-ulv-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n    style=\"width: 100%; height: 0; visibility: hidden; opacity: 0\"\n    intersectionObserver\n    [intersectionThreshold]=\"0.1\"\n    (visibilityChange)=\"onVisibilityChange($event)\"\n></div>\n@if (!useLayoutItemTextForControl && !hideToolbar && visibled) {\n<fd-toolbar\n    #toolbar\n    [shouldOverflow]=\"deviceSize === 's'\"\n    [ngClass]=\"deviceSize\"\n    [hasTitle]=\"!hideTitle\"\n    [forceOverflow]=\"true\"\n    [ngClass]=\"cls\"\n>\n    @if(!hideTitle && deviceSize !== 's' ? (title | bbbTranslate) : ''){ @if(icon){\n    <fd-icon [glyph]=\"icon\"></fd-icon>\n    }\n    <h4 fd-title>{{ title | bbbTranslate }}</h4>\n    } @if (deviceSize !== 's') {\n    <fd-toolbar-spacer fd-toolbar-item></fd-toolbar-spacer>\n    } @if (!hideToolbar) { @for (btn of toolbarButtons; track _trackBy(i, btn); let i = $index) { @if (btn !== '-' &&\n    btn.Command && !btn.Command.CustomUi && !btn.menu) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"btn.itemId === 'Edit' ? 'always' : btn.Command?.IsBuiltin ? 'low' : 'high'\"\n        [ulvCommandHandler]=\"btn\"\n        [disable]=\"inlineEditMode && btn.itemId === 'New'\"\n        [disabled]=\"btn.Command._isEnable === false ? true : false\"\n        [fdType]=\"!btn.Command._isEnable ? 'transparent' : btn.Command.JsonExtraProp?.Design || 'transparent'\"\n        [glyph]=\"deviceSize === 's' ? null : btn.Command.JsonExtraProp?.Icon\"\n        [title]=\"(btn.Command?.IsBuiltin ? btn.text : '') | bbbTranslate\"\n        (click)=\"inlineEditMode && btn.itemId === 'New' && createNewInlineMo.emit()\"\n        bodyClick\n    >\n        @if (!btn.Command.JsonExtraProp?.Icon && !btn.Command?.IsBuiltin && btn.icon) {\n        <img width=\"16\" [src]=\"btn.icon\" />\n        } @if (!btn.hideText || deviceSize === 's') {\n        <span>{{ btn.text | bbbTranslate }}</span>\n        }\n    </button>\n    } @if ((btn === '-' || btn.type === 'seperator') && deviceName !== 'mobile') {\n    <fd-toolbar-separator fd-toolbar-item></fd-toolbar-separator>\n    } @if (btn.menu) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [fdMenu]=\"true\"\n        [fdType]=\"btn.Command?.IsBuiltin ? 'standard' : 'transparent'\"\n        [label]=\"btn.text | bbbTranslate\"\n        [ariaLabel]=\"btn.text | bbbTranslate\"\n        [fdMenuTrigger]=\"menu\"\n        bodyClick\n    >\n        <fd-menu #menu>\n            @for (btnCommand of btn.menu.items; track btnCommand) {\n            <li fd-menu-item [ulvCommandHandler]=\"btnCommand\" (click)=\"menu.close()\">\n                <div fd-menu-interactive>\n                    <span fd-menu-title>{{ btnCommand.text | bbbTranslate }}</span>\n                </div>\n            </li>\n            }\n        </fd-menu>\n    </button>\n    } @if (btn !== '-' && btn.Command && btn.Command.CustomUi) {\n    <bnrc-dynamic-form-toolbaritem\n        fd-toolbar-item\n        [ulvCommandHandler]=\"btn\"\n        [component]=\"btn.Command?.CustomUi\"\n        [context]=\"btn\"\n        [isEnable]=\"btn.Command?._isEnable\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        bodyClick\n    ></bnrc-dynamic-form-toolbaritem>\n    } }\n    <ng-content select=\"[fd-toolbar-item]\"></ng-content>\n    @if (allowInlineEdit && access?.Edit) {\n    <button\n        fd-button\n        fd-toolbar-item\n        [fdType]=\"inlineEditMode ? 'emphasized' : 'transparent'\"\n        [glyph]=\"'edit'\"\n        [label]=\"deviceSize === 's' ? ('Inline Edit In List' | bbbTranslate) : ''\"\n        (click)=\"onEditMode()\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        [title]=\"'Inline Edit In List' | bbbTranslate\"\n        bodyClick\n    ></button>\n    } @if (gridSetting && gridSetting.Hidden !== true && allowGridColumnSort) { @if (deviceSize === 's') {\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onGroupbySettings()\"\n        [label]=\"'Groups' | bbbTranslate\"\n        bodyClick\n    ></button>\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onSortSettings()\"\n        [label]=\"'Sort' | bbbTranslate\"\n        bodyClick\n    ></button>\n    <button\n        fd-toolbar-item\n        fd-button\n        [contentDensity]=\"contentDensity\"\n        fdType=\"transparent\"\n        [attr.fdOverflowPriority]=\"'always'\"\n        (click)=\"onColumnSettings()\"\n        [label]=\"'Columns' | bbbTranslate\"\n        bodyClick\n    ></button>\n    } @if (deviceSize !== 's') {\n    <button\n        fd-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"'never'\"\n        [fdMenu]=\"true\"\n        fdType=\"transparent\"\n        glyph=\"action-settings\"\n        [title]=\"'Settings' | bbbTranslate\"\n        [fdMenuTrigger]=\"tableMenuSettings\"\n        bodyClick\n    ></button>\n    }\n    <fd-menu #tableMenuSettings>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onColumnSettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"action-settings\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Columns' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onSortSettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"sort\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Sort' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n        <li fd-menu-item>\n            <div fd-menu-interactive (click)=\"tableMenuSettings.close(); onGroupbySettings()\" bodyClick>\n                <fd-menu-addon position=\"before\" glyph=\"group-2\"></fd-menu-addon>\n                <span fd-menu-title>\n                    {{ 'Groups' | bbbTranslate }}\n                </span>\n            </div>\n        </li>\n    </fd-menu>\n    } @if (viewCollection && viewCollection.length > 1) {\n    <fd-split-button\n        fd-toolbar-item\n        [attr.fdOverflowPriority]=\"deviceSize === 's' ? 'always' : 'low'\"\n        [fdType]=\"'transparent'\"\n        [mainAction]=\"{\n            keepMainAction: true,\n            mainActionTitle: splitBtnTitle\n        }\"\n    >\n        <fd-menu>\n            @for (viewObject of viewCollection; track viewObject) {\n            <li fd-menu-item>\n                <div fd-menu-interactive (click)=\"onChangeView(viewObject)\" bodyClick>\n                    <span fd-menu-title>\n                        <fd-icon [glyph]=\"viewObject.UiComponent.Settings?.Icon\"> </fd-icon>\n                    </span>\n                </div>\n            </li>\n            }\n        </fd-menu>\n    </fd-split-button>\n    }\n    <ng-template #splitBtnTitle>\n        <fd-icon [glyph]=\"reportView.UiComponent.Settings?.Icon\"></fd-icon>\n    </ng-template>\n    <ng-template #splitBtnSettings>\n        <fd-icon [glyph]=\"'action-settings'\"></fd-icon>\n    </ng-template>\n    }\n</fd-toolbar>\n}\n", styles: [":host{display:block;width:100%;position:relative}:host fd-toolbar.border-b-0{border-bottom-width:0px!important}:host ::ng-deep .fd-toolbar{flex-wrap:nowrap!important}:host ::ng-deep .fd-toolbar{border-top:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-left:var(--sapList_BorderWidth) solid var(--sapList_BorderColor);border-right:var(--sapList_BorderWidth) solid var(--sapList_BorderColor)}:host fd-toolbar.s ::ng-deep .fd-toolbar{justify-content:end}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { _tlbCmp: [{
                 type: ViewChild,
                 args: [ToolbarComponent]
@@ -8590,11 +8612,11 @@ class LayoutActionsComponent extends FormToolbarBaseComponent {
         this.workflowChoiceSelect.emit(workflowButton.Choice);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LayoutActionsComponent, deps: [{ token: i1$4.Overlay }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: { workflowButtons: "workflowButtons", workflowButtonsComboMode: "workflowButtonsComboMode", canSend: "canSend", simple: "simple", footerDesign: "footerDesign" }, outputs: { workflowChoiceSelect: "workflowChoiceSelect" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"simple ? buttonsMode : defaultTemplate\"> </ng-container>\n<ng-template #defaultTemplate>\n    @if (visible) { @if (hasButtons) {\n    <div fd-bar [barDesign]=\"footerDesign ? footerDesign : 'footer'\" [inPage]=\"true\">\n        @if (canSend && false) {\n        <div fd-bar-left>\n            <fd-bar-element class=\"forward\">\n                <fd-popover\n                    [focusTrapped]=\"true\"\n                    [focusAutoCapture]=\"true\"\n                    [closeOnOutsideClick]=\"false\"\n                    [scrollStrategy]=\"repositionScrollStrategy\"\n                    #forwardPopover\n                >\n                    <fd-popover-control class=\"forward\">\n                        <button fd-button [fdType]=\"'standard'\" [label]=\"'Forward' | bbbTranslate\"></button>\n                    </fd-popover-control>\n                    <fd-popover-body style=\"min-width: 30vw; max-width: 30vw; min-height: 30vh\">\n                        <div fd-popover-body-header>\n                            <div fd-bar barDesign=\"header\" [cozy]=\"true\">\n                                <div fd-bar-right>\n                                    <fd-bar-element\n                                        ><button\n                                            fd-button\n                                            (click)=\"forwardPopover.close()\"\n                                            [fdType]=\"'transparent'\"\n                                            [glyph]=\"'decline'\"\n                                        ></button>\n                                    </fd-bar-element>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>\u0627\u0631\u062C\u0627\u0639 \u0641\u0631\u0645 \u0628\u0647 \u0634\u062E\u0635 \u062F\u06CC\u06AF\u0631 </fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <bnrc-form-new\n                            class=\"form-erja\"\n                            [settings]=\"{\n                                MetaTypeDef: { Id: '', $Caption: '' },\n                                MetaView: { Id: '', $Caption: '' },\n                                DisableGenerateId: true\n                            }\"\n                        ></bnrc-form-new>\n                        <div fd-popover-body-footer>\n                            <div fd-bar barDesign=\"footer\" [cozy]=\"true\">\n                                <div fd-bar-right>\n                                    <fd-button-bar [label]=\"'Send' | bbbTranslate\" fdType=\"emphasized\"></fd-button-bar>\n                                    <fd-button-bar\n                                        [label]=\"'Cancel' | bbbTranslate\"\n                                        [fdType]=\"'transparent'\"\n                                        (click)=\"forwardPopover.close()\"\n                                    ></fd-button-bar>\n                                </div>\n                            </div>\n                        </div>\n                    </fd-popover-body>\n                </fd-popover>\n            </fd-bar-element>\n        </div>\n        }\n        <div fd-bar-right>\n            @if (workflowButtonsComboMode && workflowButtons.length > 0) {\n            <button\n                fd-button\n                [fdMenu]=\"true\"\n                fdType=\"emphasized\"\n                [label]=\"'Select' | bbbTranslate\"\n                [ariaLabel]=\"'Select' | bbbTranslate\"\n                [fdMenuTrigger]=\"menu\"\n            ></button>\n            <fd-menu #menu>\n                @for (btn of workflowButtons; track btn) {\n                <li fd-menu-item (click)=\"onWorkflowButtonSelected(btn)\">\n                    <div fd-menu-interactive>\n                        <span fd-menu-title>{{ btn.text }}</span>\n                    </div>\n                </li>\n                }\n            </fd-menu>\n            <fd-button-bar\n                [fdType]=\"'positive'\"\n                [label]=\"'Send' | bbbTranslate\"\n                [disabled]=\"!selectedWorkflowButton\"\n                [glyph]=\"'accept'\"\n                (click)=\"onAcceptWorkflow()\"\n            ></fd-button-bar>\n            } @else { @for (btn of workflowButtons; track btn; let i = $index) { @if (btn !== '-') {\n            <fd-button-bar\n                [attr.workflowButton]=\"true\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                (click)=\"onToolClick(btn)\"\n            ></fd-button-bar>\n            } } } @for (btn of buttons; track btn; let i = $index) { @if (btn.Data?.CustomUi?.Selector) {\n            <bnrc-dynamic-form-toolbaritem\n                class=\"fd-bar__element\"\n                [component]=\"btn.Data.CustomUi\"\n                [context]=\"btn\"\n                [isEnable]=\"btn.Command?._isEnable\"\n                (btnClick)=\"onToolClick(btn)\"\n            ></bnrc-dynamic-form-toolbaritem>\n            } @if (btn !== '-' && !btn.Data?.CustomUi?.Selector) {\n            <fd-button-bar\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                (click)=\"onToolClick(btn)\"\n            ></fd-button-bar>\n            } }\n        </div>\n    </div>\n    } } @if (mobileBottomBar) {\n    <div style=\"background-color: transparent; height: 4rem\"></div>\n    }\n</ng-template>\n<ng-template #buttonsMode>\n    @for (btn of workflowButtons; track btn; let i = $index) { @if (btn !== '-') {\n    <fd-button-bar\n        [attr.workflowButton]=\"true\"\n        [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n        [label]=\"btn.text | bbbTranslate\"\n        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n        (click)=\"onToolClick(btn)\"\n    ></fd-button-bar>\n    } }\n</ng-template>\n", styles: [":host[rtl=true] fd-split-button{margin-left:.5rem}:host[rtl=false] fd-split-button{margin-right:.5rem}.forward button{min-width:6rem}.form-erja{padding-top:1rem;padding-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormNewComponent, selector: "bnrc-form-new", inputs: ["settings"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "component", type: i3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i6$2.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i6$2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: { workflowButtons: "workflowButtons", workflowButtonsComboMode: "workflowButtonsComboMode", canSend: "canSend", simple: "simple", footerDesign: "footerDesign" }, outputs: { workflowChoiceSelect: "workflowChoiceSelect" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"simple ? buttonsMode : defaultTemplate\"> </ng-container>\n<ng-template #defaultTemplate>\n    @if (visible) { @if (hasButtons) {\n    <div fd-bar [barDesign]=\"footerDesign ? footerDesign : 'footer'\" [inPage]=\"true\">\n        @if (canSend && false) {\n        <div fd-bar-left>\n            <fd-bar-element class=\"forward\">\n                <fd-popover\n                    [focusTrapped]=\"true\"\n                    [focusAutoCapture]=\"true\"\n                    [closeOnOutsideClick]=\"false\"\n                    [scrollStrategy]=\"repositionScrollStrategy\"\n                    #forwardPopover\n                >\n                    <fd-popover-control class=\"forward\">\n                        <button fd-button [fdType]=\"'standard'\" [label]=\"'Forward' | bbbTranslate\"></button>\n                    </fd-popover-control>\n                    <fd-popover-body style=\"min-width: 30vw; max-width: 30vw; min-height: 30vh\">\n                        <div fd-popover-body-header>\n                            <div fd-bar barDesign=\"header\" [cozy]=\"true\">\n                                <div fd-bar-right>\n                                    <fd-bar-element\n                                        ><button\n                                            fd-button\n                                            (click)=\"forwardPopover.close()\"\n                                            [fdType]=\"'transparent'\"\n                                            [glyph]=\"'decline'\"\n                                        ></button>\n                                    </fd-bar-element>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>\u0627\u0631\u062C\u0627\u0639 \u0641\u0631\u0645 \u0628\u0647 \u0634\u062E\u0635 \u062F\u06CC\u06AF\u0631 </fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <bnrc-form-new\n                            class=\"form-erja\"\n                            [settings]=\"{\n                                MetaTypeDef: { Id: '', $Caption: '' },\n                                MetaView: { Id: '', $Caption: '' },\n                                DisableGenerateId: true\n                            }\"\n                        ></bnrc-form-new>\n                        <div fd-popover-body-footer>\n                            <div fd-bar barDesign=\"footer\" [cozy]=\"true\">\n                                <div fd-bar-right>\n                                    <fd-button-bar [label]=\"'Send' | bbbTranslate\" fdType=\"emphasized\"></fd-button-bar>\n                                    <fd-button-bar\n                                        [label]=\"'Cancel' | bbbTranslate\"\n                                        [fdType]=\"'transparent'\"\n                                        (click)=\"forwardPopover.close()\"\n                                    ></fd-button-bar>\n                                </div>\n                            </div>\n                        </div>\n                    </fd-popover-body>\n                </fd-popover>\n            </fd-bar-element>\n        </div>\n        }\n        <div fd-bar-right>\n            @if (workflowButtonsComboMode && workflowButtons.length > 0) {\n            <button\n                fd-button\n                [fdMenu]=\"true\"\n                fdType=\"emphasized\"\n                [label]=\"selectedWorkflowButton?.text || 'Select' | bbbTranslate\"\n                [ariaLabel]=\"selectedWorkflowButton?.text || 'Select' | bbbTranslate\"\n                [fdMenuTrigger]=\"menu\"\n            ></button>\n            <fd-menu #menu>\n                @for (btn of workflowButtons; track btn) {\n                <li fd-menu-item (click)=\"menu.close(); onWorkflowButtonSelected(btn)\">\n                    <div fd-menu-interactive>\n                        <span fd-menu-title>{{ btn.text }}</span>\n                    </div>\n                </li>\n                }\n            </fd-menu>\n            <fd-button-bar\n                [fdType]=\"'positive'\"\n                [label]=\"'Send' | bbbTranslate\"\n                [disabled]=\"!selectedWorkflowButton\"\n                [glyph]=\"'accept'\"\n                (click)=\"onAcceptWorkflow()\"\n            ></fd-button-bar>\n            } @else { @for (btn of workflowButtons; track btn; let i = $index) { @if (btn !== '-') {\n            <fd-button-bar\n                [attr.workflowButton]=\"true\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                (click)=\"onToolClick(btn)\"\n            ></fd-button-bar>\n            } } } @for (btn of buttons; track btn; let i = $index) { @if (btn.Data?.CustomUi?.Selector) {\n            <bnrc-dynamic-form-toolbaritem\n                class=\"fd-bar__element\"\n                [component]=\"btn.Data.CustomUi\"\n                [context]=\"btn\"\n                [isEnable]=\"btn.Command?._isEnable\"\n                (btnClick)=\"onToolClick(btn)\"\n            ></bnrc-dynamic-form-toolbaritem>\n            } @if (btn !== '-' && !btn.Data?.CustomUi?.Selector) {\n            <fd-button-bar\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                (click)=\"onToolClick(btn)\"\n            ></fd-button-bar>\n            } }\n        </div>\n    </div>\n    } } @if (mobileBottomBar) {\n    <div style=\"background-color: transparent; height: 4rem\"></div>\n    }\n</ng-template>\n<ng-template #buttonsMode>\n    @for (btn of workflowButtons; track btn; let i = $index) { @if (btn !== '-') {\n    <fd-button-bar\n        [attr.workflowButton]=\"true\"\n        [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n        [label]=\"btn.text | bbbTranslate\"\n        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n        (click)=\"onToolClick(btn)\"\n    ></fd-button-bar>\n    } }\n</ng-template>\n", styles: [":host[rtl=true] fd-split-button{margin-left:.5rem}:host[rtl=false] fd-split-button{margin-right:.5rem}.forward button{min-width:6rem}.form-erja{padding-top:1rem;padding-bottom:1rem}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.FormNewComponent, selector: "bnrc-form-new", inputs: ["settings"] }, { kind: "component", type: i2.DynamicFormToolbaritemComponent, selector: "bnrc-dynamic-form-toolbaritem", inputs: ["mo", "index", "deviceName", "deviceSize", "context", "btn", "isEnable", "showText", "allColumns", "conditionalFormats"], outputs: ["btnClick"] }, { kind: "component", type: i3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$2.MenuComponent, selector: "fd-menu", inputs: ["mobile", "disabled", "focusTrapped", "focusAutoCapture", "openOnHoverTime", "mobileConfig", "ariaLabel", "ariaLabelledby", "id"], outputs: ["activePath"] }, { kind: "component", type: i6$2.MenuItemComponent, selector: "li[fd-menu-item]", inputs: ["disabled", "itemId", "submenu", "parentSubmenu", "hasSeparator"], outputs: ["onSelect"], exportAs: ["fd-menu-item"] }, { kind: "component", type: i6$2.MenuInteractiveComponent, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$2.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "directive", type: i6$2.MenuTriggerDirective, selector: "[fdMenuTrigger]", inputs: ["fdMenuTrigger"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LayoutActionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-layout-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"simple ? buttonsMode : defaultTemplate\"> </ng-container>\n<ng-template #defaultTemplate>\n    @if (visible) { @if (hasButtons) {\n    <div fd-bar [barDesign]=\"footerDesign ? footerDesign : 'footer'\" [inPage]=\"true\">\n        @if (canSend && false) {\n        <div fd-bar-left>\n            <fd-bar-element class=\"forward\">\n                <fd-popover\n                    [focusTrapped]=\"true\"\n                    [focusAutoCapture]=\"true\"\n                    [closeOnOutsideClick]=\"false\"\n                    [scrollStrategy]=\"repositionScrollStrategy\"\n                    #forwardPopover\n                >\n                    <fd-popover-control class=\"forward\">\n                        <button fd-button [fdType]=\"'standard'\" [label]=\"'Forward' | bbbTranslate\"></button>\n                    </fd-popover-control>\n                    <fd-popover-body style=\"min-width: 30vw; max-width: 30vw; min-height: 30vh\">\n                        <div fd-popover-body-header>\n                            <div fd-bar barDesign=\"header\" [cozy]=\"true\">\n                                <div fd-bar-right>\n                                    <fd-bar-element\n                                        ><button\n                                            fd-button\n                                            (click)=\"forwardPopover.close()\"\n                                            [fdType]=\"'transparent'\"\n                                            [glyph]=\"'decline'\"\n                                        ></button>\n                                    </fd-bar-element>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>\u0627\u0631\u062C\u0627\u0639 \u0641\u0631\u0645 \u0628\u0647 \u0634\u062E\u0635 \u062F\u06CC\u06AF\u0631 </fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <bnrc-form-new\n                            class=\"form-erja\"\n                            [settings]=\"{\n                                MetaTypeDef: { Id: '', $Caption: '' },\n                                MetaView: { Id: '', $Caption: '' },\n                                DisableGenerateId: true\n                            }\"\n                        ></bnrc-form-new>\n                        <div fd-popover-body-footer>\n                            <div fd-bar barDesign=\"footer\" [cozy]=\"true\">\n                                <div fd-bar-right>\n                                    <fd-button-bar [label]=\"'Send' | bbbTranslate\" fdType=\"emphasized\"></fd-button-bar>\n                                    <fd-button-bar\n                                        [label]=\"'Cancel' | bbbTranslate\"\n                                        [fdType]=\"'transparent'\"\n                                        (click)=\"forwardPopover.close()\"\n                                    ></fd-button-bar>\n                                </div>\n                            </div>\n                        </div>\n                    </fd-popover-body>\n                </fd-popover>\n            </fd-bar-element>\n        </div>\n        }\n        <div fd-bar-right>\n            @if (workflowButtonsComboMode && workflowButtons.length > 0) {\n            <button\n                fd-button\n                [fdMenu]=\"true\"\n                fdType=\"emphasized\"\n                [label]=\"'Select' | bbbTranslate\"\n                [ariaLabel]=\"'Select' | bbbTranslate\"\n                [fdMenuTrigger]=\"menu\"\n            ></button>\n            <fd-menu #menu>\n                @for (btn of workflowButtons; track btn) {\n                <li fd-menu-item (click)=\"onWorkflowButtonSelected(btn)\">\n                    <div fd-menu-interactive>\n                        <span fd-menu-title>{{ btn.text }}</span>\n                    </div>\n                </li>\n                }\n            </fd-menu>\n            <fd-button-bar\n                [fdType]=\"'positive'\"\n                [label]=\"'Send' | bbbTranslate\"\n                [disabled]=\"!selectedWorkflowButton\"\n                [glyph]=\"'accept'\"\n                (click)=\"onAcceptWorkflow()\"\n            ></fd-button-bar>\n            } @else { @for (btn of workflowButtons; track btn; let i = $index) { @if (btn !== '-') {\n            <fd-button-bar\n                [attr.workflowButton]=\"true\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                (click)=\"onToolClick(btn)\"\n            ></fd-button-bar>\n            } } } @for (btn of buttons; track btn; let i = $index) { @if (btn.Data?.CustomUi?.Selector) {\n            <bnrc-dynamic-form-toolbaritem\n                class=\"fd-bar__element\"\n                [component]=\"btn.Data.CustomUi\"\n                [context]=\"btn\"\n                [isEnable]=\"btn.Command?._isEnable\"\n                (btnClick)=\"onToolClick(btn)\"\n            ></bnrc-dynamic-form-toolbaritem>\n            } @if (btn !== '-' && !btn.Data?.CustomUi?.Selector) {\n            <fd-button-bar\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                (click)=\"onToolClick(btn)\"\n            ></fd-button-bar>\n            } }\n        </div>\n    </div>\n    } } @if (mobileBottomBar) {\n    <div style=\"background-color: transparent; height: 4rem\"></div>\n    }\n</ng-template>\n<ng-template #buttonsMode>\n    @for (btn of workflowButtons; track btn; let i = $index) { @if (btn !== '-') {\n    <fd-button-bar\n        [attr.workflowButton]=\"true\"\n        [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n        [label]=\"btn.text | bbbTranslate\"\n        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n        (click)=\"onToolClick(btn)\"\n    ></fd-button-bar>\n    } }\n</ng-template>\n", styles: [":host[rtl=true] fd-split-button{margin-left:.5rem}:host[rtl=false] fd-split-button{margin-right:.5rem}.forward button{min-width:6rem}.form-erja{padding-top:1rem;padding-bottom:1rem}\n"] }]
+            args: [{ selector: 'bsu-layout-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"simple ? buttonsMode : defaultTemplate\"> </ng-container>\n<ng-template #defaultTemplate>\n    @if (visible) { @if (hasButtons) {\n    <div fd-bar [barDesign]=\"footerDesign ? footerDesign : 'footer'\" [inPage]=\"true\">\n        @if (canSend && false) {\n        <div fd-bar-left>\n            <fd-bar-element class=\"forward\">\n                <fd-popover\n                    [focusTrapped]=\"true\"\n                    [focusAutoCapture]=\"true\"\n                    [closeOnOutsideClick]=\"false\"\n                    [scrollStrategy]=\"repositionScrollStrategy\"\n                    #forwardPopover\n                >\n                    <fd-popover-control class=\"forward\">\n                        <button fd-button [fdType]=\"'standard'\" [label]=\"'Forward' | bbbTranslate\"></button>\n                    </fd-popover-control>\n                    <fd-popover-body style=\"min-width: 30vw; max-width: 30vw; min-height: 30vh\">\n                        <div fd-popover-body-header>\n                            <div fd-bar barDesign=\"header\" [cozy]=\"true\">\n                                <div fd-bar-right>\n                                    <fd-bar-element\n                                        ><button\n                                            fd-button\n                                            (click)=\"forwardPopover.close()\"\n                                            [fdType]=\"'transparent'\"\n                                            [glyph]=\"'decline'\"\n                                        ></button>\n                                    </fd-bar-element>\n                                    <div fd-bar-left>\n                                        <fd-bar-element>\u0627\u0631\u062C\u0627\u0639 \u0641\u0631\u0645 \u0628\u0647 \u0634\u062E\u0635 \u062F\u06CC\u06AF\u0631 </fd-bar-element>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <bnrc-form-new\n                            class=\"form-erja\"\n                            [settings]=\"{\n                                MetaTypeDef: { Id: '', $Caption: '' },\n                                MetaView: { Id: '', $Caption: '' },\n                                DisableGenerateId: true\n                            }\"\n                        ></bnrc-form-new>\n                        <div fd-popover-body-footer>\n                            <div fd-bar barDesign=\"footer\" [cozy]=\"true\">\n                                <div fd-bar-right>\n                                    <fd-button-bar [label]=\"'Send' | bbbTranslate\" fdType=\"emphasized\"></fd-button-bar>\n                                    <fd-button-bar\n                                        [label]=\"'Cancel' | bbbTranslate\"\n                                        [fdType]=\"'transparent'\"\n                                        (click)=\"forwardPopover.close()\"\n                                    ></fd-button-bar>\n                                </div>\n                            </div>\n                        </div>\n                    </fd-popover-body>\n                </fd-popover>\n            </fd-bar-element>\n        </div>\n        }\n        <div fd-bar-right>\n            @if (workflowButtonsComboMode && workflowButtons.length > 0) {\n            <button\n                fd-button\n                [fdMenu]=\"true\"\n                fdType=\"emphasized\"\n                [label]=\"selectedWorkflowButton?.text || 'Select' | bbbTranslate\"\n                [ariaLabel]=\"selectedWorkflowButton?.text || 'Select' | bbbTranslate\"\n                [fdMenuTrigger]=\"menu\"\n            ></button>\n            <fd-menu #menu>\n                @for (btn of workflowButtons; track btn) {\n                <li fd-menu-item (click)=\"menu.close(); onWorkflowButtonSelected(btn)\">\n                    <div fd-menu-interactive>\n                        <span fd-menu-title>{{ btn.text }}</span>\n                    </div>\n                </li>\n                }\n            </fd-menu>\n            <fd-button-bar\n                [fdType]=\"'positive'\"\n                [label]=\"'Send' | bbbTranslate\"\n                [disabled]=\"!selectedWorkflowButton\"\n                [glyph]=\"'accept'\"\n                (click)=\"onAcceptWorkflow()\"\n            ></fd-button-bar>\n            } @else { @for (btn of workflowButtons; track btn; let i = $index) { @if (btn !== '-') {\n            <fd-button-bar\n                [attr.workflowButton]=\"true\"\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                (click)=\"onToolClick(btn)\"\n            ></fd-button-bar>\n            } } } @for (btn of buttons; track btn; let i = $index) { @if (btn.Data?.CustomUi?.Selector) {\n            <bnrc-dynamic-form-toolbaritem\n                class=\"fd-bar__element\"\n                [component]=\"btn.Data.CustomUi\"\n                [context]=\"btn\"\n                [isEnable]=\"btn.Command?._isEnable\"\n                (btnClick)=\"onToolClick(btn)\"\n            ></bnrc-dynamic-form-toolbaritem>\n            } @if (btn !== '-' && !btn.Data?.CustomUi?.Selector) {\n            <fd-button-bar\n                [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n                [label]=\"btn.text | bbbTranslate\"\n                [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n                (click)=\"onToolClick(btn)\"\n            ></fd-button-bar>\n            } }\n        </div>\n    </div>\n    } } @if (mobileBottomBar) {\n    <div style=\"background-color: transparent; height: 4rem\"></div>\n    }\n</ng-template>\n<ng-template #buttonsMode>\n    @for (btn of workflowButtons; track btn; let i = $index) { @if (btn !== '-') {\n    <fd-button-bar\n        [attr.workflowButton]=\"true\"\n        [fdType]=\"btn.design ? btn.design : btn.Data?.JsonExtraProp?.Design\"\n        [label]=\"btn.text | bbbTranslate\"\n        [glyph]=\"btn.newIcon ? btn.newIcon : btn.Data?.JsonExtraProp?.Icon\"\n        (click)=\"onToolClick(btn)\"\n    ></fd-button-bar>\n    } }\n</ng-template>\n", styles: [":host[rtl=true] fd-split-button{margin-left:.5rem}:host[rtl=false] fd-split-button{margin-right:.5rem}.forward button{min-width:6rem}.form-erja{padding-top:1rem;padding-bottom:1rem}\n"] }]
         }], ctorParameters: () => [{ type: i1$4.Overlay }], propDecorators: { workflowButtons: [{
                 type: Input
             }], workflowButtonsComboMode: [{
@@ -8717,9 +8739,9 @@ class FundamentalDynamicFormComponent extends BaseComponent {
         this.isFirefox = isFirefox();
         this.facetList ||= [];
         this.workflowInfoText = this.workflowPanelUi?.Setting?.Workflow?.InfoText;
-        const workflowButtons = this.workflowPanelUi?.buttonList ?? [];
-        this.workflowButtonsComboMode = this.workflowPanelUi?.Setting?.Workflow?.ButtonsComboMode;
-        this.workflowButtons = workflowButtons;
+        // const workflowButtons = this.workflowPanelUi?.buttonList ?? [];
+        this.workflowButtonsComboMode = this.isMobile;
+        // this.workflowButtons = workflowButtons;
         this.canFullscreen = this.parameters?.CanFullscreen === true;
         const toolbarButtonsCount = this.toolbarItems.filter((c) => typeof c !== 'string' && c.text !== '-').length;
         if (this.deviceSize === 's' && toolbarButtonsCount > 1) {
@@ -8768,11 +8790,11 @@ class FundamentalDynamicFormComponent extends BaseComponent {
         this.layout2 = GetFormLayoutGrid(false, this.colXl, this.colLg, this.colMd);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FundamentalDynamicFormComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layout94: "layout94", parameters: "parameters", workflowPanelUi: "workflowPanelUi", context: "context", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", fieldDict: "fieldDict", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", mo: "mo", avatar: "avatar", circleAvatar: "circleAvatar", rtl: "rtl", hideFooter: "hideFooter", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", fullscreen: "fullscreen", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs", formVisibilityStatus: "formVisibilityStatus", layoutGridCol: "layoutGridCol", colLg: "colLg", colXl: "colXl", colMd: "colMd", footerDesign: "footerDesign", formContentMaxWidth: "formContentMaxWidth" }, outputs: { toolbarClick: "toolbarClick", workflowChoiceClick: "workflowChoiceClick", close: "close", fullscreenRequest: "fullscreenRequest" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true, static: true }, { propertyName: "_tabListComponent", first: true, predicate: TabListComponent, descendants: true }, { propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }, { propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, read: ViewContainerRef }, { propertyName: "headerAvatarRef", first: true, predicate: ["headerAvatar"], descendants: true }, { propertyName: "closeFormTemplate", first: true, predicate: ["closeForm"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (mask) {\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n}\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n    mobile\n    formClose\n    [isMobile]=\"isMobile\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n            <fd-breadcrumb>\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n                breadCrumb.url; let i = $index; let last = $last) {\n                <fd-breadcrumb-item>\n                    <bsu-breadcrumb\n                        [index]=\"i\"\n                        [isLast]=\"last\"\n                        [breadCrumb]=\"breadCrumb\"\n                        [allBreadCrumb]=\"breadCrumbs\"\n                    ></bsu-breadcrumb>\n                </fd-breadcrumb-item>\n                } }\n            </fd-breadcrumb>\n        </fd-dynamic-page-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            @if (toolbarVisible) {\n            <bsu-form-toolbar\n                [deviceSize]=\"deviceSize\"\n                [buttons]=\"toolbarItems\"\n                [dirValue]=\"dirValue\"\n                [isFirefox]=\"isFirefox\"\n                (toolbarClick)=\"toolbarClick.emit($event)\"\n                #formToolbar\n            ></bsu-form-toolbar>\n            }\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            @if (!hideClose) {\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                @if (deviceSize !== 's') {\n                <fd-toolbar-separator></fd-toolbar-separator>\n                }\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\n            </fd-toolbar>\n            }\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {\n    <fd-dynamic-page-subheader\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        @if (workflowInfoText) {\n        <fd-message-strip [type]=\"'warning'\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        }\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            @if (avatar) {\n            <fd-facet type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                    [circle]=\"circleAvatar\"\n                ></fd-avatar>\n                <!-- <div\n                  class=\"fd-avatar fd-avatar--circle\"\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                  >\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            } @for (facet of facetList; track facet) {\n            <fd-facet\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\n                <fd-facet-content>\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\n                <span\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                } @else {\n                <bnrc-dynamic-component\n                    [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                    [component]=\"facet.mo.Component\"\n                    [value]=\"facet.mo.Text\"\n                ></bnrc-dynamic-component>\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\n                <fd-object-number\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\n                ></fd-object-number>\n                } @if (facet.type === 'plain-text') {\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n                } @if (facet.type === 'rating-indicator') {\n                <fd-facet-content>\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                } @if (facet.type === 'progress') {\n                <div [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                    style=\"width: 10rem\"\n                    [valueState]=\"facet.mo.State\"\n                    [value]=\"getNumber(facet.mo.Value)\"\n                  ></ui5-progress-indicator> -->\n                </div>\n                } @if (facet.type === 'microcharts') {\n                <div>\n                    <label wrap>in progress ...</label>\n                </div>\n                }\n            </fd-facet>\n            }\n        </fd-facet-group>\n        @if (description) {\n        <span>{{ description }}</span>\n        }\n    </fd-dynamic-page-subheader>\n    } @if (!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent) {\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\n        <fd-tab [title]=\"tab.Title!! | bbbTranslate\" [class.is-expanded]=\"selectedTab === tab.Title\">\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n                        </div>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        }\n    </fd-tab-list>\n    } @else { @if (!contentIsPage) {\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        #tablist\n        class=\"extra-hide-tabs show-boundary\"\n    >\n        <fd-tab title=\"\">\n            <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div\n                            style=\"min-height: 100%\"\n                            [fdLayoutGridCol]=\"12\"\n                            [colMd]=\"colMd\"\n                            [colLg]=\"colLg\"\n                            [colXl]=\"colXl\"\n                        >\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                                    context: {\n                                        $implicit: parameters?.LayoutComponent,\n                                        layout94: layout94\n                                    }\n                                \"\n                            ></ng-container>\n                        </div>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    } } @if(!hideFooter){\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [footerDesign]=\"footerDesign\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"toolbarClick.emit($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\n@if (contentIsPage) {\n<ng-container\n    *ngTemplateOutlet=\"\n        renderLayoutComponent;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n}\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [footerDesign]=\"footerDesign\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowButtons]=\"workflowButtons\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n<ng-template #closeForm>\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n    </button>\n</ng-template>\n<ng-template #fullscreenForm>\n    @if (canFullscreen) {\n    <button\n        fd-button\n        fdType=\"transparent\"\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        (click)=\"fullscreenRequest.emit()\"\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n    ></button>\n    }\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%;overflow:hidden}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded bsu-ly-layout-container-of-root{min-height:100%}fd-dynamic-page fd-dynamic-page-content.limit-content-width{display:flex;justify-content:center}fd-facet{display:flex;flex-direction:column}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicFormComponent, selector: "bnrc-dynamic-form-component", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "workflowButtons", "layout94", "footerDesign", "settings", "workflowPanelUi", "title", "subtitle", "description", "facetList", "removeHeaderBorder", "removeContentPadding", "isMobile", "avatar", "rtl", "mask", "mo", "contentDensity", "deviceSize", "dirValue", "fieldDict", "modernTabs"] }, { kind: "component", type: i2.BaseDynamicComponent, selector: "bnrc-dynamic-component", inputs: ["component", "value"], outputs: ["events"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5$4.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$4.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9$1.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "ariaRoledescription", "background", "autoResponsive", "size", "offset", "expandContent", "positionRelative"] }, { kind: "component", type: i9$1.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap", "headingLevel", "titleId"] }, { kind: "component", type: i9$1.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$1.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$1.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$1.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$1.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i9$1.DynamicPageBreadcrumbComponent, selector: "fd-dynamic-page-breadcrumb" }, { kind: "component", type: i7$6.FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "headingLevel", "id", "alignEnd"] }, { kind: "component", type: i7$6.FacetGroupComponent, selector: "fd-facet-group", inputs: ["ariaLabel"] }, { kind: "component", type: i7$6.FacetContentComponent, selector: "fd-facet-content" }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "component", type: i4$5.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i13$1.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "nonInteractive", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { kind: "component", type: i1$6.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "defaultTab", "selectDefaultOnTabsChange", "focusFirstFocusableElement"], outputs: ["selectedTabChange", "selectedTabIndexChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i1$6.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: i2$9.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i8.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: i12.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple", "footerDesign"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "pipe", type: i1$2.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.HeaderFacetValuePipe, name: "facetValue" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: { breadCrumbs: "breadCrumbs", toolbarVisible: "toolbarVisible", toolbarItems: "toolbarItems", layoutActions: "layoutActions", layout94: "layout94", parameters: "parameters", workflowPanelUi: "workflowPanelUi", context: "context", title: "title", subtitle: "subtitle", description: "description", facetList: "facetList", fieldDict: "fieldDict", removeHeaderBorder: "removeHeaderBorder", removeContentPadding: "removeContentPadding", isMobile: "isMobile", mo: "mo", avatar: "avatar", circleAvatar: "circleAvatar", rtl: "rtl", hideFooter: "hideFooter", hideTitle: "hideTitle", hideClose: "hideClose", hidePin: "hidePin", fullscreen: "fullscreen", mask: "mask", canSend: "canSend", contentIsPage: "contentIsPage", contentDensity: "contentDensity", deviceSize: "deviceSize", dirValue: "dirValue", landscape: "landscape", standalone: "standalone", modernTabs: "modernTabs", formVisibilityStatus: "formVisibilityStatus", layoutGridCol: "layoutGridCol", colLg: "colLg", colXl: "colXl", colMd: "colMd", footerDesign: "footerDesign", formContentMaxWidth: "formContentMaxWidth", workflowButtons: "workflowButtons" }, outputs: { toolbarClick: "toolbarClick", workflowChoiceClick: "workflowChoiceClick", close: "close", fullscreenRequest: "fullscreenRequest" }, viewQueries: [{ propertyName: "_dynamicPageComponent", first: true, predicate: DynamicPageComponent, descendants: true, static: true }, { propertyName: "_tabListComponent", first: true, predicate: TabListComponent, descendants: true }, { propertyName: "_toolbarComponent", first: true, predicate: ["formToolbar"], descendants: true }, { propertyName: "titleRef", first: true, predicate: ["titleRef"], descendants: true, read: ViewContainerRef }, { propertyName: "headerAvatarRef", first: true, predicate: ["headerAvatar"], descendants: true }, { propertyName: "closeFormTemplate", first: true, predicate: ["closeForm"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (mask) {\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n}\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n    mobile\n    formClose\n    [isMobile]=\"isMobile\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n            <fd-breadcrumb>\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n                breadCrumb.url; let i = $index; let last = $last) {\n                <fd-breadcrumb-item>\n                    <bsu-breadcrumb\n                        [index]=\"i\"\n                        [isLast]=\"last\"\n                        [breadCrumb]=\"breadCrumb\"\n                        [allBreadCrumb]=\"breadCrumbs\"\n                    ></bsu-breadcrumb>\n                </fd-breadcrumb-item>\n                } }\n            </fd-breadcrumb>\n        </fd-dynamic-page-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            @if (toolbarVisible) {\n            <bsu-form-toolbar\n                [deviceSize]=\"deviceSize\"\n                [buttons]=\"toolbarItems | filterWorkflowInMobile\"\n                [dirValue]=\"dirValue\"\n                [isFirefox]=\"isFirefox\"\n                (toolbarClick)=\"toolbarClick.emit($event)\"\n                #formToolbar\n            ></bsu-form-toolbar>\n            }\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            @if (!hideClose) {\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                @if (deviceSize !== 's') {\n                <fd-toolbar-separator></fd-toolbar-separator>\n                }\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\n            </fd-toolbar>\n            }\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {\n    <fd-dynamic-page-subheader\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        @if (workflowInfoText) {\n        <fd-message-strip [type]=\"'warning'\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        }\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            @if (avatar) {\n            <fd-facet type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                    [circle]=\"circleAvatar\"\n                ></fd-avatar>\n                <!-- <div\n                  class=\"fd-avatar fd-avatar--circle\"\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                  >\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            } @for (facet of facetList; track facet) {\n            <fd-facet\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\n                <fd-facet-content>\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\n                <span\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                } @else {\n                <bnrc-dynamic-component\n                    [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                    [component]=\"facet.mo.Component\"\n                    [value]=\"facet.mo.Text\"\n                ></bnrc-dynamic-component>\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\n                <fd-object-number\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\n                ></fd-object-number>\n                } @if (facet.type === 'plain-text') {\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n                } @if (facet.type === 'rating-indicator') {\n                <fd-facet-content>\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                } @if (facet.type === 'progress') {\n                <div [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                    style=\"width: 10rem\"\n                    [valueState]=\"facet.mo.State\"\n                    [value]=\"getNumber(facet.mo.Value)\"\n                  ></ui5-progress-indicator> -->\n                </div>\n                } @if (facet.type === 'microcharts') {\n                <div>\n                    <label wrap>in progress ...</label>\n                </div>\n                }\n            </fd-facet>\n            }\n        </fd-facet-group>\n        @if (description) {\n        <span>{{ description }}</span>\n        }\n    </fd-dynamic-page-subheader>\n    } @if (!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent) {\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\n        <fd-tab [title]=\"tab.Title!! | bbbTranslate\" [class.is-expanded]=\"selectedTab === tab.Title\">\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n                        </div>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        }\n    </fd-tab-list>\n    } @else { @if (!contentIsPage) {\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        #tablist\n        class=\"extra-hide-tabs show-boundary\"\n    >\n        <fd-tab title=\"\">\n            <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div\n                            style=\"min-height: 100%\"\n                            [fdLayoutGridCol]=\"12\"\n                            [colMd]=\"colMd\"\n                            [colLg]=\"colLg\"\n                            [colXl]=\"colXl\"\n                        >\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                                    context: {\n                                        $implicit: parameters?.LayoutComponent,\n                                        layout94: layout94\n                                    }\n                                \"\n                            ></ng-container>\n                        </div>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    } } @if(!hideFooter){\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [footerDesign]=\"footerDesign\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"toolbarClick.emit($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\n@if (contentIsPage) {\n<ng-container\n    *ngTemplateOutlet=\"\n        renderLayoutComponent;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n}\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [footerDesign]=\"footerDesign\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowButtons]=\"workflowButtons\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n<ng-template #closeForm>\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n    </button>\n</ng-template>\n<ng-template #fullscreenForm>\n    @if (canFullscreen) {\n    <button\n        fd-button\n        fdType=\"transparent\"\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        (click)=\"fullscreenRequest.emit()\"\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n    ></button>\n    }\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%;overflow:hidden}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded bsu-ly-layout-container-of-root{min-height:100%}fd-dynamic-page fd-dynamic-page-content.limit-content-width{display:flex;justify-content:center}fd-facet{display:flex;flex-direction:column}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicFormComponent, selector: "bnrc-dynamic-form-component", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "workflowButtons", "layout94", "footerDesign", "settings", "workflowPanelUi", "title", "subtitle", "description", "facetList", "removeHeaderBorder", "removeContentPadding", "isMobile", "avatar", "rtl", "mask", "mo", "contentDensity", "deviceSize", "dirValue", "fieldDict", "modernTabs"] }, { kind: "component", type: i2.BaseDynamicComponent, selector: "bnrc-dynamic-component", inputs: ["component", "value"], outputs: ["events"] }, { kind: "directive", type: i2.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5$4.BreadcrumbComponent, selector: "fd-breadcrumb", inputs: ["reverse", "tabIndex"], outputs: ["visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i5$4.BreadcrumbItemComponent, selector: "fd-breadcrumb-item" }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9$1.DynamicPageComponent, selector: "fd-dynamic-page", inputs: ["disableSnapOnScroll", "ariaLabel", "ariaRoledescription", "background", "autoResponsive", "size", "offset", "expandContent", "positionRelative"] }, { kind: "component", type: i9$1.DynamicPageHeaderComponent, selector: "fd-dynamic-page-header", inputs: ["title", "titleWrap", "subtitle", "subtitleWrap", "headingLevel", "titleId"] }, { kind: "component", type: i9$1.DynamicPageGlobalActionsComponent, selector: "fd-dynamic-page-global-actions" }, { kind: "component", type: i9$1.DynamicPageLayoutActionsComponent, selector: "fd-dynamic-page-layout-actions" }, { kind: "component", type: i9$1.DynamicPageSubheaderComponent, selector: "fd-dynamic-page-subheader", inputs: ["collapsible", "pinnable", "collapsed", "expandLabel", "collapseLabel", "id", "headerAriaLabel", "pinAriaLabel", "unpinAriaLabel"], outputs: ["collapsedChange"] }, { kind: "component", type: i9$1.DynamicPageContentComponent, selector: "fd-dynamic-page-content", inputs: ["tabLabel", "id"] }, { kind: "component", type: i9$1.DynamicPageFooterComponent, selector: "fd-dynamic-page-footer" }, { kind: "component", type: i9$1.DynamicPageBreadcrumbComponent, selector: "fd-dynamic-page-breadcrumb" }, { kind: "component", type: i7$6.FacetComponent, selector: "fd-facet", inputs: ["type", "facetTitle", "subtitle", "headingLevel", "id", "alignEnd"] }, { kind: "component", type: i7$6.FacetGroupComponent, selector: "fd-facet-group", inputs: ["ariaLabel"] }, { kind: "component", type: i7$6.FacetContentComponent, selector: "fd-facet-content" }, { kind: "component", type: i2$1.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "component", type: i4$5.ObjectNumberComponent, selector: "fd-object-number", inputs: ["number", "decimal", "unit", "emphasized", "large", "status", "class", "ariaLabelledBy", "ariaLabel"] }, { kind: "component", type: i10.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i13$1.RatingIndicatorComponent, selector: "fd-rating-indicator", inputs: ["class", "name", "ariaLabel", "ariaLabelledBy", "disabled", "displayMode", "nonInteractive", "indicatorCapacity", "allowHalves", "value", "totalRatings", "ratingAverage", "ratings", "displayAllRatings", "ratedIcon", "unratedIcon", "size", "dynamicTextIndicator"], outputs: ["ratingChanged"] }, { kind: "component", type: i1$6.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "defaultTab", "selectDefaultOnTabsChange", "focusFirstFocusableElement"], outputs: ["selectedTabChange", "selectedTabIndexChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i1$6.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "component", type: i2$9.TextComponent, selector: "fd-text", inputs: ["text", "maxLines", "whitespaces", "hyphenation", "expandable", "isCollapsed"], outputs: ["isCollapsedChange"] }, { kind: "component", type: i8.ToolbarComponent, selector: "fd-toolbar", inputs: ["titleId", "class", "shouldOverflow", "fdType", "title", "active", "clearBorder", "forceOverflow", "tabindex", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i8.ToolbarSeparatorComponent, selector: "fd-toolbar-separator" }, { kind: "component", type: i12.ProgressIndicatorComponent, selector: "fd-progress-indicator", inputs: ["valueText", "unit", "valueMin", "valueMax", "valueNow", "state", "animate"] }, { kind: "component", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "component", type: LayoutActionsComponent, selector: "bsu-layout-actions", inputs: ["workflowButtons", "workflowButtonsComboMode", "canSend", "simple", "footerDesign"], outputs: ["workflowChoiceSelect"] }, { kind: "component", type: BreadcrumbComponent, selector: "bsu-breadcrumb", inputs: ["breadCrumb", "allBreadCrumb", "isLast", "index"] }, { kind: "component", type: FormToolbarComponent, selector: "bsu-form-toolbar", outputs: ["toolbarClick"] }, { kind: "pipe", type: i1$2.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.HeaderFacetValuePipe, name: "facetValue" }, { kind: "pipe", type: i2.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterWorkflowInMobilePipe, name: "filterWorkflowInMobile" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FundamentalDynamicFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-fundamental-dynamic-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (mask) {\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n}\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n    mobile\n    formClose\n    [isMobile]=\"isMobile\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n            <fd-breadcrumb>\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n                breadCrumb.url; let i = $index; let last = $last) {\n                <fd-breadcrumb-item>\n                    <bsu-breadcrumb\n                        [index]=\"i\"\n                        [isLast]=\"last\"\n                        [breadCrumb]=\"breadCrumb\"\n                        [allBreadCrumb]=\"breadCrumbs\"\n                    ></bsu-breadcrumb>\n                </fd-breadcrumb-item>\n                } }\n            </fd-breadcrumb>\n        </fd-dynamic-page-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            @if (toolbarVisible) {\n            <bsu-form-toolbar\n                [deviceSize]=\"deviceSize\"\n                [buttons]=\"toolbarItems\"\n                [dirValue]=\"dirValue\"\n                [isFirefox]=\"isFirefox\"\n                (toolbarClick)=\"toolbarClick.emit($event)\"\n                #formToolbar\n            ></bsu-form-toolbar>\n            }\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            @if (!hideClose) {\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                @if (deviceSize !== 's') {\n                <fd-toolbar-separator></fd-toolbar-separator>\n                }\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\n            </fd-toolbar>\n            }\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {\n    <fd-dynamic-page-subheader\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        @if (workflowInfoText) {\n        <fd-message-strip [type]=\"'warning'\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        }\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            @if (avatar) {\n            <fd-facet type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                    [circle]=\"circleAvatar\"\n                ></fd-avatar>\n                <!-- <div\n                  class=\"fd-avatar fd-avatar--circle\"\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                  >\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            } @for (facet of facetList; track facet) {\n            <fd-facet\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\n                <fd-facet-content>\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\n                <span\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                } @else {\n                <bnrc-dynamic-component\n                    [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                    [component]=\"facet.mo.Component\"\n                    [value]=\"facet.mo.Text\"\n                ></bnrc-dynamic-component>\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\n                <fd-object-number\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\n                ></fd-object-number>\n                } @if (facet.type === 'plain-text') {\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n                } @if (facet.type === 'rating-indicator') {\n                <fd-facet-content>\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                } @if (facet.type === 'progress') {\n                <div [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                    style=\"width: 10rem\"\n                    [valueState]=\"facet.mo.State\"\n                    [value]=\"getNumber(facet.mo.Value)\"\n                  ></ui5-progress-indicator> -->\n                </div>\n                } @if (facet.type === 'microcharts') {\n                <div>\n                    <label wrap>in progress ...</label>\n                </div>\n                }\n            </fd-facet>\n            }\n        </fd-facet-group>\n        @if (description) {\n        <span>{{ description }}</span>\n        }\n    </fd-dynamic-page-subheader>\n    } @if (!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent) {\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\n        <fd-tab [title]=\"tab.Title!! | bbbTranslate\" [class.is-expanded]=\"selectedTab === tab.Title\">\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n                        </div>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        }\n    </fd-tab-list>\n    } @else { @if (!contentIsPage) {\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        #tablist\n        class=\"extra-hide-tabs show-boundary\"\n    >\n        <fd-tab title=\"\">\n            <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div\n                            style=\"min-height: 100%\"\n                            [fdLayoutGridCol]=\"12\"\n                            [colMd]=\"colMd\"\n                            [colLg]=\"colLg\"\n                            [colXl]=\"colXl\"\n                        >\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                                    context: {\n                                        $implicit: parameters?.LayoutComponent,\n                                        layout94: layout94\n                                    }\n                                \"\n                            ></ng-container>\n                        </div>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    } } @if(!hideFooter){\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [footerDesign]=\"footerDesign\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"toolbarClick.emit($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\n@if (contentIsPage) {\n<ng-container\n    *ngTemplateOutlet=\"\n        renderLayoutComponent;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n}\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [footerDesign]=\"footerDesign\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowButtons]=\"workflowButtons\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n<ng-template #closeForm>\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n    </button>\n</ng-template>\n<ng-template #fullscreenForm>\n    @if (canFullscreen) {\n    <button\n        fd-button\n        fdType=\"transparent\"\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        (click)=\"fullscreenRequest.emit()\"\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n    ></button>\n    }\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%;overflow:hidden}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded bsu-ly-layout-container-of-root{min-height:100%}fd-dynamic-page fd-dynamic-page-content.limit-content-width{display:flex;justify-content:center}fd-facet{display:flex;flex-direction:column}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"] }]
+            args: [{ selector: 'bsu-fundamental-dynamic-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (mask) {\n<div style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%\">\n    <bsu-mask size=\"m\"></bsu-mask>\n</div>\n}\n\n<fd-dynamic-page\n    [size]=\"isMobile ? 'small' : 'large'\"\n    [class.header-border]=\"!removeHeaderBorder\"\n    [attr.isMobile]=\"isMobile\"\n    [attr.contentIsPage]=\"contentIsPage\"\n    mobile\n    formClose\n    [isMobile]=\"isMobile\"\n>\n    <fd-dynamic-page-header\n        [class.simple-title]=\"!description\"\n        [title]=\"(hideTitle === true ? '' : title) | bbbTranslate\"\n        [subtitle]=\"subtitle | bbbTranslate\"\n        [class.p-b0]=\"removeContentPadding\"\n        [class.hide-title]=\"hideTitle === true && hideClose === true\"\n        #titleRef\n    >\n        <fd-dynamic-page-breadcrumb [class.hide]=\"isMobile\">\n            <fd-breadcrumb>\n                @if (breadCrumbs && !isMobile) { @for (breadCrumb of breadCrumbs | slice: 0:breadCrumbs.length; track\n                breadCrumb.url; let i = $index; let last = $last) {\n                <fd-breadcrumb-item>\n                    <bsu-breadcrumb\n                        [index]=\"i\"\n                        [isLast]=\"last\"\n                        [breadCrumb]=\"breadCrumb\"\n                        [allBreadCrumb]=\"breadCrumbs\"\n                    ></bsu-breadcrumb>\n                </fd-breadcrumb-item>\n                } }\n            </fd-breadcrumb>\n        </fd-dynamic-page-breadcrumb>\n        <fd-dynamic-page-global-actions>\n            <!-- global actions -->\n\n            <fd-toolbar [shouldOverflow]=\"true\" Style=\"display:none\"> </fd-toolbar>\n            <!-- added this because in mobile landscape toolbar disapper -->\n            @if (toolbarVisible) {\n            <bsu-form-toolbar\n                [deviceSize]=\"deviceSize\"\n                [buttons]=\"toolbarItems | filterWorkflowInMobile\"\n                [dirValue]=\"dirValue\"\n                [isFirefox]=\"isFirefox\"\n                (toolbarClick)=\"toolbarClick.emit($event)\"\n                #formToolbar\n            ></bsu-form-toolbar>\n            }\n        </fd-dynamic-page-global-actions>\n        <fd-dynamic-page-layout-actions>\n            <!-- layout actions -->\n            <!-- <div [formActions]=\"this.toolbar\"></div> -->\n            @if (!hideClose) {\n            <fd-toolbar fdType=\"transparent\" [clearBorder]=\"true\">\n                @if (deviceSize !== 's') {\n                <fd-toolbar-separator></fd-toolbar-separator>\n                }\n                <ng-container *ngTemplateOutlet=\"fullscreenForm\"></ng-container>\n                <ng-container *ngTemplateOutlet=\"closeForm\"></ng-container>\n            </fd-toolbar>\n            }\n        </fd-dynamic-page-layout-actions>\n    </fd-dynamic-page-header>\n    @if (description || facetList.length > 0 || workflowInfoText || avatar) {\n    <fd-dynamic-page-subheader\n        [class.header-no-description]=\"!(description || workflowInfoText)\"\n        [class.no-pin]=\"hidePin\"\n        [collapsible]=\"!!workflowInfoText || (facetList && facetList.length > 0)\"\n        [pinnable]=\"true\"\n        [collapsed]=\"(!facetList || facetList.length === 0) && !workflowInfoText\"\n    >\n        @if (workflowInfoText) {\n        <fd-message-strip [type]=\"'warning'\" [dismissible]=\"false\">\n            {{ workflowInfoText | bbbTranslate }}\n        </fd-message-strip>\n        }\n        <fd-facet-group ariaLabel=\"Facet Group\">\n            @if (avatar) {\n            <fd-facet type=\"image\">\n                <fd-avatar\n                    title=\"avatar\"\n                    [glyph]=\"avatar\"\n                    [image]=\"!avatar?.FileId ? null : (avatar?.FileId | picFieldSrc: 'ID':null)\"\n                    [size]=\"deviceSize === 'xl' ? 'l' : deviceSize\"\n                    [transparent]=\"true\"\n                    [circle]=\"circleAvatar\"\n                ></fd-avatar>\n                <!-- <div\n                  class=\"fd-avatar fd-avatar--circle\"\n                  [class]=\"'fd-avatar--' + (deviceSize === 'xl' ? 'l' : deviceSize)\"\n                  >\n                  <i *ngIf=\"avatar\" class=\"fd-avatar__icon\" [class]=\"avatar | sapFontClass\" role=\"presentation\"> </i>\n                </div> -->\n            </fd-facet>\n            } @for (facet of facetList; track facet) {\n            <fd-facet\n                [type]=\"facet.type\"\n                [facetTitle]=\"facet.mo.Title | bbbTranslate\"\n                [subtitle]=\"facet.mo.SubTitle | facetValue | bbbTranslate\"\n            >\n                @for (item of facet.mo.ItemList?.MoDataList; track item) {\n                <fd-facet-content>\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-10\">{{ item.Title }}</label>\n                    <fd-text [text]=\"item.Value | facetValue\" id=\"form-value-10\"></fd-text>\n                </fd-facet-content>\n                } @if ( !facet.mo.IsNumber && facet.type === 'key-value' && !facet.mo.Component?.Selector) {\n                <span\n                    fd-object-status\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [label]=\"facet.mo.Component?.Selector ? '' : (facet.mo.Text | facetValue)\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [title]=\"facet.mo.Text | facetValue\"\n                    [aria-label]=\"facet.mo.Text | facetValue\"\n                    [glyph]=\"facet.mo.Icon\"\n                >\n                </span>\n                } @else {\n                <bnrc-dynamic-component\n                    [class]=\"'fd-object-status--' + facet.mo.Status | facetValue\"\n                    [class.fd-object-status--large]=\"facet.mo.IsLarge\"\n                    [component]=\"facet.mo.Component\"\n                    [value]=\"facet.mo.Text\"\n                ></bnrc-dynamic-component>\n                } @if (facet.mo.IsNumber && facet.type === 'key-value') {\n                <fd-object-number\n                    [number]=\"facet.mo.Text | facetValue\"\n                    [large]=\"facet.mo.IsLarge\"\n                    [unit]=\"facet.mo.Unit | facetValue\"\n                    [status]=\"facet.mo.Status | facetValue\"\n                    [decimal]=\"facet.mo.DecimalValue | facetValue\"\n                ></fd-object-number>\n                } @if (facet.type === 'plain-text') {\n                <div [style.width.px]=\"facet.mo.Width\" style=\"white-space: normal\">\n                    <fd-text [text]=\"facet.mo.Text | facetValue\" hyphenation=\"auto\"></fd-text>\n                </div>\n                } @if (facet.type === 'rating-indicator') {\n                <fd-facet-content>\n                    <fd-rating-indicator\n                        style=\"pointer-events: none\"\n                        size=\"md\"\n                        [dynamicTextIndicator]=\"facet.mo.Footer\"\n                        [displayMode]=\"true\"\n                        [value]=\"facet.mo | facetValue: facet.type\"\n                    ></fd-rating-indicator>\n                </fd-facet-content>\n                } @if (facet.type === 'progress') {\n                <div [style.width]=\"'10rem'\">\n                    <!-- <span fd-form-label>{{ facet.mo.Subtitle | facetValue }}</span> -->\n                    <fd-progress-indicator\n                        style=\"width: 10r em\"\n                        [state]=\"facet.mo.State\"\n                        [valueText]=\"(facet.mo | facetValue: facet.type) + ' \u0627\u0632 10 \u0645\u0631\u062D\u0644\u0647'\"\n                        [valueNow]=\"facet.mo | facetValue: facet.type\"\n                        [valueMax]=\"10\"\n                        [unit]=\"'\u0645\u0631\u062D\u0644\u0647'\"\n                    ></fd-progress-indicator>\n                    <!-- <ui5-progress-indicator\n                    style=\"width: 10rem\"\n                    [valueState]=\"facet.mo.State\"\n                    [value]=\"getNumber(facet.mo.Value)\"\n                  ></ui5-progress-indicator> -->\n                </div>\n                } @if (facet.type === 'microcharts') {\n                <div>\n                    <label wrap>in progress ...</label>\n                </div>\n                }\n            </fd-facet>\n            }\n        </fd-facet-group>\n        @if (description) {\n        <span>{{ description }}</span>\n        }\n    </fd-dynamic-page-subheader>\n    } @if (!contentIsPage && modernTabs && modernTabs.length > 0 && !parameters?.LayoutComponent) {\n    <fd-tab-list\n        (selectedTabChange)=\"onTabChanged($event)\"\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        [expandOverflowText]=\"'More' | bbbTranslate\"\n        #tablist\n    >\n        @for (tab of modernTabs; track tab.Title; let i = $index) {\n        <fd-tab [title]=\"tab.Title!! | bbbTranslate\" [class.is-expanded]=\"selectedTab === tab.Title\">\n            <fd-dynamic-page-content [id]=\"tab.id\" [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div [fdLayoutGridCol]=\"12\" [colMd]=\"colMd\" [colLg]=\"colLg\" [colXl]=\"colXl\">\n                            <bsu-ly-tab-page [config]=\"tab\" [tablist]=\"tablist\"></bsu-ly-tab-page>\n                        </div>\n                        <div\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n        }\n    </fd-tab-list>\n    } @else { @if (!contentIsPage) {\n    <fd-tab-list\n        [collapseOverflow]=\"true\"\n        [stackContent]=\"false\"\n        maxContentHeight=\"auto\"\n        #tablist\n        class=\"extra-hide-tabs show-boundary\"\n    >\n        <fd-tab title=\"\">\n            <fd-dynamic-page-content [class.limit-content-width]=\"formContentMaxWidth > 0\">\n                <fd-layout-grid style=\"min-height: 100%\" [style.max-width.px]=\"formContentMaxWidth\">\n                    <div fdLayoutGridRow>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout1.colMd\"\n                            [colLg]=\"layout1.colLg\"\n                            [colXl]=\"layout1.colXl\"\n                        ></div>\n                        <div\n                            style=\"min-height: 100%\"\n                            [fdLayoutGridCol]=\"12\"\n                            [colMd]=\"colMd\"\n                            [colLg]=\"colLg\"\n                            [colXl]=\"colXl\"\n                        >\n                            <ng-container\n                                *ngTemplateOutlet=\"\n                                    parameters?.LayoutComponent ? renderLayoutComponent : renderDefaultLayout;\n                                    context: {\n                                        $implicit: parameters?.LayoutComponent,\n                                        layout94: layout94\n                                    }\n                                \"\n                            ></ng-container>\n                        </div>\n                        <div\n                            style=\"padding: 0\"\n                            [fdLayoutGridCol]=\"0\"\n                            [colMd]=\"layout2.colMd\"\n                            [colLg]=\"layout2.colLg\"\n                            [colXl]=\"layout2.colXl\"\n                        ></div>\n                    </div>\n                </fd-layout-grid>\n            </fd-dynamic-page-content>\n        </fd-tab>\n    </fd-tab-list>\n    } } @if(!hideFooter){\n    <fd-dynamic-page-footer>\n        <bsu-layout-actions\n            [canSend]=\"canSend\"\n            [buttons]=\"layoutActions\"\n            [isMobile]=\"isMobile\"\n            [landscape]=\"landscape\"\n            [standalone]=\"standalone\"\n            [footerDesign]=\"footerDesign\"\n            [workflowButtons]=\"workflowButtons\"\n            [workflowButtonsComboMode]=\"workflowButtonsComboMode\"\n            [deviceSize]=\"deviceSize\"\n            [rtl]=\"rtl\"\n            (toolClick)=\"toolbarClick.emit($event)\"\n            (workflowChoiceSelect)=\"onWfChoiceSelect($event)\"\n        >\n        </bsu-layout-actions>\n    </fd-dynamic-page-footer>\n    }\n</fd-dynamic-page>\n@if (contentIsPage) {\n<ng-container\n    *ngTemplateOutlet=\"\n        renderLayoutComponent;\n        context: {\n            $implicit: parameters?.LayoutComponent,\n            layout94: layout94\n        }\n    \"\n></ng-container>\n}\n<ng-template #renderDefaultLayout let-layout94=\"layout94\">\n    <bsu-ly-layout-container-of-root\n        [config]=\"layout94\"\n        [isPanel]=\"false\"\n        [isRoot]=\"true\"\n    ></bsu-ly-layout-container-of-root>\n</ng-template>\n<ng-template #renderLayoutComponent let-component let-layout94=\"layout94\">\n    <bnrc-dynamic-form-component\n        [component]=\"component\"\n        [removeContentPadding]=\"removeContentPadding\"\n        [breadCrumbs]=\"breadCrumbs\"\n        [description]=\"description\"\n        [title]=\"title\"\n        [subtitle]=\"subtitle\"\n        [toolbarItems]=\"toolbarItems\"\n        [layoutActions]=\"layoutActions\"\n        [footerDesign]=\"footerDesign\"\n        [facetList]=\"facetList\"\n        [settings]=\"component.Settings\"\n        [workflowButtons]=\"workflowButtons\"\n        [workflowPanelUi]=\"workflowPanelUi\"\n        [isMobile]=\"isMobile\"\n        [mo]=\"mo\"\n        [layout94]=\"layout94\"\n        [context]=\"context\"\n        [rtl]=\"rtl\"\n        [fieldDict]=\"fieldDict\"\n        [mask]=\"mask\"\n        [dirValue]=\"dirValue\"\n        [deviceSize]=\"deviceSize\"\n        [contentDensity]=\"contentDensity\"\n        [modernTabs]=\"modernTabs\"\n        [avatar]=\"avatar\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-form-component>\n</ng-template>\n<ng-template #closeForm>\n    <button fd-button fdType=\"transparent\" aria-label=\"Close\" (click)=\"close.emit()\" title=\"Close\">\n        <i [class]=\"'sap-icon--' + (isMobile ? (rtl ? 'arrow-right' : 'arrow-left') : 'decline')\"></i>\n    </button>\n</ng-template>\n<ng-template #fullscreenForm>\n    @if (canFullscreen) {\n    <button\n        fd-button\n        fdType=\"transparent\"\n        [attr.aria-label]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        (click)=\"fullscreenRequest.emit()\"\n        [title]=\"fullscreen ? 'exit fullscreen' : 'fullscreen'\"\n        [glyph]=\"fullscreen ? 'exitfullscreen' : 'resize'\"\n    ></button>\n    }\n</ng-template>\n", styles: [":host{display:block;height:auto;width:100%}:host ::ng-deep fd-dynamic-page[contentIsPage=true] .fd-dynamic-page{height:auto!important}:host ::ng-deep .fd-progress-indicator__container,:host ::ng-deep .fd-progress-indicator__progress-bar{height:1.5rem}:host ::ng-deep fd-facet .fd-object-status--large{font-size:1.1rem}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded{min-height:100%;display:flex}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded>fd-dynamic-page-content{min-height:100%;overflow:hidden}fd-dynamic-page ::ng-deep>article>fd-tab-list>.fd-tabs__content fd-tab.is-expanded bsu-ly-layout-container-of-root{min-height:100%}fd-dynamic-page fd-dynamic-page-content.limit-content-width{display:flex;justify-content:center}fd-facet{display:flex;flex-direction:column}.hide-title ::ng-deep .fd-dynamic-page__title-container{display:none!important}.no-pin ::ng-deep .fd-dynamic-page__collapsible-header-visibility-container{display:none!important}fd-toolbar.firefox ::ng-deep .fd-toolbar{flex-direction:row-reverse}fd-toolbar.firefox ::ng-deep .fd-toolbar>:first-child{margin-right:5px}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { _dynamicPageComponent: [{
                 type: ViewChild,
                 args: [DynamicPageComponent, { static: true }]
@@ -8881,6 +8903,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
             }], closeFormTemplate: [{
                 type: ViewChild,
                 args: ['closeForm', { static: true }]
+            }], workflowButtons: [{
+                type: Input
             }] } });
 class UiLinearListContainerWithButtonComponent extends DeviceInfoFieldBaseComponent {
@@ -10466,11 +10490,11 @@ class UiFormPanelComponent extends FormBaseComponent {
         this.fullscreen = parameters?.FullscreenDefault === true && !this.isModal;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiFormPanelComponent, deps: [{ token: i2.BreadcrumbService }, { token: i2.PortalService }, { token: i2$7.Router }, { token: i0.ElementRef }, { token: i2.ControlUiPipe }, { token: i2.FormPanelService, self: true }, { token: i2$7.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: i1.ContentDensityService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "@if (isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport || parameters?.IsSimple) {\n<bsu-barsa-simple-form\n    [cssStyle]=\"parameters?.CssStyles\"\n    [canSend]=\"(canSend$ | async) === true\"\n    [formVisibilityStatus]=\"formVisibilityStatus\"\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n    [breadCrumbs]=\"breadCrumbs$ | async\"\n    [description]=\"(headerDescription$ | async)!!\"\n    [hideClose]=\"(hideClose$ | async)!!\"\n    [hideTitle]=\"(hideTitle$ | async)!!\"\n    [hidePin]=\"(hidePin$ | async)!!\"\n    [title]=\"(title$ | async)!!\"\n    [isModal]=\"isModal\"\n    [formContentMaxWidth]=\"formContentMaxWidth\"\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n    [parameters]=\"parameters\"\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\n    [isMobile]=\"isMobile\"\n    [layout94]=\"extendLayout94$ | async\"\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\n    [colLg]=\"+(parameters?.ColLg || 0)\"\n    [colXl]=\"+(parameters?.ColXl || 0)\"\n    [colMd]=\"+(parameters?.ColMd || 0)\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [mask]=\"(mask$ | async)!!\"\n    [mo]=\"(mo$ | async)!!\"\n    [dirValue]=\"(dirValue$ | async)!!\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [contentDensity]=\"(contentDensity$ | async)!!\"\n    [modernTabs]=\"(modernTabs$ | async)!!\"\n    [avatar]=\"(avatar$ | async)!!\"\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\n    [fieldDict]=\"(fieldDict$ | async)!!\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    (close)=\"onClose()\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n></bsu-barsa-simple-form>\n} @else {\n<bsu-fundamental-dynamic-form\n    [cssStyle]=\"parameters?.CssStyles\"\n    [style.position]=\"(mask$ | async) ? 'relative' : null\"\n    [canSend]=\"(canSend$ | async) === true\"\n    [formVisibilityStatus]=\"formVisibilityStatus\"\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n    [breadCrumbs]=\"breadCrumbs$ | async\"\n    [description]=\"(headerDescription$ | async)!!\"\n    [hideClose]=\"(hideClose$ | async)!!\"\n    [hideTitle]=\"(hideTitle$ | async)!!\"\n    [hidePin]=\"(hidePin$ | async)!!\"\n    [title]=\"(title$ | async)!!\"\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n    [formContentMaxWidth]=\"formContentMaxWidth\"\n    [parameters]=\"parameters\"\n    [fullscreen]=\"fullscreen\"\n    [hideFooter]=\"hideFooter\"\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\n    [isMobile]=\"isMobile\"\n    [layout94]=\"extendLayout94$ | async\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\n    [colLg]=\"+(parameters?.ColLg || 0)\"\n    [colXl]=\"+(parameters?.ColXl || 0)\"\n    [colMd]=\"+(parameters?.ColMd || 0)\"\n    [footerDesign]=\"footerDesign\"\n    [mask]=\"(mask$ | async)!!\"\n    [mo]=\"(mo$ | async)!!\"\n    [dirValue]=\"(dirValue$ | async)!!\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [contentDensity]=\"(contentDensity$ | async)!!\"\n    [modernTabs]=\"(modernTabs$ | async)!!\"\n    [avatar]=\"(avatar$ | async)!!\"\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\n    [fieldDict]=\"(fieldDict$ | async)!!\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    (fullscreenRequest)=\"onFullscreen()\"\n    (close)=\"onClose()\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n></bsu-fundamental-dynamic-form>\n}\n", styles: [":host{display:block;width:100%;min-height:100%}:host.fullscreen{position:fixed;top:0}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i2.DynamicStyleDirective, selector: "[cssStyle]", inputs: ["cssStyle"] }, { kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "circleAvatar", "rtl", "hideFooter", "hideTitle", "hideClose", "hidePin", "fullscreen", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus", "layoutGridCol", "colLg", "colXl", "colMd", "footerDesign", "formContentMaxWidth"], outputs: ["toolbarClick", "workflowChoiceClick", "close", "fullscreenRequest"] }, { kind: "component", type: BarsaSimpleFormComponent, selector: "bsu-barsa-simple-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "isModal", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "workflowButtons", "layoutGridCol", "colLg", "colXl", "colMd", "formContentMaxWidth", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiFormPanelComponent, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "@if (isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport || parameters?.IsSimple) {\n<bsu-barsa-simple-form\n    [cssStyle]=\"parameters?.CssStyles\"\n    [canSend]=\"(canSend$ | async) === true\"\n    [formVisibilityStatus]=\"formVisibilityStatus\"\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n    [breadCrumbs]=\"breadCrumbs$ | async\"\n    [description]=\"(headerDescription$ | async)!!\"\n    [hideClose]=\"(hideClose$ | async)!!\"\n    [hideTitle]=\"(hideTitle$ | async)!!\"\n    [hidePin]=\"(hidePin$ | async)!!\"\n    [title]=\"(title$ | async)!!\"\n    [isModal]=\"isModal\"\n    [formContentMaxWidth]=\"formContentMaxWidth\"\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n    [parameters]=\"parameters\"\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\n    [isMobile]=\"isMobile\"\n    [layout94]=\"extendLayout94$ | async\"\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\n    [colLg]=\"+(parameters?.ColLg || 0)\"\n    [colXl]=\"+(parameters?.ColXl || 0)\"\n    [colMd]=\"+(parameters?.ColMd || 0)\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [mask]=\"(mask$ | async)!!\"\n    [mo]=\"(mo$ | async)!!\"\n    [dirValue]=\"(dirValue$ | async)!!\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [contentDensity]=\"(contentDensity$ | async)!!\"\n    [modernTabs]=\"(modernTabs$ | async)!!\"\n    [avatar]=\"(avatar$ | async)!!\"\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\n    [fieldDict]=\"(fieldDict$ | async)!!\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    (close)=\"onClose()\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n></bsu-barsa-simple-form>\n} @else {\n<bsu-fundamental-dynamic-form\n    [cssStyle]=\"parameters?.CssStyles\"\n    [style.position]=\"(mask$ | async) ? 'relative' : null\"\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\n    [canSend]=\"(canSend$ | async) === true\"\n    [formVisibilityStatus]=\"formVisibilityStatus\"\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n    [breadCrumbs]=\"breadCrumbs$ | async\"\n    [description]=\"(headerDescription$ | async)!!\"\n    [hideClose]=\"(hideClose$ | async)!!\"\n    [hideTitle]=\"(hideTitle$ | async)!!\"\n    [hidePin]=\"(hidePin$ | async)!!\"\n    [title]=\"(title$ | async)!!\"\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n    [formContentMaxWidth]=\"formContentMaxWidth\"\n    [parameters]=\"parameters\"\n    [fullscreen]=\"fullscreen\"\n    [hideFooter]=\"hideFooter\"\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\n    [isMobile]=\"isMobile\"\n    [layout94]=\"extendLayout94$ | async\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\n    [colLg]=\"+(parameters?.ColLg || 0)\"\n    [colXl]=\"+(parameters?.ColXl || 0)\"\n    [colMd]=\"+(parameters?.ColMd || 0)\"\n    [footerDesign]=\"footerDesign\"\n    [mask]=\"(mask$ | async)!!\"\n    [mo]=\"(mo$ | async)!!\"\n    [dirValue]=\"(dirValue$ | async)!!\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [contentDensity]=\"(contentDensity$ | async)!!\"\n    [modernTabs]=\"(modernTabs$ | async)!!\"\n    [avatar]=\"(avatar$ | async)!!\"\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\n    [fieldDict]=\"(fieldDict$ | async)!!\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    (fullscreenRequest)=\"onFullscreen()\"\n    (close)=\"onClose()\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n></bsu-fundamental-dynamic-form>\n}\n", styles: [":host{display:block;width:100%;min-height:100%}:host.fullscreen{position:fixed;top:0}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"], dependencies: [{ kind: "directive", type: i2.DynamicStyleDirective, selector: "[cssStyle]", inputs: ["cssStyle"] }, { kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "circleAvatar", "rtl", "hideFooter", "hideTitle", "hideClose", "hidePin", "fullscreen", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus", "layoutGridCol", "colLg", "colXl", "colMd", "footerDesign", "formContentMaxWidth", "workflowButtons"], outputs: ["toolbarClick", "workflowChoiceClick", "close", "fullscreenRequest"] }, { kind: "component", type: BarsaSimpleFormComponent, selector: "bsu-barsa-simple-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "rtl", "isModal", "hideTitle", "hideClose", "hidePin", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "workflowButtons", "layoutGridCol", "colLg", "colXl", "colMd", "formContentMaxWidth", "formVisibilityStatus"], outputs: ["toolbarClick", "workflowChoiceClick", "close"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiFormPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "@if (isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport || parameters?.IsSimple) {\n<bsu-barsa-simple-form\n    [cssStyle]=\"parameters?.CssStyles\"\n    [canSend]=\"(canSend$ | async) === true\"\n    [formVisibilityStatus]=\"formVisibilityStatus\"\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n    [breadCrumbs]=\"breadCrumbs$ | async\"\n    [description]=\"(headerDescription$ | async)!!\"\n    [hideClose]=\"(hideClose$ | async)!!\"\n    [hideTitle]=\"(hideTitle$ | async)!!\"\n    [hidePin]=\"(hidePin$ | async)!!\"\n    [title]=\"(title$ | async)!!\"\n    [isModal]=\"isModal\"\n    [formContentMaxWidth]=\"formContentMaxWidth\"\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n    [parameters]=\"parameters\"\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\n    [isMobile]=\"isMobile\"\n    [layout94]=\"extendLayout94$ | async\"\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\n    [colLg]=\"+(parameters?.ColLg || 0)\"\n    [colXl]=\"+(parameters?.ColXl || 0)\"\n    [colMd]=\"+(parameters?.ColMd || 0)\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [mask]=\"(mask$ | async)!!\"\n    [mo]=\"(mo$ | async)!!\"\n    [dirValue]=\"(dirValue$ | async)!!\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [contentDensity]=\"(contentDensity$ | async)!!\"\n    [modernTabs]=\"(modernTabs$ | async)!!\"\n    [avatar]=\"(avatar$ | async)!!\"\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\n    [fieldDict]=\"(fieldDict$ | async)!!\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    (close)=\"onClose()\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n></bsu-barsa-simple-form>\n} @else {\n<bsu-fundamental-dynamic-form\n    [cssStyle]=\"parameters?.CssStyles\"\n    [style.position]=\"(mask$ | async) ? 'relative' : null\"\n    [canSend]=\"(canSend$ | async) === true\"\n    [formVisibilityStatus]=\"formVisibilityStatus\"\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n    [breadCrumbs]=\"breadCrumbs$ | async\"\n    [description]=\"(headerDescription$ | async)!!\"\n    [hideClose]=\"(hideClose$ | async)!!\"\n    [hideTitle]=\"(hideTitle$ | async)!!\"\n    [hidePin]=\"(hidePin$ | async)!!\"\n    [title]=\"(title$ | async)!!\"\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n    [formContentMaxWidth]=\"formContentMaxWidth\"\n    [parameters]=\"parameters\"\n    [fullscreen]=\"fullscreen\"\n    [hideFooter]=\"hideFooter\"\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\n    [isMobile]=\"isMobile\"\n    [layout94]=\"extendLayout94$ | async\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\n    [colLg]=\"+(parameters?.ColLg || 0)\"\n    [colXl]=\"+(parameters?.ColXl || 0)\"\n    [colMd]=\"+(parameters?.ColMd || 0)\"\n    [footerDesign]=\"footerDesign\"\n    [mask]=\"(mask$ | async)!!\"\n    [mo]=\"(mo$ | async)!!\"\n    [dirValue]=\"(dirValue$ | async)!!\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [contentDensity]=\"(contentDensity$ | async)!!\"\n    [modernTabs]=\"(modernTabs$ | async)!!\"\n    [avatar]=\"(avatar$ | async)!!\"\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\n    [fieldDict]=\"(fieldDict$ | async)!!\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    (fullscreenRequest)=\"onFullscreen()\"\n    (close)=\"onClose()\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n></bsu-fundamental-dynamic-form>\n}\n", styles: [":host{display:block;width:100%;min-height:100%}:host.fullscreen{position:fixed;top:0}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
+            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], template: "@if (isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport || parameters?.IsSimple) {\n<bsu-barsa-simple-form\n    [cssStyle]=\"parameters?.CssStyles\"\n    [canSend]=\"(canSend$ | async) === true\"\n    [formVisibilityStatus]=\"formVisibilityStatus\"\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n    [breadCrumbs]=\"breadCrumbs$ | async\"\n    [description]=\"(headerDescription$ | async)!!\"\n    [hideClose]=\"(hideClose$ | async)!!\"\n    [hideTitle]=\"(hideTitle$ | async)!!\"\n    [hidePin]=\"(hidePin$ | async)!!\"\n    [title]=\"(title$ | async)!!\"\n    [isModal]=\"isModal\"\n    [formContentMaxWidth]=\"formContentMaxWidth\"\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n    [parameters]=\"parameters\"\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\n    [isMobile]=\"isMobile\"\n    [layout94]=\"extendLayout94$ | async\"\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\n    [colLg]=\"+(parameters?.ColLg || 0)\"\n    [colXl]=\"+(parameters?.ColXl || 0)\"\n    [colMd]=\"+(parameters?.ColMd || 0)\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [mask]=\"(mask$ | async)!!\"\n    [mo]=\"(mo$ | async)!!\"\n    [dirValue]=\"(dirValue$ | async)!!\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [contentDensity]=\"(contentDensity$ | async)!!\"\n    [modernTabs]=\"(modernTabs$ | async)!!\"\n    [avatar]=\"(avatar$ | async)!!\"\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\n    [fieldDict]=\"(fieldDict$ | async)!!\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    (close)=\"onClose()\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n></bsu-barsa-simple-form>\n} @else {\n<bsu-fundamental-dynamic-form\n    [cssStyle]=\"parameters?.CssStyles\"\n    [style.position]=\"(mask$ | async) ? 'relative' : null\"\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\n    [canSend]=\"(canSend$ | async) === true\"\n    [formVisibilityStatus]=\"formVisibilityStatus\"\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n    [breadCrumbs]=\"breadCrumbs$ | async\"\n    [description]=\"(headerDescription$ | async)!!\"\n    [hideClose]=\"(hideClose$ | async)!!\"\n    [hideTitle]=\"(hideTitle$ | async)!!\"\n    [hidePin]=\"(hidePin$ | async)!!\"\n    [title]=\"(title$ | async)!!\"\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true\"\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n    [formContentMaxWidth]=\"formContentMaxWidth\"\n    [parameters]=\"parameters\"\n    [fullscreen]=\"fullscreen\"\n    [hideFooter]=\"hideFooter\"\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\n    [isMobile]=\"isMobile\"\n    [layout94]=\"extendLayout94$ | async\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\n    [colLg]=\"+(parameters?.ColLg || 0)\"\n    [colXl]=\"+(parameters?.ColXl || 0)\"\n    [colMd]=\"+(parameters?.ColMd || 0)\"\n    [footerDesign]=\"footerDesign\"\n    [mask]=\"(mask$ | async)!!\"\n    [mo]=\"(mo$ | async)!!\"\n    [dirValue]=\"(dirValue$ | async)!!\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [contentDensity]=\"(contentDensity$ | async)!!\"\n    [modernTabs]=\"(modernTabs$ | async)!!\"\n    [avatar]=\"(avatar$ | async)!!\"\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\n    [fieldDict]=\"(fieldDict$ | async)!!\"\n    [landscape]=\"(landscape$ | async) === true\"\n    [standalone]=\"(standalone$ | async) === true\"\n    (fullscreenRequest)=\"onFullscreen()\"\n    (close)=\"onClose()\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n></bsu-fundamental-dynamic-form>\n}\n", styles: [":host{display:block;width:100%;min-height:100%}:host.fullscreen{position:fixed;top:0}.workflow-buttons{display:flex;margin-top:5px;padding:5px}\n"] }]
         }], ctorParameters: () => [{ type: i2.BreadcrumbService }, { type: i2.PortalService }, { type: i2$7.Router }, { type: i0.ElementRef }, { type: i2.ControlUiPipe }, { type: i2.FormPanelService, decorators: [{
                     type: Self
                 }] }, { type: i2$7.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i1.ContentDensityService }], propDecorators: { _typeDefName: [{
@@ -11278,11 +11302,11 @@ class UiButtonComponent extends FieldBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiButtonComponent, selector: "bsu-ui-button", host: { properties: { "style.margin": "this.designMode" } }, usesInheritance: true, ngImport: i0, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n    [title]=\"label | bbbTranslate\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n<input fd-form-control class=\"extra-input-hidden\" />\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%}.fd-button__text{font-size:.78rem}\n"], dependencies: [{ kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiButtonComponent, selector: "bsu-ui-button", host: { properties: { "style.margin": "this.designMode" } }, usesInheritance: true, ngImport: i0, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n    [title]=\"label | bbbTranslate\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon && context.LayoutControl.textVisible!==false) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n<input fd-form-control class=\"extra-input-hidden\" />\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%}.fd-button__text{font-size:.78rem}\n"], dependencies: [{ kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n    [title]=\"label | bbbTranslate\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n<input fd-form-control class=\"extra-input-hidden\" />\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%}.fd-button__text{font-size:.78rem}\n"] }]
+            args: [{ selector: 'bsu-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n    (click)=\"onClick()\"\n    [disabled]=\"(disable$ | async)!!\"\n    fd-button\n    [fdType]=\"parameters?.FdType$Caption\"\n    [glyph]=\"parameters?.Icon\"\n    [title]=\"label | bbbTranslate\"\n>\n    @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n    <img [src]=\"context?.Setting.FieldIcon\" />\n    } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon && context.LayoutControl.textVisible!==false) {\n    <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n    }\n</button>\n<input fd-form-control class=\"extra-input-hidden\" />\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%}.fd-button__text{font-size:.78rem}\n"] }]
         }], propDecorators: { designMode: [{
                 type: HostBinding,
                 args: ['style.margin']
@@ -11324,11 +11348,11 @@ class UiTinymceComponent extends FieldBaseComponent {
         this.context.fireEvent('change', this, newValue, this.value, {});
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiTinymceComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", 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$2.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$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", 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            [attr.ismobile]=\"isMobile\"\n            [attr.ismobile]=\"isTablet\"\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$2.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$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", 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-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"] }]
+            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            [attr.ismobile]=\"isMobile\"\n            [attr.ismobile]=\"isTablet\"\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']
@@ -12549,11 +12573,11 @@ class UiSimpleComboComponent extends FieldBaseComponent {
         this.fireContextEvent('select', this.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiSimpleComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiSimpleComboComponent, selector: "bsu-ui-simple-combo", inputs: { MinSize: "MinSize" }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (Setting.IconDisplayType !== 'Image' && !popupMode) {\n<!-- <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    @for (item of context.store.data[context.store.root]; track item) {\n    <fd-option\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        <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\n    </fd-option>\n    }\n</fd-select> -->\n<fd-combobox\n    [inputId]=\"id\"\n    [mobile]=\"(deviceSize$ | async) === 's'\"\n    [placeholder]=\"'Select' | bbbTranslate\"\n    [displayFn]=\"displayFn\"\n    [mobileConfig]=\"mobileConfig\"\n    [(ngModel)]=\"tvalue\"\n    [readOnly]=\"(readonly$ | async) === true ? true : false\"\n    [disabled]=\"(disable$ | async) === true ? true : false\"\n    [fillOnSelect]=\"true\"\n    [dropdownValues]=\"context.store.data[context.store.root]\"\n    (itemClicked)=\"onItemClick($event)\"\n    (change)=\"onChange($event)\"\n>\n    <ng-container *fdComboboxItem=\"let item; use: rowDataOption; inputText as search\">\n        <!-- Note that in this case you are responsible for highlighting. -->\n        @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\n        <img fd-list-icon [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n        } } @if (Setting.IconDisplayType !== 'Image') {\n        <span fd-list-title [innerHTML]=\"item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\"></span>\n        }\n    </ng-container>\n</fd-combobox>\n} @if (Setting.IconDisplayType === 'Image' || popupMode) {\n<fd-popover #popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\n    <fd-popover-control>\n        <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\n            @if (value && value !== '0') {\n            <img [src]=\"value | comboRowImg: context.store.data.Rows\" />\n            }\n        </button>\n    </fd-popover-control>\n    <fd-popover-body class=\"combo-popupmode\">\n        @for (item of context.store.data[context.store.root]; track item) {\n        <button fd-button fdType=\"transparent\" [title]=\"item.txt\" (click)=\"popover.close(); onValueChange(item.id)\">\n            @if (item.url) {\n            <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n            }\n        </button>\n        }\n    </fd-popover-body>\n</fd-popover>\n}\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\n    @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\n    <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n    } } @if (Setting.IconDisplayType !== 'Image') {\n    {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\n    }\n</ng-template>\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}:host fd-combobox{width:100%}:host fd-combobox ::ng-deep fd-popover{width:100%}:host ::ng-deep .fd-popover-custom{width:100%}:host ::ng-deep fd-combobox-mobile fd-dialog-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep fd-combobox-mobile .fd-dialog__content.fd-dialog__content--mobile{width:80svw;height:60svh}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}fd-popover{margin:.25rem 0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$6.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "glyphFont", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "clearButtonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline", "tabOutStrategy"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "directive", type: i4$6.ComboboxItemDirective, selector: "[fdComboboxItem]", inputs: ["fdComboboxItemUse"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ComboRowImagePipe, name: "comboRowImg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiSimpleComboComponent, selector: "bsu-ui-simple-combo", inputs: { MinSize: "MinSize" }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (Setting.IconDisplayType !== 'Image' && !popupMode) {\r\n<!-- <fd-select\r\n    style=\"width: 100%\"\r\n    [placeholder]=\"'Select' | bbbTranslate\"\r\n    [value]=\"value\"\r\n    [mobile]=\"(deviceSize$ | async) === 's'\"\r\n    [mobileConfig]=\"mobileConfig\"\r\n    (valueChange)=\"onValueChange($event)\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n    [disabled]=\"(disable$ | async) === true ? true : false\"\r\n>\r\n    @for (item of context.store.data[context.store.root]; track item) {\r\n    <fd-option\r\n        [value]=\"item.id\"\r\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n        [class.control-disabled]=\"item.IsEmpty\"\r\n        [class.list-empty-item]=\"item.IsEmpty\"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\r\n    </fd-option>\r\n    }\r\n</fd-select> -->\r\n<fd-combobox\r\n    [inputId]=\"id\"\r\n    [mobile]=\"(deviceSize$ | async) === 's'\"\r\n    [placeholder]=\"'Select' | bbbTranslate\"\r\n    [displayFn]=\"displayFn\"\r\n    [mobileConfig]=\"mobileConfig\"\r\n    [(ngModel)]=\"tvalue\"\r\n    [readOnly]=\"(readonly$ | async) === true ? true : false\"\r\n    [disabled]=\"(disable$ | async) === true ? true : false\"\r\n    [fillOnSelect]=\"true\"\r\n    [dropdownValues]=\"context.store.data[context.store.root]\"\r\n    (itemClicked)=\"onItemClick($event)\"\r\n    (change)=\"onChange($event)\"\r\n>\r\n    <ng-container *fdComboboxItem=\"let item; use: rowDataOption; inputText as search\">\r\n        <!-- Note that in this case you are responsible for highlighting. -->\r\n        @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n        <img fd-list-icon [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n        } } @if (Setting.IconDisplayType !== 'Image') {\r\n        <span fd-list-title [innerHTML]=\"item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\"></span>\r\n        }\r\n    </ng-container>\r\n</fd-combobox>\r\n} @if (Setting.IconDisplayType === 'Image' || popupMode) {\r\n<fd-popover #popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\r\n    <fd-popover-control>\r\n        <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n            @if (value && value !== '0') {\r\n            <img [src]=\"value | comboRowImg: context.store.data.Rows\" />\r\n            }\r\n        </button>\r\n    </fd-popover-control>\r\n    <fd-popover-body class=\"combo-popupmode\">\r\n        @for (item of context.store.data[context.store.root]; track item) {\r\n        <button fd-button fdType=\"transparent\" [title]=\"item.txt\" (click)=\"popover.close(); onValueChange(item.id)\">\r\n            @if (item.url) {\r\n            <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n            }\r\n        </button>\r\n        }\r\n    </fd-popover-body>\r\n</fd-popover>\r\n}\r\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\r\n    @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n    <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n    } } @if (Setting.IconDisplayType !== 'Image') {\r\n    {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}:host fd-combobox{width:100%}:host fd-combobox ::ng-deep fd-popover{width:100%}:host ::ng-deep .fd-popover-custom{width:100%}:host ::ng-deep fd-combobox-mobile fd-dialog-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep fd-combobox-mobile .fd-dialog__content.fd-dialog__content--mobile{width:80svw;height:60svh}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}fd-popover{margin:.25rem 0}\n"], dependencies: [{ kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$6.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "glyphFont", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "clearButtonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline", "tabOutStrategy"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "directive", type: i4$6.ComboboxItemDirective, selector: "[fdComboboxItem]", inputs: ["fdComboboxItemUse"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ComboRowImagePipe, name: "comboRowImg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiSimpleComboComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-simple-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (Setting.IconDisplayType !== 'Image' && !popupMode) {\n<!-- <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    @for (item of context.store.data[context.store.root]; track item) {\n    <fd-option\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        <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\n    </fd-option>\n    }\n</fd-select> -->\n<fd-combobox\n    [inputId]=\"id\"\n    [mobile]=\"(deviceSize$ | async) === 's'\"\n    [placeholder]=\"'Select' | bbbTranslate\"\n    [displayFn]=\"displayFn\"\n    [mobileConfig]=\"mobileConfig\"\n    [(ngModel)]=\"tvalue\"\n    [readOnly]=\"(readonly$ | async) === true ? true : false\"\n    [disabled]=\"(disable$ | async) === true ? true : false\"\n    [fillOnSelect]=\"true\"\n    [dropdownValues]=\"context.store.data[context.store.root]\"\n    (itemClicked)=\"onItemClick($event)\"\n    (change)=\"onChange($event)\"\n>\n    <ng-container *fdComboboxItem=\"let item; use: rowDataOption; inputText as search\">\n        <!-- Note that in this case you are responsible for highlighting. -->\n        @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\n        <img fd-list-icon [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n        } } @if (Setting.IconDisplayType !== 'Image') {\n        <span fd-list-title [innerHTML]=\"item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\"></span>\n        }\n    </ng-container>\n</fd-combobox>\n} @if (Setting.IconDisplayType === 'Image' || popupMode) {\n<fd-popover #popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\n    <fd-popover-control>\n        <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\n            @if (value && value !== '0') {\n            <img [src]=\"value | comboRowImg: context.store.data.Rows\" />\n            }\n        </button>\n    </fd-popover-control>\n    <fd-popover-body class=\"combo-popupmode\">\n        @for (item of context.store.data[context.store.root]; track item) {\n        <button fd-button fdType=\"transparent\" [title]=\"item.txt\" (click)=\"popover.close(); onValueChange(item.id)\">\n            @if (item.url) {\n            <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n            }\n        </button>\n        }\n    </fd-popover-body>\n</fd-popover>\n}\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\n    @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\n    <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\n    } } @if (Setting.IconDisplayType !== 'Image') {\n    {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\n    }\n</ng-template>\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}:host fd-combobox{width:100%}:host fd-combobox ::ng-deep fd-popover{width:100%}:host ::ng-deep .fd-popover-custom{width:100%}:host ::ng-deep fd-combobox-mobile fd-dialog-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep fd-combobox-mobile .fd-dialog__content.fd-dialog__content--mobile{width:80svw;height:60svh}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}fd-popover{margin:.25rem 0}\n"] }]
+            args: [{ selector: 'bsu-ui-simple-combo', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (Setting.IconDisplayType !== 'Image' && !popupMode) {\r\n<!-- <fd-select\r\n    style=\"width: 100%\"\r\n    [placeholder]=\"'Select' | bbbTranslate\"\r\n    [value]=\"value\"\r\n    [mobile]=\"(deviceSize$ | async) === 's'\"\r\n    [mobileConfig]=\"mobileConfig\"\r\n    (valueChange)=\"onValueChange($event)\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n    [disabled]=\"(disable$ | async) === true ? true : false\"\r\n>\r\n    @for (item of context.store.data[context.store.root]; track item) {\r\n    <fd-option\r\n        [value]=\"item.id\"\r\n        [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n        [class.control-disabled]=\"item.IsEmpty\"\r\n        [class.list-empty-item]=\"item.IsEmpty\"\r\n    >\r\n        <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\r\n    </fd-option>\r\n    }\r\n</fd-select> -->\r\n<fd-combobox\r\n    [inputId]=\"id\"\r\n    [mobile]=\"(deviceSize$ | async) === 's'\"\r\n    [placeholder]=\"'Select' | bbbTranslate\"\r\n    [displayFn]=\"displayFn\"\r\n    [mobileConfig]=\"mobileConfig\"\r\n    [(ngModel)]=\"tvalue\"\r\n    [readOnly]=\"(readonly$ | async) === true ? true : false\"\r\n    [disabled]=\"(disable$ | async) === true ? true : false\"\r\n    [fillOnSelect]=\"true\"\r\n    [dropdownValues]=\"context.store.data[context.store.root]\"\r\n    (itemClicked)=\"onItemClick($event)\"\r\n    (change)=\"onChange($event)\"\r\n>\r\n    <ng-container *fdComboboxItem=\"let item; use: rowDataOption; inputText as search\">\r\n        <!-- Note that in this case you are responsible for highlighting. -->\r\n        @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n        <img fd-list-icon [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n        } } @if (Setting.IconDisplayType !== 'Image') {\r\n        <span fd-list-title [innerHTML]=\"item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\"></span>\r\n        }\r\n    </ng-container>\r\n</fd-combobox>\r\n} @if (Setting.IconDisplayType === 'Image' || popupMode) {\r\n<fd-popover #popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\r\n    <fd-popover-control>\r\n        <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n            @if (value && value !== '0') {\r\n            <img [src]=\"value | comboRowImg: context.store.data.Rows\" />\r\n            }\r\n        </button>\r\n    </fd-popover-control>\r\n    <fd-popover-body class=\"combo-popupmode\">\r\n        @for (item of context.store.data[context.store.root]; track item) {\r\n        <button fd-button fdType=\"transparent\" [title]=\"item.txt\" (click)=\"popover.close(); onValueChange(item.id)\">\r\n            @if (item.url) {\r\n            <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n            }\r\n        </button>\r\n        }\r\n    </fd-popover-body>\r\n</fd-popover>\r\n}\r\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\r\n    @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n    <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n    } } @if (Setting.IconDisplayType !== 'Image') {\r\n    {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\r\n    }\r\n</ng-template>\r\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}:host fd-combobox{width:100%}:host fd-combobox ::ng-deep fd-popover{width:100%}:host ::ng-deep .fd-popover-custom{width:100%}:host ::ng-deep fd-combobox-mobile fd-dialog-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep fd-combobox-mobile .fd-dialog__content.fd-dialog__content--mobile{width:80svw;height:60svh}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}fd-popover{margin:.25rem 0}\n"] }]
         }], propDecorators: { fdComboRef: [{
                 type: ViewChild,
                 args: [ComboboxComponent]
@@ -12864,7 +12888,7 @@ class BarsaSearchFormComponent extends UiFormPanelComponent {
         this._router.navigate(['..']);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaSearchFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: BarsaSearchFormComponent, selector: "bsu-barsa-search-form", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<bsu-fundamental-dynamic-form\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n    [breadCrumbs]=\"breadCrumbs$ | async\"\n    [description]=\"(headerDescription$ | async)!!\"\n    [title]=\"(title$ | async)!!\"\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\n    [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n    [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n    [parameters]=\"parameters\"\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\n    [isMobile]=\"isMobile\"\n    [layout94]=\"layout94$ | async\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [mask]=\"(mask$ | async)!!\"\n    [dirValue]=\"(dirValue$ | async)!!\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [contentDensity]=\"(contentDensity$ | async)!!\"\n    [modernTabs]=\"(modernTabs$ | async)!!\"\n    [avatar]=\"(avatar$ | async)!!\"\n    [fieldDict]=\"(fieldDict$ | async)!!\"\n    (close)=\"onClose2()\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n></bsu-fundamental-dynamic-form>\n", styles: [""], dependencies: [{ kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "circleAvatar", "rtl", "hideFooter", "hideTitle", "hideClose", "hidePin", "fullscreen", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus", "layoutGridCol", "colLg", "colXl", "colMd", "footerDesign", "formContentMaxWidth"], outputs: ["toolbarClick", "workflowChoiceClick", "close", "fullscreenRequest"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: BarsaSearchFormComponent, selector: "bsu-barsa-search-form", providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "<bsu-fundamental-dynamic-form\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\n    [breadCrumbs]=\"breadCrumbs$ | async\"\n    [description]=\"(headerDescription$ | async)!!\"\n    [title]=\"(title$ | async)!!\"\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\n    [toolbarItems]=\"toolbarItems$ | async | tlbButtons: 'inFooter':false\"\n    [layoutActions]=\"toolbarItems$ | async | tlbButtons: 'inFooter':true\"\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\n    [parameters]=\"parameters\"\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\n    [isMobile]=\"isMobile\"\n    [layout94]=\"layout94$ | async\"\n    [rtl]=\"(rtl$ | async)!!\"\n    [mask]=\"(mask$ | async)!!\"\n    [dirValue]=\"(dirValue$ | async)!!\"\n    [deviceSize]=\"(deviceSize$ | async)!!\"\n    [contentDensity]=\"(contentDensity$ | async)!!\"\n    [modernTabs]=\"(modernTabs$ | async)!!\"\n    [avatar]=\"(avatar$ | async)!!\"\n    [fieldDict]=\"(fieldDict$ | async)!!\"\n    (close)=\"onClose2()\"\n    (toolbarClick)=\"onToolbarClick($event)\"\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\n></bsu-fundamental-dynamic-form>\n", styles: [""], dependencies: [{ kind: "component", type: FundamentalDynamicFormComponent, selector: "bsu-fundamental-dynamic-form", inputs: ["breadCrumbs", "toolbarVisible", "toolbarItems", "layoutActions", "layout94", "parameters", "workflowPanelUi", "context", "title", "subtitle", "description", "facetList", "fieldDict", "removeHeaderBorder", "removeContentPadding", "isMobile", "mo", "avatar", "circleAvatar", "rtl", "hideFooter", "hideTitle", "hideClose", "hidePin", "fullscreen", "mask", "canSend", "contentIsPage", "contentDensity", "deviceSize", "dirValue", "landscape", "standalone", "modernTabs", "formVisibilityStatus", "layoutGridCol", "colLg", "colXl", "colMd", "footerDesign", "formContentMaxWidth", "workflowButtons"], outputs: ["toolbarClick", "workflowChoiceClick", "close", "fullscreenRequest"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaSearchFormComponent, decorators: [{
             type: Component,