barsa-sap-ui 2.2.90 → 2.2.91

package/fesm2022/barsa-sap-ui.mjs

@@ -842,7 +842,7 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         this.isContainer = true;
         this.readonlyiswraped = false;
         this._labelNotInRow = false;
-        this.minHeight = '2.25rem';
+        this.minHeight = 'var(--layout-control-height)';
         this.controlIsReadonly = false;
         this.isMobile = getDeviceIsMobile();
         this.events = new EventEmitter();
@@ -864,9 +864,6 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
                 this._cdr.detectChanges();
             });
         };
-        if (this.contentDensity === 'compact') {
-            this.minHeight = '2rem';
-        }
     }
     ngOnChanges(changes) {
         super.ngOnChanges(changes);
@@ -1043,11 +1040,11 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LayoutControlComponent, deps: [{ token: i2.FormPanelService }, { token: i0.ElementRef }, { token: i1.ContentDensityService }, { token: i1$1.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i2.BbbTranslatePipe }, { token: i2.LayoutService, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: LayoutControlComponent, isStandalone: false, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", cellEdit: "cellEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, outputs: { events: "events" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "class.readonlyiswraped": "this.readonlyiswraped", "class.labelnotinrow": "this._labelNotInRow", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isCheckbox": "this.isCheckbox", "attr.controlIsReadonly": "this.controlIsReadonly", "attr.isButton": "this.isButton", "attr.issinglepicture": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.ismobile": "this.isMobile", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n    [attr.labelWidth]=\"labelWidth\"\r\n    [attrRtl]\r\n    #tempLabelRef\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [config]=\"config\"\r\n    [caption]=\"labelCaption\"\r\n    [translateCaption]=\"translateCaption\"\r\n    [originalWidth]=\"labelWidth\"\r\n    [style.min-width]=\"\r\n        isCheckbox\r\n            ? checkboxWidth\r\n            : (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && controlIsReadonly)\r\n            ? 'fit-content'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [style.width]=\"\r\n        (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && (isCheckbox || controlIsReadonly))\r\n            ? 'auto'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [isMandatory]=\"isMandatory\"\r\n    [fieldIcon]=\"fieldIcon\"\r\n    [attr.autosize]=\"config.CaptionSetting?.AlignMode ? true:null\"\r\n    [helpDescription]=\"helpDescription\"\r\n    [originalXtype]=\"originalXtype\"\r\n    [textVisible]=\"textVisible\"\r\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n    [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n    [attr.fieldWidth]=\"layoutControlWidth\"\r\n    [attr.isCheckbox]=\"isCheckbox\"\r\n    [attr.isbutton]=\"isButton\"\r\n    [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [customField]=\"config.FieldUi\"\r\n    [layoutInfo]=\"config\"\r\n    [inlineEdit]=\"inlineEdit\"\r\n    [cellEdit]=\"cellEdit\"\r\n    [formHeight]=\"(formHeight$ | async)!!\"\r\n    [focusControl]=\"focusControl\"\r\n    [isSearchPanel]=\"isSearchPanel\"\r\n    [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n    [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bsu-ly-label[autosize=true]{margin:inherit}:host[ismobile=true] bsu-ly-label{margin:inherit}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}:host:not([isbutton=true]){min-width:7rem}bnrc-field-ui:not([isbutton=true]){height:auto!important}}\n"], dependencies: [{ kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "componentUi", "layoutInfo", "inlineEdit", "focusControl", "cellEdit", "formHeight"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: LyLabelComponent, selector: "bsu-ly-label", inputs: ["originalWidth", "minWidth", "translateCaption", "caption", "captionIcon", "helpDescription", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: LayoutControlComponent, isStandalone: false, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", cellEdit: "cellEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, outputs: { events: "events" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "class.readonlyiswraped": "this.readonlyiswraped", "class.labelnotinrow": "this._labelNotInRow", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isCheckbox": "this.isCheckbox", "attr.controlIsReadonly": "this.controlIsReadonly", "attr.isButton": "this.isButton", "attr.issinglepicture": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.ismobile": "this.isMobile", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n    [attr.labelWidth]=\"labelWidth\"\r\n    [attrRtl]\r\n    #tempLabelRef\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [config]=\"config\"\r\n    [caption]=\"labelCaption\"\r\n    [translateCaption]=\"translateCaption\"\r\n    [originalWidth]=\"labelWidth\"\r\n    [style.min-width]=\"\r\n        isCheckbox\r\n            ? checkboxWidth\r\n            : (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && controlIsReadonly)\r\n            ? 'fit-content'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [style.width]=\"\r\n        (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && (isCheckbox || controlIsReadonly))\r\n            ? 'auto'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [isMandatory]=\"isMandatory\"\r\n    [fieldIcon]=\"fieldIcon\"\r\n    [attr.autosize]=\"config.CaptionSetting?.AlignMode ? true:null\"\r\n    [helpDescription]=\"helpDescription\"\r\n    [originalXtype]=\"originalXtype\"\r\n    [textVisible]=\"textVisible\"\r\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n    [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n    [attr.fieldWidth]=\"layoutControlWidth\"\r\n    [attr.isCheckbox]=\"isCheckbox\"\r\n    [attr.isbutton]=\"isButton\"\r\n    [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [customField]=\"config.FieldUi\"\r\n    [layoutInfo]=\"config\"\r\n    [inlineEdit]=\"inlineEdit\"\r\n    [cellEdit]=\"cellEdit\"\r\n    [formHeight]=\"(formHeight$ | async)!!\"\r\n    [focusControl]=\"focusControl\"\r\n    [isSearchPanel]=\"isSearchPanel\"\r\n    [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n    [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}:host bnrc-field-ui ::ng-deep>:first-child{min-height:var(--layout-control-height)}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bsu-ly-label[autosize=true]{margin:inherit;margin-top:auto;margin-bottom:auto}:host[ismobile=true] bsu-ly-label{margin:inherit}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}:host:not([isbutton=true]){min-width:7rem}bnrc-field-ui:not([isbutton=true]){height:auto!important}}\n"], dependencies: [{ kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "componentUi", "layoutInfo", "inlineEdit", "focusControl", "cellEdit", "formHeight"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: LyLabelComponent, selector: "bsu-ly-label", inputs: ["originalWidth", "minWidth", "translateCaption", "caption", "captionIcon", "helpDescription", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LayoutControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-layout-control', providers: [LayoutService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n    [attr.labelWidth]=\"labelWidth\"\r\n    [attrRtl]\r\n    #tempLabelRef\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [config]=\"config\"\r\n    [caption]=\"labelCaption\"\r\n    [translateCaption]=\"translateCaption\"\r\n    [originalWidth]=\"labelWidth\"\r\n    [style.min-width]=\"\r\n        isCheckbox\r\n            ? checkboxWidth\r\n            : (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && controlIsReadonly)\r\n            ? 'fit-content'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [style.width]=\"\r\n        (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && (isCheckbox || controlIsReadonly))\r\n            ? 'auto'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [isMandatory]=\"isMandatory\"\r\n    [fieldIcon]=\"fieldIcon\"\r\n    [attr.autosize]=\"config.CaptionSetting?.AlignMode ? true:null\"\r\n    [helpDescription]=\"helpDescription\"\r\n    [originalXtype]=\"originalXtype\"\r\n    [textVisible]=\"textVisible\"\r\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n    [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n    [attr.fieldWidth]=\"layoutControlWidth\"\r\n    [attr.isCheckbox]=\"isCheckbox\"\r\n    [attr.isbutton]=\"isButton\"\r\n    [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [customField]=\"config.FieldUi\"\r\n    [layoutInfo]=\"config\"\r\n    [inlineEdit]=\"inlineEdit\"\r\n    [cellEdit]=\"cellEdit\"\r\n    [formHeight]=\"(formHeight$ | async)!!\"\r\n    [focusControl]=\"focusControl\"\r\n    [isSearchPanel]=\"isSearchPanel\"\r\n    [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n    [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bsu-ly-label[autosize=true]{margin:inherit}:host[ismobile=true] bsu-ly-label{margin:inherit}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}:host:not([isbutton=true]){min-width:7rem}bnrc-field-ui:not([isbutton=true]){height:auto!important}}\n"] }]
+            args: [{ selector: 'bsu-layout-control', providers: [LayoutService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n    [attr.labelWidth]=\"labelWidth\"\r\n    [attrRtl]\r\n    #tempLabelRef\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [config]=\"config\"\r\n    [caption]=\"labelCaption\"\r\n    [translateCaption]=\"translateCaption\"\r\n    [originalWidth]=\"labelWidth\"\r\n    [style.min-width]=\"\r\n        isCheckbox\r\n            ? checkboxWidth\r\n            : (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && controlIsReadonly)\r\n            ? 'fit-content'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [style.width]=\"\r\n        (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && (isCheckbox || controlIsReadonly))\r\n            ? 'auto'\r\n            : isColumnDirection || isColumnReverseDirection\r\n            ? '100%'\r\n            : maxLabelWidth + 'px'\r\n    \"\r\n    [isMandatory]=\"isMandatory\"\r\n    [fieldIcon]=\"fieldIcon\"\r\n    [attr.autosize]=\"config.CaptionSetting?.AlignMode ? true:null\"\r\n    [helpDescription]=\"helpDescription\"\r\n    [originalXtype]=\"originalXtype\"\r\n    [textVisible]=\"textVisible\"\r\n    [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n    [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n    [attr.fieldWidth]=\"layoutControlWidth\"\r\n    [attr.isCheckbox]=\"isCheckbox\"\r\n    [attr.isbutton]=\"isButton\"\r\n    [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n    [class.no-padding]=\"config.Padding[0] === 0\"\r\n    [customField]=\"config.FieldUi\"\r\n    [layoutInfo]=\"config\"\r\n    [inlineEdit]=\"inlineEdit\"\r\n    [cellEdit]=\"cellEdit\"\r\n    [formHeight]=\"(formHeight$ | async)!!\"\r\n    [focusControl]=\"focusControl\"\r\n    [isSearchPanel]=\"isSearchPanel\"\r\n    [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n    [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}:host bnrc-field-ui ::ng-deep>:first-child{min-height:var(--layout-control-height)}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bsu-ly-label[autosize=true]{margin:inherit;margin-top:auto;margin-bottom:auto}:host[ismobile=true] bsu-ly-label{margin:inherit}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}:host:not([isbutton=true]){min-width:7rem}bnrc-field-ui:not([isbutton=true]){height:auto!important}}\n"] }]
         }], ctorParameters: () => [{ type: i2.FormPanelService }, { type: i0.ElementRef }, { type: i1.ContentDensityService }, { type: i1$1.DomSanitizer }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i2.BbbTranslatePipe }, { type: i2.LayoutService, decorators: [{
                     type: SkipSelf
                 }] }], propDecorators: { tempLabelRef: [{
@@ -5458,9 +5455,6 @@ class UiReportContainerComponent extends SapUiReportBaseComponent {
         if (!moDataList?.length) {
             return;
         }
-        moDataList.forEach((element) => {
-            console.log(element);
-        });
         const shortcuts = {};
         moDataList.forEach((curr) => {
             shortcuts[curr.CustomShortcutKey || curr.ShortcutKey$Caption] = curr.DynamicCommand;
@@ -7050,15 +7044,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImpo
             }] } });
 
 class LyLineComponent extends BaseComponent {
-    constructor(_el, _portalService) {
-        super();
-        this._el = _el;
-        this._portalService = _portalService;
+    constructor() {
+        super(...arguments);
         this.parentHeight = 0;
-        this.height = '0.0575rem';
-        this.width = '100%';
         this.display = null;
         this.isVertical = false;
+        this._portalService = inject(PortalService);
     }
     ngOnInit() {
         super.ngOnInit();
@@ -7075,30 +7066,23 @@ class LyLineComponent extends BaseComponent {
                 }
             }
         });
-        if (this.isVertical) {
-            this.height = null;
-            this.width = '0.0575rem';
-        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyLineComponent, deps: [{ token: i0.ElementRef }, { token: i2.PortalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.10", type: LyLineComponent, isStandalone: false, selector: "bsu-ly-line", inputs: { config: "config", parentHeight: "parentHeight" }, host: { properties: { "style.height": "this.height", "style.width": "this.width", "style.display": "this.display" } }, usesInheritance: true, ngImport: i0, template: "", styles: [":host{font-size:var(--sapFontSize, .875rem);line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-weight:400;box-sizing:border-box;padding:0;border:0;background-color:var(--sapToolbar_SeparatorColor, #d9d9d9);margin:3px;align-self:stretch;flex-shrink:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyLineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: LyLineComponent, isStandalone: false, selector: "bsu-ly-line", inputs: { config: "config", parentHeight: "parentHeight" }, host: { properties: { "style.display": "this.display", "class.isvertical": "this.isVertical" } }, usesInheritance: true, ngImport: i0, template: "@if(isVertical){\r\n<div class=\"tw-flex tw-h-full\">    \r\n    <div class=\"tw-inline-block tw-self-stretch break-line tw-h-full tw-justify-center\"></div>    \r\n</div>\r\n}@else{\r\n<hr class=\"tw-h-px tw-border-0 break-line\" />\r\n}\r\n", styles: [":host{align-self:stretch;display:flex;justify-content:center;align-items:center;flex-shrink:1;width:100%;line-height:var(--sapContent_LineHeight, 1.4);height:.0575rem;font-weight:400}:host.isvertical{width:.475rem;height:auto}:host.isvertical .break-line{width:.0575rem}.break-line{background-color:var(--sapToolbar_SeparatorColor, #d9d9d9);flex:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyLineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ly-line', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "", styles: [":host{font-size:var(--sapFontSize, .875rem);line-height:var(--sapContent_LineHeight, 1.4);color:var(--sapTextColor, #32363a);font-weight:400;box-sizing:border-box;padding:0;border:0;background-color:var(--sapToolbar_SeparatorColor, #d9d9d9);margin:3px;align-self:stretch;flex-shrink:1}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i2.PortalService }], propDecorators: { config: [{
+            args: [{ selector: 'bsu-ly-line', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(isVertical){\r\n<div class=\"tw-flex tw-h-full\">    \r\n    <div class=\"tw-inline-block tw-self-stretch break-line tw-h-full tw-justify-center\"></div>    \r\n</div>\r\n}@else{\r\n<hr class=\"tw-h-px tw-border-0 break-line\" />\r\n}\r\n", styles: [":host{align-self:stretch;display:flex;justify-content:center;align-items:center;flex-shrink:1;width:100%;line-height:var(--sapContent_LineHeight, 1.4);height:.0575rem;font-weight:400}:host.isvertical{width:.475rem;height:auto}:host.isvertical .break-line{width:.0575rem}.break-line{background-color:var(--sapToolbar_SeparatorColor, #d9d9d9);flex:1}\n"] }]
+        }], propDecorators: { config: [{
                 type: Input
             }], parentHeight: [{
                 type: Input
-            }], height: [{
-                type: HostBinding,
-                args: ['style.height']
-            }], width: [{
-                type: HostBinding,
-                args: ['style.width']
             }], display: [{
                 type: HostBinding,
                 args: ['style.display']
+            }], isVertical: [{
+                type: HostBinding,
+                args: ['class.isvertical']
             }] } });
 
 class BreadcrumbComponent extends BaseComponent {
@@ -10403,11 +10387,11 @@ class LyHorizontalLayoutComponent extends LayoutItemBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyHorizontalLayoutComponent, deps: [{ token: i0.ElementRef }, { token: i2.FormPanelService }, { token: i2.LayoutService, skipSelf: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: LyHorizontalLayoutComponent, isStandalone: false, selector: "bsu-ly-horizontal-layout", inputs: { renderItems: "renderItems" }, outputs: { events: "events" }, host: { properties: { "style.flex": "this.flex", "class.horizontal-layout": "this.horizontalLayoutClass", "class.wrap-content": "this.wrapContent", "style.opacity": "this.opacity", "attr.ismobile": "this.isMobile", "attr.groupname": "this.groupName", "attr.rowmode": "this.alwaysRowMode" } }, viewQueries: [{ propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "@for (item of config | filterToolbarControl; track item) { @switch (item.xtype) { @case ('Ly.LayoutTabPanel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-tab-container' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n} @case ('Ly.LayoutPanel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-layout-panel' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n} @case ('Ly.LayoutContainer') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            name: 'LyLayoutContainerComponent',\r\n            selector: 'bsu-ly-layout-container'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n} @case ('Ly.EmptySpace') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n} @case ('Ly.SimpleLabel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LySimpleLabelComponent', selector: 'bsu-ly-simple-label' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n} @case ('Ly.LayoutLine') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"dynamicLayout; context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\"\r\n></ng-container>\r\n<!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n} @case ('Ly.LayoutJoin') { @if (item.Type === 'HorizontalJoin') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-ly-horizontal-layout',\r\n            name: 'LyLayoutHorizontalComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n} @else {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-ly-vertical-layout',\r\n            name: 'LyLayoutVerticalComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n} } @case ('Ly.LayoutControl') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-layout-control',\r\n            name: 'LayoutControlComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n} } }\r\n<ng-template #dynamicLayout let-config let-selector=\"selector\" let-name=\"name\">\r\n    <bnrc-dynamic-layout\r\n        [config]=\"config\"\r\n        [selector]=\"selector\"\r\n        [name]=\"name\"\r\n        [module]=\"'BarsaSapUi'\"\r\n        [moduleFileName]=\"'BarsaSapUi'\"\r\n        [maxLabelWidth]=\"maxLabelWidth\"\r\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n        [hasHorizontalText]=\"hasHorizontalText\"\r\n        [isSearchPanel]=\"isSearchPanel\"\r\n        (events)=\"events.emit($event)\"\r\n    >\r\n    </bnrc-dynamic-layout>\r\n</ng-template>\r\n", styles: [":host{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: LyHorizontalLayoutComponent, isStandalone: false, selector: "bsu-ly-horizontal-layout", inputs: { renderItems: "renderItems" }, outputs: { events: "events" }, host: { properties: { "style.flex": "this.flex", "class.horizontal-layout": "this.horizontalLayoutClass", "class.wrap-content": "this.wrapContent", "style.opacity": "this.opacity", "attr.ismobile": "this.isMobile", "attr.groupname": "this.groupName", "attr.rowmode": "this.alwaysRowMode" } }, viewQueries: [{ propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "@for (item of config | filterToolbarControl; track item) { @switch (item.xtype) { @case ('Ly.LayoutTabPanel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-tab-container' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n} @case ('Ly.LayoutPanel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-layout-panel' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n} @case ('Ly.LayoutContainer') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            name: 'LyLayoutContainerComponent',\r\n            selector: 'bsu-ly-layout-container'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n} @case ('Ly.EmptySpace') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n} @case ('Ly.SimpleLabel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LySimpleLabelComponent', selector: 'bsu-ly-simple-label' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n} @case ('Ly.LayoutLine') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"dynamicLayout; context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\"\r\n></ng-container>\r\n<!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n} @case ('Ly.LayoutJoin') { @if (item.Type === 'HorizontalJoin') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-ly-horizontal-layout',\r\n            name: 'LyLayoutHorizontalComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n} @else {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-ly-vertical-layout',\r\n            name: 'LyLayoutVerticalComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n} } @case ('Ly.LayoutControl') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-layout-control',\r\n            name: 'LayoutControlComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n} } }\r\n<ng-template #dynamicLayout let-config let-selector=\"selector\" let-name=\"name\">\r\n    <bnrc-dynamic-layout\r\n        [config]=\"config\"\r\n        [selector]=\"selector\"\r\n        [name]=\"name\"\r\n        [module]=\"'BarsaSapUi'\"\r\n        [moduleFileName]=\"'BarsaSapUi'\"\r\n        [maxLabelWidth]=\"maxLabelWidth\"\r\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n        [hasHorizontalText]=\"hasHorizontalText\"\r\n        [isSearchPanel]=\"isSearchPanel\"\r\n        (events)=\"events.emit($event)\"\r\n    >\r\n    </bnrc-dynamic-layout>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{display:var(--horizontal-display);align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}@media (max-width: 575px){:host{grid-template-columns:var(--horizontal-grid-templateSm)}}@media (min-width: 576px){:host{grid-template-columns:var(--horizontal-grid-templateMd)}}@media (min-width: 768px){:host{grid-template-columns:var(--horizontal-grid-templateL)}}@media (min-width: 992px){:host{grid-template-columns:var(--horizontal-grid-templateL)}}@media (min-width: 1200px){:host{grid-template-columns:var(--horizontal-grid-templateXl)}}@media (min-width: 1400px){:host{grid-template-columns:var(--horizontal-grid-templateXxl)}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyHorizontalLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ly-horizontal-layout', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@for (item of config | filterToolbarControl; track item) { @switch (item.xtype) { @case ('Ly.LayoutTabPanel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-tab-container' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n} @case ('Ly.LayoutPanel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-layout-panel' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n} @case ('Ly.LayoutContainer') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            name: 'LyLayoutContainerComponent',\r\n            selector: 'bsu-ly-layout-container'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n} @case ('Ly.EmptySpace') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n} @case ('Ly.SimpleLabel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LySimpleLabelComponent', selector: 'bsu-ly-simple-label' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n} @case ('Ly.LayoutLine') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"dynamicLayout; context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\"\r\n></ng-container>\r\n<!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n} @case ('Ly.LayoutJoin') { @if (item.Type === 'HorizontalJoin') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-ly-horizontal-layout',\r\n            name: 'LyLayoutHorizontalComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n} @else {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-ly-vertical-layout',\r\n            name: 'LyLayoutVerticalComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n} } @case ('Ly.LayoutControl') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-layout-control',\r\n            name: 'LayoutControlComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n} } }\r\n<ng-template #dynamicLayout let-config let-selector=\"selector\" let-name=\"name\">\r\n    <bnrc-dynamic-layout\r\n        [config]=\"config\"\r\n        [selector]=\"selector\"\r\n        [name]=\"name\"\r\n        [module]=\"'BarsaSapUi'\"\r\n        [moduleFileName]=\"'BarsaSapUi'\"\r\n        [maxLabelWidth]=\"maxLabelWidth\"\r\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n        [hasHorizontalText]=\"hasHorizontalText\"\r\n        [isSearchPanel]=\"isSearchPanel\"\r\n        (events)=\"events.emit($event)\"\r\n    >\r\n    </bnrc-dynamic-layout>\r\n</ng-template>\r\n", styles: [":host{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}\n"] }]
+            args: [{ selector: 'bsu-ly-horizontal-layout', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@for (item of config | filterToolbarControl; track item) { @switch (item.xtype) { @case ('Ly.LayoutTabPanel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-tab-container' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n} @case ('Ly.LayoutPanel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyLayoutPanelComponent', selector: 'bsu-ly-layout-panel' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n} @case ('Ly.LayoutContainer') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            name: 'LyLayoutContainerComponent',\r\n            selector: 'bsu-ly-layout-container'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n} @case ('Ly.EmptySpace') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n} @case ('Ly.SimpleLabel') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: { $implicit: item, name: 'LySimpleLabelComponent', selector: 'bsu-ly-simple-label' }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n} @case ('Ly.LayoutLine') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"dynamicLayout; context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\"\r\n></ng-container>\r\n<!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n} @case ('Ly.LayoutJoin') { @if (item.Type === 'HorizontalJoin') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-ly-horizontal-layout',\r\n            name: 'LyLayoutHorizontalComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n} @else {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-ly-vertical-layout',\r\n            name: 'LyLayoutVerticalComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n} } @case ('Ly.LayoutControl') {\r\n<ng-container\r\n    *ngTemplateOutlet=\"\r\n        dynamicLayout;\r\n        context: {\r\n            $implicit: item,\r\n            selector: 'bsu-layout-control',\r\n            name: 'LayoutControlComponent'\r\n        }\r\n    \"\r\n></ng-container>\r\n<!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n} } }\r\n<ng-template #dynamicLayout let-config let-selector=\"selector\" let-name=\"name\">\r\n    <bnrc-dynamic-layout\r\n        [config]=\"config\"\r\n        [selector]=\"selector\"\r\n        [name]=\"name\"\r\n        [module]=\"'BarsaSapUi'\"\r\n        [moduleFileName]=\"'BarsaSapUi'\"\r\n        [maxLabelWidth]=\"maxLabelWidth\"\r\n        [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n        [hasHorizontalText]=\"hasHorizontalText\"\r\n        [isSearchPanel]=\"isSearchPanel\"\r\n        (events)=\"events.emit($event)\"\r\n    >\r\n    </bnrc-dynamic-layout>\r\n</ng-template>\r\n", styles: ["@charset \"UTF-8\";:host{display:var(--horizontal-display);align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}@media (max-width: 575px){:host{grid-template-columns:var(--horizontal-grid-templateSm)}}@media (min-width: 576px){:host{grid-template-columns:var(--horizontal-grid-templateMd)}}@media (min-width: 768px){:host{grid-template-columns:var(--horizontal-grid-templateL)}}@media (min-width: 992px){:host{grid-template-columns:var(--horizontal-grid-templateL)}}@media (min-width: 1200px){:host{grid-template-columns:var(--horizontal-grid-templateXl)}}@media (min-width: 1400px){:host{grid-template-columns:var(--horizontal-grid-templateXxl)}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i2.FormPanelService }, { type: i2.LayoutService, decorators: [{
                     type: SkipSelf
                 }] }, { type: i0.ChangeDetectorRef }], propDecorators: { renderItems: [{
@@ -11034,11 +11018,11 @@ class UiFormPanelComponent extends FormBaseComponent {
         this.fullscreen = parameters?.FullscreenDefault === true && !this.isModal;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", 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: "19.2.10", type: UiFormPanelComponent, isStandalone: false, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName", "attr.viewName": "this._viewName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "@if (isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport || parameters?.IsSimple) {\r\n<bsu-barsa-simple-form\r\n    [cssStyle]=\"parameters?.CssStyles\"\r\n    [canSend]=\"(canSend$ | async) === true\"\r\n    [formVisibilityStatus]=\"formVisibilityStatus\"\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [hideClose]=\"(hideClose$ | async)!!\"\r\n    [hideTitle]=\"(hideTitle$ | async)!!\"\r\n    [hidePin]=\"(hidePin$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [isModal]=\"isModal\"\r\n    [formContentMaxWidth]=\"formContentMaxWidth\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true | hideAcceptCancel: hideAcceptAndCancel\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [parameters]=\"parameters\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"extendLayout94$ | async\"\r\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\r\n    [colLg]=\"+(parameters?.ColLg || 0)\"\r\n    [colXl]=\"+(parameters?.ColXl || 0)\"\r\n    [colMd]=\"+(parameters?.ColMd || 0)\"\r\n    [hideFooter]=\"(hideFooter$ | async) === true\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [mo]=\"(mo$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    [landscape]=\"(landscape$ | async) === true\"\r\n    [standalone]=\"(standalone$ | async) === true\"\r\n    (close)=\"onClose()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-barsa-simple-form>\r\n} @else {\r\n<bsu-fundamental-dynamic-form\r\n    [cssStyle]=\"parameters?.CssStyles\"\r\n    [style.position]=\"(mask$ | async) ? 'relative' : null\"\r\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\r\n    [canSend]=\"(canSend$ | async) === true\"\r\n    [formVisibilityStatus]=\"formVisibilityStatus\"\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [hideClose]=\"(hideClose$ | async)!!\"\r\n    [hideTitle]=\"(hideTitle$ | async)!!\"\r\n    [hidePin]=\"(hidePin$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true | hideAcceptCancel: hideAcceptAndCancel\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [formContentMaxWidth]=\"formContentMaxWidth\"\r\n    [parameters]=\"parameters\"\r\n    [fullscreen]=\"fullscreen\"\r\n    [hideFooter]=\"(hideFooter$ | async) === true\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"extendLayout94$ | async\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\r\n    [colLg]=\"+(parameters?.ColLg || 0)\"\r\n    [colXl]=\"+(parameters?.ColXl || 0)\"\r\n    [colMd]=\"+(parameters?.ColMd || 0)\"\r\n    [footerDesign]=\"footerDesign\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [mo]=\"(mo$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    [landscape]=\"(landscape$ | async) === true\"\r\n    [standalone]=\"(standalone$ | async) === true\"\r\n    (fullscreenRequest)=\"onFullscreen()\"\r\n    (close)=\"onClose()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-fundamental-dynamic-form>\r\n}\r\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: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }, { kind: "pipe", type: i2.HideAcceptCancelButtonsPipe, name: "hideAcceptCancel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: UiFormPanelComponent, isStandalone: false, selector: "bsu-ui-form-panel", host: { properties: { "attr.typeDefName": "this._typeDefName", "attr.viewName": "this._viewName" } }, providers: [FormPanelService], usesInheritance: true, ngImport: i0, template: "@if (isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport || parameters?.IsSimple) {\r\n<bsu-barsa-simple-form\r\n    [hrResponsive]=\"parameters?.HResponsiveSettings\"    \r\n    [config]=\"layout94\"\r\n    [cssStyle]=\"parameters?.CssStyles\"\r\n    [canSend]=\"(canSend$ | async) === true\"\r\n    [formVisibilityStatus]=\"formVisibilityStatus\"\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [hideClose]=\"(hideClose$ | async)!!\"\r\n    [hideTitle]=\"(hideTitle$ | async)!!\"\r\n    [hidePin]=\"(hidePin$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [isModal]=\"isModal\"\r\n    [formContentMaxWidth]=\"formContentMaxWidth\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true | hideAcceptCancel: hideAcceptAndCancel\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [parameters]=\"parameters\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"extendLayout94$ | async\"\r\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\r\n    [colLg]=\"+(parameters?.ColLg || 0)\"\r\n    [colXl]=\"+(parameters?.ColXl || 0)\"\r\n    [colMd]=\"+(parameters?.ColMd || 0)\"\r\n    [hideFooter]=\"(hideFooter$ | async) === true\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [mo]=\"(mo$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    [landscape]=\"(landscape$ | async) === true\"\r\n    [standalone]=\"(standalone$ | async) === true\"\r\n    (close)=\"onClose()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-barsa-simple-form>\r\n} @else {\r\n<bsu-fundamental-dynamic-form\r\n    [hrResponsive]=\"parameters?.HResponsiveSettings\"  \r\n    [config]=\"layout94\"\r\n    [cssStyle]=\"parameters?.CssStyles\"\r\n    [style.position]=\"(mask$ | async) ? 'relative' : null\"\r\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\r\n    [canSend]=\"(canSend$ | async) === true\"\r\n    [formVisibilityStatus]=\"formVisibilityStatus\"\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [hideClose]=\"(hideClose$ | async)!!\"\r\n    [hideTitle]=\"(hideTitle$ | async)!!\"\r\n    [hidePin]=\"(hidePin$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true | hideAcceptCancel: hideAcceptAndCancel\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [formContentMaxWidth]=\"formContentMaxWidth\"\r\n    [parameters]=\"parameters\"\r\n    [fullscreen]=\"fullscreen\"\r\n    [hideFooter]=\"(hideFooter$ | async) === true\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"extendLayout94$ | async\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\r\n    [colLg]=\"+(parameters?.ColLg || 0)\"\r\n    [colXl]=\"+(parameters?.ColXl || 0)\"\r\n    [colMd]=\"+(parameters?.ColMd || 0)\"\r\n    [footerDesign]=\"footerDesign\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [mo]=\"(mo$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    [landscape]=\"(landscape$ | async) === true\"\r\n    [standalone]=\"(standalone$ | async) === true\"\r\n    (fullscreenRequest)=\"onFullscreen()\"\r\n    (close)=\"onClose()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-fundamental-dynamic-form>\r\n}\r\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: "directive", type: i2.HorizontalResponsiveDirective, selector: "[hrResponsive]", inputs: ["disable", "config", "hrResponsive"] }, { 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: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TlbButtonsPipe, name: "tlbButtons" }, { kind: "pipe", type: i2.HideAcceptCancelButtonsPipe, name: "hideAcceptCancel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: UiFormPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-form-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [FormPanelService], standalone: false, template: "@if (isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport || parameters?.IsSimple) {\r\n<bsu-barsa-simple-form\r\n    [cssStyle]=\"parameters?.CssStyles\"\r\n    [canSend]=\"(canSend$ | async) === true\"\r\n    [formVisibilityStatus]=\"formVisibilityStatus\"\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [hideClose]=\"(hideClose$ | async)!!\"\r\n    [hideTitle]=\"(hideTitle$ | async)!!\"\r\n    [hidePin]=\"(hidePin$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [isModal]=\"isModal\"\r\n    [formContentMaxWidth]=\"formContentMaxWidth\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true | hideAcceptCancel: hideAcceptAndCancel\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [parameters]=\"parameters\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"extendLayout94$ | async\"\r\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\r\n    [colLg]=\"+(parameters?.ColLg || 0)\"\r\n    [colXl]=\"+(parameters?.ColXl || 0)\"\r\n    [colMd]=\"+(parameters?.ColMd || 0)\"\r\n    [hideFooter]=\"(hideFooter$ | async) === true\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [mo]=\"(mo$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    [landscape]=\"(landscape$ | async) === true\"\r\n    [standalone]=\"(standalone$ | async) === true\"\r\n    (close)=\"onClose()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-barsa-simple-form>\r\n} @else {\r\n<bsu-fundamental-dynamic-form\r\n    [cssStyle]=\"parameters?.CssStyles\"\r\n    [style.position]=\"(mask$ | async) ? 'relative' : null\"\r\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\r\n    [canSend]=\"(canSend$ | async) === true\"\r\n    [formVisibilityStatus]=\"formVisibilityStatus\"\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [hideClose]=\"(hideClose$ | async)!!\"\r\n    [hideTitle]=\"(hideTitle$ | async)!!\"\r\n    [hidePin]=\"(hidePin$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true | hideAcceptCancel: hideAcceptAndCancel\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [formContentMaxWidth]=\"formContentMaxWidth\"\r\n    [parameters]=\"parameters\"\r\n    [fullscreen]=\"fullscreen\"\r\n    [hideFooter]=\"(hideFooter$ | async) === true\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"extendLayout94$ | async\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\r\n    [colLg]=\"+(parameters?.ColLg || 0)\"\r\n    [colXl]=\"+(parameters?.ColXl || 0)\"\r\n    [colMd]=\"+(parameters?.ColMd || 0)\"\r\n    [footerDesign]=\"footerDesign\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [mo]=\"(mo$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    [landscape]=\"(landscape$ | async) === true\"\r\n    [standalone]=\"(standalone$ | async) === true\"\r\n    (fullscreenRequest)=\"onFullscreen()\"\r\n    (close)=\"onClose()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-fundamental-dynamic-form>\r\n}\r\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], standalone: false, template: "@if (isSearchPanel || (isSimple$ | async) || isSubForm || isModal || isFormReport || parameters?.IsSimple) {\r\n<bsu-barsa-simple-form\r\n    [hrResponsive]=\"parameters?.HResponsiveSettings\"    \r\n    [config]=\"layout94\"\r\n    [cssStyle]=\"parameters?.CssStyles\"\r\n    [canSend]=\"(canSend$ | async) === true\"\r\n    [formVisibilityStatus]=\"formVisibilityStatus\"\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [hideClose]=\"(hideClose$ | async)!!\"\r\n    [hideTitle]=\"(hideTitle$ | async)!!\"\r\n    [hidePin]=\"(hidePin$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [isModal]=\"isModal\"\r\n    [formContentMaxWidth]=\"formContentMaxWidth\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true | hideAcceptCancel: hideAcceptAndCancel\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [parameters]=\"parameters\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"extendLayout94$ | async\"\r\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\r\n    [colLg]=\"+(parameters?.ColLg || 0)\"\r\n    [colXl]=\"+(parameters?.ColXl || 0)\"\r\n    [colMd]=\"+(parameters?.ColMd || 0)\"\r\n    [hideFooter]=\"(hideFooter$ | async) === true\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [mo]=\"(mo$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    [landscape]=\"(landscape$ | async) === true\"\r\n    [standalone]=\"(standalone$ | async) === true\"\r\n    (close)=\"onClose()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-barsa-simple-form>\r\n} @else {\r\n<bsu-fundamental-dynamic-form\r\n    [hrResponsive]=\"parameters?.HResponsiveSettings\"  \r\n    [config]=\"layout94\"\r\n    [cssStyle]=\"parameters?.CssStyles\"\r\n    [style.position]=\"(mask$ | async) ? 'relative' : null\"\r\n    [workflowButtons]=\"(workflowButtons$ | async)!!\"\r\n    [canSend]=\"(canSend$ | async) === true\"\r\n    [formVisibilityStatus]=\"formVisibilityStatus\"\r\n    [removeContentPadding]=\"(headerRemoveContentPadding$ | async)!!\"\r\n    [breadCrumbs]=\"breadCrumbs$ | async\"\r\n    [description]=\"(headerDescription$ | async)!!\"\r\n    [hideClose]=\"(hideClose$ | async)!!\"\r\n    [hideTitle]=\"(hideTitle$ | async)!!\"\r\n    [hidePin]=\"(hidePin$ | async)!!\"\r\n    [title]=\"(title$ | async)!!\"\r\n    [subtitle]=\"(headerSubtitle$ | async)!!\"\r\n    [toolbarItems]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':false\"\r\n    [layoutActions]=\"extendToolbarItems$ | async | tlbButtons: 'inFooter':true | hideAcceptCancel: hideAcceptAndCancel\"\r\n    [toolbarVisible]=\"(toolbarVisible$ | async)!!\"\r\n    [facetList]=\"(headerLayout$ | async)?.FacetList2\"\r\n    [formContentMaxWidth]=\"formContentMaxWidth\"\r\n    [parameters]=\"parameters\"\r\n    [fullscreen]=\"fullscreen\"\r\n    [hideFooter]=\"(hideFooter$ | async) === true\"\r\n    [workflowPanelUi]=\"workflowPanelUi$ | async\"\r\n    [isMobile]=\"isMobile\"\r\n    [layout94]=\"extendLayout94$ | async\"\r\n    [rtl]=\"(rtl$ | async)!!\"\r\n    [layoutGridCol]=\"+(parameters?.LayoutGridCol || 12)\"\r\n    [colLg]=\"+(parameters?.ColLg || 0)\"\r\n    [colXl]=\"+(parameters?.ColXl || 0)\"\r\n    [colMd]=\"+(parameters?.ColMd || 0)\"\r\n    [footerDesign]=\"footerDesign\"\r\n    [mask]=\"(mask$ | async)!!\"\r\n    [mo]=\"(mo$ | async)!!\"\r\n    [dirValue]=\"(dirValue$ | async)!!\"\r\n    [deviceSize]=\"(deviceSize$ | async)!!\"\r\n    [contentDensity]=\"(contentDensity$ | async)!!\"\r\n    [modernTabs]=\"(modernTabs$ | async)!!\"\r\n    [avatar]=\"(avatar$ | async)!!\"\r\n    [circleAvatar]=\"(circleAvatar$ | async)!!\"\r\n    [fieldDict]=\"(fieldDict$ | async)!!\"\r\n    [landscape]=\"(landscape$ | async) === true\"\r\n    [standalone]=\"(standalone$ | async) === true\"\r\n    (fullscreenRequest)=\"onFullscreen()\"\r\n    (close)=\"onClose()\"\r\n    (toolbarClick)=\"onToolbarClick($event)\"\r\n    [contentIsPage]=\"parameters?.ContentIsPage === true\"\r\n    (workflowChoiceClick)=\"onWorkflowChoiceClick($event)\"\r\n></bsu-fundamental-dynamic-form>\r\n}\r\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: [{
@@ -11630,10 +11614,10 @@ class FormDialogComponent extends BaseComponent {
         const minWidth = smallDevice ? '100%' : viewWidth ? viewWidth + 'px' : 'auto';
         const minHeight = smallDevice ? '100%' : viewHieght ? viewHieght + 'px' : 'auto';
         if (viewHieght) {
-            height = smallDevice ? '100%' : `${viewHieght + 100}px`;
+            height = smallDevice ? '100%' : `${viewHieght}px`;
         }
         if (viewWidth) {
-            width = smallDevice ? '100%' : `${viewWidth}px`;
+            width = smallDevice ? '100%' : `${viewWidth / 14}rem`;
         }
         const modalSetting = BarsaApi.Common.Util.TryGetValue(this.formPanelCtrlr, 'Setting.View.CustomUi.Parameters.ModalSetting', null);
         let setting = {
@@ -12797,11 +12781,11 @@ class UiMoInfoUlvComboComponent extends FieldBaseComponent {
         // this._triggerClick('ItemSelect', this.value);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: UiMoInfoUlvComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: UiMoInfoUlvComboComponent, isStandalone: false, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvMainCtrlr: "UlvMainCtrlr", UlvUi: "UlvUi", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async,\r\n            isSearch: context._showPopup || context._showDropDown === false\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n\r\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\r\n    @if( showExtraButtons() ){\r\n    <div class=\"extra-buttons fd-input-group fd-input-group--control\" contentDensity>\r\n        @if (hasValue && !inlineEdit) {\r\n        <span class=\"fd-input-group__addon--button combo-popup-btn\" fd-input-group-addon>\r\n            <button tabindex=\"-1\" fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n        </span>\r\n        } @if (!hasValue && Setting.ShowNewButton) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n        </span>\r\n        } @if (hasValue && Setting.ViewRelatedFormType !== 'Hide') {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        } @if (context._showPopup && !value ) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n        </span>\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n    let-isSearch=\"isSearch\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\r\n            [class.disableorreadonly]=\"disableOrReadonly === true\"\r\n            [class.showExtraButtons]=\"disableOrReadonly !== true && showExtraButtons()\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-Value]=\"hasValue\"\r\n            [placeholder]=\"'Select' | bbbTranslate\"\r\n            [mobile]=\"false\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [isSearch]=\"false\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"context._showDropDown !== false && disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event, moDataList)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <ng-container *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: disableOrReadonly }\"></ng-container>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        @if (item.$isLoading) {\r\n        <div fd-list-content style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        } @else {\r\n        <ng-container\r\n            *ngTemplateOutlet=\"item.$LoadMore ? loadMoreButton : showItem; context: { ulv: ulvAdapter || UlvUi }\"\r\n        >\r\n        </ng-container>\r\n        }\r\n        <ng-template #loadMoreButton let-ulv=\"ulv\">\r\n            @if (ulv) {\r\n            <bsu-ulv-paging\r\n                (click)=\"onPagingClick($event)\"\r\n                (pageChange)=\"onPageChange($event)\"\r\n                [pagingSetting]=\"ulv.Setting.Data.Paging\"\r\n            >\r\n            </bsu-ulv-paging>\r\n            }\r\n            <!-- <button\r\n        style=\"width: 100%\"\r\n        *ngIf=\"ulv && ulv.Setting.Data.Paging.Page + 1 < ulv.Setting.Data.Paging.TotalPages\"\r\n        fd-button\r\n        (click)=\"onPageChange2(ulv.Setting.Data.Paging, $event)\"\r\n        [label]=\"'More' | bbbTranslate\"\r\n      ></button> -->\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            @if (allColumns?.length && !item.isEmpty) { @if (!item.$__IsLast) {\r\n            <div class=\"moinfoulv devider\"></div>\r\n            } @if (item.$Icon) {\r\n            <span fd-list-thumbnail><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n            }\r\n            <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                @if (allColumns[1]) {\r\n                <div fd-list-byline class=\"byline\">\r\n                    {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                </div>\r\n                }\r\n                <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                    @for (column of allColumns; track column; let index = $index) { @if (index > 1) { @if (column.Alias\r\n                    | rval: item:allColumns:true; as value) {\r\n                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                    } } }\r\n                </div>\r\n            </div>\r\n            } @else {\r\n            <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\r\n                >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\r\n            </span>\r\n            }\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group{min-width:fit-content}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv.showExtraButtons:not(.disableorreadonly) .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}.extra-buttons{width:auto;border-right:none;border-left:none;margin:0}.extra-buttons>span{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], 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", "width", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "clearButtonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline", "tabOutStrategy"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i5$1.InputGroupAddOnDirective, selector: "[fdInputGroupAddon], [fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i7.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i7.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: UlvPagingComponent, selector: "bsu-ulv-paging", inputs: ["pagingSetting"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: UiMoInfoUlvComboComponent, isStandalone: false, selector: "bsu-ui-mo-info-ulv-combo", inputs: { ulvAdapter: "ulvAdapter", Control: "Control", UlvMainCtrlr: "UlvMainCtrlr", UlvUi: "UlvUi", IsExpanded: "IsExpanded", Collapse: "Collapse", Expand: "Expand", on: "on", Focus: "Focus", SetUlvAdapter: "SetUlvAdapter", IsUiCreated: "IsUiCreated", Mask: "Mask", hide: "hide", show: "show", Unmask: "Unmask", getRawValue: "getRawValue" }, host: { listeners: { "keydown": "onKeyDown($event)", "keydown.alt": "onAlt($event)" } }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async,\r\n            isSearch: context._showPopup || context._showDropDown === false\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n\r\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\r\n    @if( showExtraButtons() && !disableOrReadonly ){\r\n    <div class=\"extra-buttons fd-input-group fd-input-group--control\" contentDensity>\r\n        @if (hasValue && !inlineEdit) {\r\n        <span class=\"fd-input-group__addon--button combo-popup-btn\" fd-input-group-addon>\r\n            <button tabindex=\"-1\" fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n        </span>\r\n        } @if (!hasValue && Setting.ShowNewButton) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n        </span>\r\n        } @if (hasValue && Setting.ViewRelatedFormType !== 'Hide') {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        } @if (context._showPopup && !value ) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n        </span>\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n    let-isSearch=\"isSearch\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\r\n            [class.disableorreadonly]=\"disableOrReadonly === true\"\r\n            [class.showExtraButtons]=\"disableOrReadonly !== true && showExtraButtons()\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-Value]=\"hasValue\"\r\n            [placeholder]=\"'Select' | bbbTranslate\"\r\n            [mobile]=\"false\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [isSearch]=\"false\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"context._showDropDown !== false && disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event, moDataList)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <ng-container *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: disableOrReadonly }\"></ng-container>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        @if (item.$isLoading) {\r\n        <div fd-list-content style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        } @else {\r\n        <ng-container\r\n            *ngTemplateOutlet=\"item.$LoadMore ? loadMoreButton : showItem; context: { ulv: ulvAdapter || UlvUi }\"\r\n        >\r\n        </ng-container>\r\n        }\r\n        <ng-template #loadMoreButton let-ulv=\"ulv\">\r\n            @if (ulv) {\r\n            <bsu-ulv-paging\r\n                (click)=\"onPagingClick($event)\"\r\n                (pageChange)=\"onPageChange($event)\"\r\n                [pagingSetting]=\"ulv.Setting.Data.Paging\"\r\n            >\r\n            </bsu-ulv-paging>\r\n            }\r\n            <!-- <button\r\n        style=\"width: 100%\"\r\n        *ngIf=\"ulv && ulv.Setting.Data.Paging.Page + 1 < ulv.Setting.Data.Paging.TotalPages\"\r\n        fd-button\r\n        (click)=\"onPageChange2(ulv.Setting.Data.Paging, $event)\"\r\n        [label]=\"'More' | bbbTranslate\"\r\n      ></button> -->\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            @if (allColumns?.length && !item.isEmpty) { @if (!item.$__IsLast) {\r\n            <div class=\"moinfoulv devider\"></div>\r\n            } @if (item.$Icon) {\r\n            <span fd-list-thumbnail><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n            }\r\n            <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                @if (allColumns[1]) {\r\n                <div fd-list-byline class=\"byline\">\r\n                    {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                </div>\r\n                }\r\n                <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                    @for (column of allColumns; track column; let index = $index) { @if (index > 1) { @if (column.Alias\r\n                    | rval: item:allColumns:true; as value) {\r\n                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                    } } }\r\n                </div>\r\n            </div>\r\n            } @else {\r\n            <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\r\n                >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\r\n            </span>\r\n            }\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group{min-width:fit-content}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv.showExtraButtons:not(.disableorreadonly) .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}.extra-buttons{width:auto;border-right:none;border-left:none;margin:0}.extra-buttons>span{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], 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", "width", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "clearButtonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline", "tabOutStrategy"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i5$1.InputGroupAddOnDirective, selector: "[fdInputGroupAddon], [fd-input-group-addon]", inputs: ["class", "placement", "type", "state", "button"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListBylineDirective, selector: "[fdListByline], [fd-list-byline]", inputs: ["twoCol", "wrap"] }, { kind: "directive", type: i7.ListContentDirective, selector: "[fdListContent], [fd-list-content]", inputs: ["twoCol"] }, { kind: "directive", type: i7.ListThumbnailDirective, selector: "[fdListThumbnail], [fd-list-thumbnail]" }, { kind: "component", type: UlvPagingComponent, selector: "bsu-ulv-paging", inputs: ["pagingSetting"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.MoInfoUlvMoListPipe, name: "moInfoUlvMoList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: UiMoInfoUlvComboComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async,\r\n            isSearch: context._showPopup || context._showDropDown === false\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n\r\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\r\n    @if( showExtraButtons() ){\r\n    <div class=\"extra-buttons fd-input-group fd-input-group--control\" contentDensity>\r\n        @if (hasValue && !inlineEdit) {\r\n        <span class=\"fd-input-group__addon--button combo-popup-btn\" fd-input-group-addon>\r\n            <button tabindex=\"-1\" fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n        </span>\r\n        } @if (!hasValue && Setting.ShowNewButton) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n        </span>\r\n        } @if (hasValue && Setting.ViewRelatedFormType !== 'Hide') {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        } @if (context._showPopup && !value ) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n        </span>\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n    let-isSearch=\"isSearch\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\r\n            [class.disableorreadonly]=\"disableOrReadonly === true\"\r\n            [class.showExtraButtons]=\"disableOrReadonly !== true && showExtraButtons()\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-Value]=\"hasValue\"\r\n            [placeholder]=\"'Select' | bbbTranslate\"\r\n            [mobile]=\"false\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [isSearch]=\"false\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"context._showDropDown !== false && disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event, moDataList)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <ng-container *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: disableOrReadonly }\"></ng-container>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        @if (item.$isLoading) {\r\n        <div fd-list-content style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        } @else {\r\n        <ng-container\r\n            *ngTemplateOutlet=\"item.$LoadMore ? loadMoreButton : showItem; context: { ulv: ulvAdapter || UlvUi }\"\r\n        >\r\n        </ng-container>\r\n        }\r\n        <ng-template #loadMoreButton let-ulv=\"ulv\">\r\n            @if (ulv) {\r\n            <bsu-ulv-paging\r\n                (click)=\"onPagingClick($event)\"\r\n                (pageChange)=\"onPageChange($event)\"\r\n                [pagingSetting]=\"ulv.Setting.Data.Paging\"\r\n            >\r\n            </bsu-ulv-paging>\r\n            }\r\n            <!-- <button\r\n        style=\"width: 100%\"\r\n        *ngIf=\"ulv && ulv.Setting.Data.Paging.Page + 1 < ulv.Setting.Data.Paging.TotalPages\"\r\n        fd-button\r\n        (click)=\"onPageChange2(ulv.Setting.Data.Paging, $event)\"\r\n        [label]=\"'More' | bbbTranslate\"\r\n      ></button> -->\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            @if (allColumns?.length && !item.isEmpty) { @if (!item.$__IsLast) {\r\n            <div class=\"moinfoulv devider\"></div>\r\n            } @if (item.$Icon) {\r\n            <span fd-list-thumbnail><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n            }\r\n            <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                @if (allColumns[1]) {\r\n                <div fd-list-byline class=\"byline\">\r\n                    {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                </div>\r\n                }\r\n                <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                    @for (column of allColumns; track column; let index = $index) { @if (index > 1) { @if (column.Alias\r\n                    | rval: item:allColumns:true; as value) {\r\n                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                    } } }\r\n                </div>\r\n            </div>\r\n            } @else {\r\n            <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\r\n                >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\r\n            </span>\r\n            }\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group{min-width:fit-content}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv.showExtraButtons:not(.disableorreadonly) .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}.extra-buttons{width:auto;border-right:none;border-left:none;margin:0}.extra-buttons>span{overflow:hidden}\n"] }]
+            args: [{ selector: 'bsu-ui-mo-info-ulv-combo', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container\r\n    *ngTemplateOutlet=\"\r\n        comboTemplate;\r\n        context: {\r\n            $implicit:\r\n                (loading$ | async) === true\r\n                | moInfoUlvMoList\r\n                    : isDataLoadedFirstTime\r\n                    : ulvAdapter?.Setting?.Data?.MoDataList\r\n                    : UlvUi?.Setting?.Data?.MoDataList\r\n                    : ulvAdapter?.Setting?.Data?.Paging\r\n                    : UlvUi?.Setting?.Data?.Paging,\r\n            deviceSize: deviceSize$ | async,\r\n            disableOrReadonly: disableOrReadonly$ | async,\r\n            disable: disable$ | async,\r\n            readonly: readonly$ | async,\r\n            isSearch: context._showPopup || context._showDropDown === false\r\n        }\r\n    \"\r\n>\r\n</ng-container>\r\n\r\n<ng-template #btnsTpl let-disableOrReadonly=\"disableOrReadonly\">\r\n    @if( showExtraButtons() && !disableOrReadonly ){\r\n    <div class=\"extra-buttons fd-input-group fd-input-group--control\" contentDensity>\r\n        @if (hasValue && !inlineEdit) {\r\n        <span class=\"fd-input-group__addon--button combo-popup-btn\" fd-input-group-addon>\r\n            <button tabindex=\"-1\" fd-button fdType=\"transparent\" glyph=\"decline\" (click)=\"onClear()\"></button>\r\n        </span>\r\n        } @if (!hasValue && Setting.ShowNewButton) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"add\" (click)=\"onNew()\"></button>\r\n        </span>\r\n        } @if (hasValue && Setting.ViewRelatedFormType !== 'Hide') {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"edit\" (click)=\"onEdit()\"></button>\r\n        </span>\r\n        } @if (context._showPopup && !value ) {\r\n        <span fd-input-group-addon class=\"fd-input-group__addon--button combo-popup-btn\">\r\n            <button fd-button fdType=\"transparent\" glyph=\"search\" (click)=\"onSearch()\"></button>\r\n        </span>\r\n        }\r\n    </div>\r\n    }\r\n</ng-template>\r\n<ng-template\r\n    #comboTemplate\r\n    let-moDataList\r\n    let-deviceSize=\"deviceSize\"\r\n    let-disableOrReadonly=\"disableOrReadonly\"\r\n    let-disable=\"disable\"\r\n    let-readonly=\"readonly\"\r\n    let-isSearch=\"isSearch\"\r\n>\r\n    <div class=\"simple-combo-wrapper\">\r\n        <fd-combobox\r\n            #fdCombobox\r\n            class=\"combo-mo-ulv\"\r\n            [class.canAdd]=\"!hasValue && disableOrReadonly !== true && Setting.ShowNewButton\"\r\n            [class.canEdit]=\"hasValue && disableOrReadonly !== true\"\r\n            [class.disableorreadonly]=\"disableOrReadonly === true\"\r\n            [class.showExtraButtons]=\"disableOrReadonly !== true && showExtraButtons()\"\r\n            [comboboxId]=\"comboboxId\"\r\n            [class.has-Value]=\"hasValue\"\r\n            [placeholder]=\"'Select' | bbbTranslate\"\r\n            [mobile]=\"false\"\r\n            [mobileConfig]=\"mobileConfig\"\r\n            [fillOnSelect]=\"true\"\r\n            [readOnly]=\"readonly === true ? true : false\"\r\n            [disabled]=\"disable === true ? true : false\"\r\n            [dropdownValues]=\"moDataList\"\r\n            [filterFn]=\"customFilter\"\r\n            [openOnKeyboardEvent]=\"true\"\r\n            [byline]=\"allColumns.length > 0\"\r\n            [isSearch]=\"false\"\r\n            [itemTemplate]=\"itemTemplate\"\r\n            [displayFn]=\"displayFunc\"\r\n            [showDropdownButton]=\"context._showDropDown !== false && disableOrReadonly !== true\"\r\n            (itemClicked)=\"onItemClick($event, moDataList)\"\r\n            (inputTextChange)=\"onInputChange($event)\"\r\n            (openChange)=\"onOpenChange(fdCombobox, $event)\"\r\n        >\r\n        </fd-combobox>\r\n        <ng-container *ngTemplateOutlet=\"btnsTpl; context: { disableOrReadonly: disableOrReadonly }\"></ng-container>\r\n    </div>\r\n    <ng-template #itemTemplate let-item>\r\n        @if (item.$isLoading) {\r\n        <div fd-list-content style=\"width: 100%; height: 20px\">\r\n            <bsu-mask [size]=\"'s'\" [top]=\"'10px'\"></bsu-mask>\r\n        </div>\r\n        } @else {\r\n        <ng-container\r\n            *ngTemplateOutlet=\"item.$LoadMore ? loadMoreButton : showItem; context: { ulv: ulvAdapter || UlvUi }\"\r\n        >\r\n        </ng-container>\r\n        }\r\n        <ng-template #loadMoreButton let-ulv=\"ulv\">\r\n            @if (ulv) {\r\n            <bsu-ulv-paging\r\n                (click)=\"onPagingClick($event)\"\r\n                (pageChange)=\"onPageChange($event)\"\r\n                [pagingSetting]=\"ulv.Setting.Data.Paging\"\r\n            >\r\n            </bsu-ulv-paging>\r\n            }\r\n            <!-- <button\r\n        style=\"width: 100%\"\r\n        *ngIf=\"ulv && ulv.Setting.Data.Paging.Page + 1 < ulv.Setting.Data.Paging.TotalPages\"\r\n        fd-button\r\n        (click)=\"onPageChange2(ulv.Setting.Data.Paging, $event)\"\r\n        [label]=\"'More' | bbbTranslate\"\r\n      ></button> -->\r\n        </ng-template>\r\n        <ng-template #showItem>\r\n            @if (allColumns?.length && !item.isEmpty) { @if (!item.$__IsLast) {\r\n            <div class=\"moinfoulv devider\"></div>\r\n            } @if (item.$Icon) {\r\n            <span fd-list-thumbnail><fd-icon [glyph]=\"item.$Icon\"></fd-icon></span>\r\n            }\r\n            <div fd-list-content class=\"moinfoulv hasColumns\">\r\n                <div fd-list-title class=\"title\">{{ allColumns[0].Alias | rval: item:allColumns:true }}</div>\r\n                @if (allColumns[1]) {\r\n                <div fd-list-byline class=\"byline\">\r\n                    {{ allColumns[1].Alias | rval: item:allColumns:true }}\r\n                </div>\r\n                }\r\n                <div style=\"display: flex; column-gap: 8px; flex-wrap: wrap\">\r\n                    @for (column of allColumns; track column; let index = $index) { @if (index > 1) { @if (column.Alias\r\n                    | rval: item:allColumns:true; as value) {\r\n                    <span> {{ column.Alias }}:{{ value }}</span>\r\n                    } } }\r\n                </div>\r\n            </div>\r\n            } @else {\r\n            <span fd-list-title [class.list-empty-item]=\"item.isEmpty\"\r\n                >{{ item.isEmpty ? ('NoData' | bbbTranslate) : (item.$MoCaption || item.$Caption | bbbTranslate) }}\r\n            </span>\r\n            }\r\n        </ng-template>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{display:block}.combo-mo-ulv{width:100%}.combo-mo-ulv ::ng-deep .fd-popover-custom{width:100%}.fd-input-group{min-width:fit-content}.simple-combo-wrapper{display:flex;align-items:center;position:relative}.simple-combo-wrapper ::ng-deep .combo-mo-ulv.showExtraButtons:not(.disableorreadonly) .fd-input-group{border-left:none;border-bottom-left-radius:unset;border-top-left-radius:unset}.combo-wrapper{display:flex;align-items:center;border:var(--sapField_BorderWidth, .0625rem) solid var(--sapField_BorderColor, #89919a);border-radius:var(--sapField_BorderCornerRadius, .125rem)}::ng-deep .combo-popup-btn{border:none;background:transparent}::ng-deep .combo-popup-btn button{border-color:transparent!important;border:none}::ng-deep .fd-combobox-count-list-results{display:none}.extra-buttons{width:auto;border-right:none;border-left:none;margin:0}.extra-buttons>span{overflow:hidden}\n"] }]
         }], propDecorators: { ulvAdapter: [{
                 type: Input
             }], Control: [{
@@ -13046,11 +13030,11 @@ class LyLayoutPanelComponent extends LayoutPanelBaseComponent {
         this.setDisplay();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyLayoutPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: LyLayoutPanelComponent, isStandalone: false, selector: "bsu-ly-layout-panel", inputs: { renderItems: "renderItems", isRoot: "isRoot", hideTitle: "hideTitle", notPanelMode: "notPanelMode" }, host: { properties: { "attr.maxLabelWidth": "this.maxLabelWidth", "style.flex": "this.flex", "style.display": "this.display", "attr.title": "this.title", "attr.layoutpanel": "this.layoutpanel" } }, providers: [LayoutService], viewQueries: [{ propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "@if (visible) { @if(!notPanelMode){\r\n<fd-panel\r\n    [fixed]=\"!config.ExpandButtonVisible\"\r\n    [class.hide-header]=\"!config.TextVisible || hideTitle\"\r\n    [attr.maxWidth]=\"maxWidth\"\r\n    [expanded]=\"config.Expanded\"\r\n>\r\n    @if (!hideTitle) {\r\n    <h5 fd-panel-title>\r\n        <div style=\"display: flex; gap: 0.5rem; align-items: center\">\r\n            @if (config.FontIcon) {\r\n            <i\r\n                style=\"font-size: 1.5rem\"\r\n                [style.color]=\"config.IconColor || null\"\r\n                [class]=\"'sap-icon--' + config.FontIcon\"\r\n            ></i>\r\n            }\r\n            <span>{{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}</span>\r\n        </div>\r\n    </h5>\r\n    }\r\n    <div fd-panel-content [class.row-reverse-direction]=\"rowDirection\" [class.column-direction]=\"columnDirection\">\r\n        <ng-container *ngTemplateOutlet=\"renderControls\"></ng-container>\r\n    </div>\r\n</fd-panel>\r\n} @else {\r\n<ng-container *ngTemplateOutlet=\"renderControls\"></ng-container>\r\n} }\r\n<ng-template #renderControls>\r\n    @for (item of config | filterToolbarControl; track item) { @switch (item.xtype) { @case ('Ly.LayoutTabPanel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutPanelComponent',\r\n                selector: 'bsu-ly-tab-container'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n    } @case ('Ly.LayoutPanel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutPanelComponent',\r\n                selector: 'bsu-ly-layout-panel'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n    } @case ('Ly.LayoutContainer') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutContainerComponent',\r\n                selector: 'bsu-ly-layout-container'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n    } @case ('Ly.EmptySpace') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n    } @case ('Ly.SimpleLabel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LySimpleLabelComponent',\r\n                selector: 'bsu-ly-simple-label'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n    } @case ('Ly.LayoutLine') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n    } @case ('Ly.LayoutJoin') { @if (item.Type === 'HorizontalJoin') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-ly-horizontal-layout',\r\n                name: 'LyLayoutHorizontalComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n    } @else {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-ly-vertical-layout',\r\n                name: 'LyLayoutVerticalComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n    } } @case ('Ly.LayoutControl') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-layout-control',\r\n                name: 'LayoutControlComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n    } } }\r\n    <ng-template #dynamicLayout let-config let-selector=\"selector\" let-maxLabelWidth=\"maxLabelWidth\" let-name=\"name\">\r\n        <bnrc-dynamic-layout\r\n            [config]=\"config\"\r\n            [selector]=\"selector\"\r\n            [name]=\"name\"\r\n            [module]=\"'BarsaSapUi'\"\r\n            [moduleFileName]=\"'BarsaSapUi'\"\r\n            [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n            [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n            [isSearchPanel]=\"isSearchPanel\"\r\n            (events)=\"onEvents($event)\"\r\n        >\r\n        </bnrc-dynamic-layout>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{width:100%;display:flex;height:auto;align-items:flex-start}.fd-wizard-example .fd-wizard__content{min-height:300px}.full-width{width:100%}@media (max-width: 600px){:host{align-items:stretch}}fd-panel{width:100%}fd-panel div{display:flex;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "component", type: i3$9.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded", "transparent", "noRadius"], outputs: ["expandedChange"] }, { kind: "directive", type: i3$9.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "noPadding", "transparent", "id"] }, { kind: "directive", type: i3$9.PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: LyLayoutPanelComponent, isStandalone: false, selector: "bsu-ly-layout-panel", inputs: { renderItems: "renderItems", isRoot: "isRoot", hideTitle: "hideTitle", notPanelMode: "notPanelMode" }, host: { properties: { "attr.maxLabelWidth": "this.maxLabelWidth", "style.flex": "this.flex", "style.display": "this.display", "attr.title": "this.title", "attr.layoutpanel": "this.layoutpanel" } }, providers: [LayoutService], viewQueries: [{ propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "@if (visible) { @if(!notPanelMode && !parameters.IsNotPanelMode){\r\n<fd-panel\r\n    [fixed]=\"!config.ExpandButtonVisible\"\r\n    [class.hide-header]=\"!config.TextVisible || hideTitle\"\r\n    [attr.maxWidth]=\"maxWidth\"\r\n    [expanded]=\"config.Expanded\"\r\n    [config]=\"config\"\r\n    [hrResponsive]=\"parameters?.HResponsiveSettings\"\r\n>\r\n    @if (!hideTitle && !parameters.HideHeader) {\r\n    <h5 fd-panel-title>\r\n        <div style=\"display: flex; gap: 0.5rem; align-items: center\">\r\n            @if (config.FontIcon) {\r\n            <i\r\n                style=\"font-size: 1.5rem\"\r\n                [style.color]=\"config.IconColor || null\"\r\n                [class]=\"'sap-icon--' + config.FontIcon\"\r\n            ></i>\r\n            }\r\n            <span>{{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}</span>\r\n        </div>\r\n    </h5>\r\n    }\r\n    <div fd-panel-content [class.row-reverse-direction]=\"rowDirection\" [class.column-direction]=\"columnDirection\">\r\n        <ng-container *ngTemplateOutlet=\"renderControls\"></ng-container>\r\n    </div>\r\n</fd-panel>\r\n} @else {\r\n<div [config]=\"config\" [hrResponsive]=\"parameters?.HResponsiveSettings\" class=\"tw-w-full\">\r\n    <ng-container *ngTemplateOutlet=\"renderControls\"></ng-container>\r\n</div>\r\n} }\r\n<ng-template #renderControls>\r\n    @for (item of config | filterToolbarControl; track item) { @switch (item.xtype) { @case ('Ly.LayoutTabPanel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutPanelComponent',\r\n                selector: 'bsu-ly-tab-container'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n    } @case ('Ly.LayoutPanel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutPanelComponent',\r\n                selector: 'bsu-ly-layout-panel'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n    } @case ('Ly.LayoutContainer') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutContainerComponent',\r\n                selector: 'bsu-ly-layout-container'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n    } @case ('Ly.EmptySpace') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n    } @case ('Ly.SimpleLabel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LySimpleLabelComponent',\r\n                selector: 'bsu-ly-simple-label'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n    } @case ('Ly.LayoutLine') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n    } @case ('Ly.LayoutJoin') { @if (item.Type === 'HorizontalJoin') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-ly-horizontal-layout',\r\n                name: 'LyLayoutHorizontalComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n    } @else {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-ly-vertical-layout',\r\n                name: 'LyLayoutVerticalComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n    } } @case ('Ly.LayoutControl') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-layout-control',\r\n                name: 'LayoutControlComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n    } } }\r\n    <ng-template #dynamicLayout let-config let-selector=\"selector\" let-maxLabelWidth=\"maxLabelWidth\" let-name=\"name\">\r\n        <bnrc-dynamic-layout\r\n            [config]=\"config\"\r\n            [selector]=\"selector\"\r\n            [name]=\"name\"\r\n            [module]=\"'BarsaSapUi'\"\r\n            [moduleFileName]=\"'BarsaSapUi'\"\r\n            [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n            [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n            [isSearchPanel]=\"isSearchPanel\"\r\n            (events)=\"onEvents($event)\"\r\n        >\r\n        </bnrc-dynamic-layout>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{width:100%;display:flex;height:auto;align-items:flex-start}.fd-wizard-example .fd-wizard__content{min-height:300px}.full-width{width:100%}@media (max-width: 600px){:host{align-items:stretch}}fd-panel{width:100%}fd-panel div{display:flex;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.DynamicLayoutComponent, selector: "bnrc-dynamic-layout", inputs: ["selector", "module", "name", "parameters", "moduleFileName", "flex", "config", "maxLabelWidth", "hasHorizontalText", "isSearchPanel"] }, { kind: "directive", type: i2.HorizontalResponsiveDirective, selector: "[hrResponsive]", inputs: ["disable", "config", "hrResponsive"] }, { kind: "component", type: i3$9.PanelComponent, selector: "fd-panel", inputs: ["class", "fixed", "id", "expandId", "expandAriaLabel", "expandAriaLabelledBy", "expanded", "transparent", "noRadius"], outputs: ["expandedChange"] }, { kind: "directive", type: i3$9.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "noPadding", "transparent", "id"] }, { kind: "directive", type: i3$9.PanelTitleDirective, selector: "[fd-panel-title]", inputs: ["id"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LyLayoutPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ly-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], standalone: false, template: "@if (visible) { @if(!notPanelMode){\r\n<fd-panel\r\n    [fixed]=\"!config.ExpandButtonVisible\"\r\n    [class.hide-header]=\"!config.TextVisible || hideTitle\"\r\n    [attr.maxWidth]=\"maxWidth\"\r\n    [expanded]=\"config.Expanded\"\r\n>\r\n    @if (!hideTitle) {\r\n    <h5 fd-panel-title>\r\n        <div style=\"display: flex; gap: 0.5rem; align-items: center\">\r\n            @if (config.FontIcon) {\r\n            <i\r\n                style=\"font-size: 1.5rem\"\r\n                [style.color]=\"config.IconColor || null\"\r\n                [class]=\"'sap-icon--' + config.FontIcon\"\r\n            ></i>\r\n            }\r\n            <span>{{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}</span>\r\n        </div>\r\n    </h5>\r\n    }\r\n    <div fd-panel-content [class.row-reverse-direction]=\"rowDirection\" [class.column-direction]=\"columnDirection\">\r\n        <ng-container *ngTemplateOutlet=\"renderControls\"></ng-container>\r\n    </div>\r\n</fd-panel>\r\n} @else {\r\n<ng-container *ngTemplateOutlet=\"renderControls\"></ng-container>\r\n} }\r\n<ng-template #renderControls>\r\n    @for (item of config | filterToolbarControl; track item) { @switch (item.xtype) { @case ('Ly.LayoutTabPanel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutPanelComponent',\r\n                selector: 'bsu-ly-tab-container'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n    } @case ('Ly.LayoutPanel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutPanelComponent',\r\n                selector: 'bsu-ly-layout-panel'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n    } @case ('Ly.LayoutContainer') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutContainerComponent',\r\n                selector: 'bsu-ly-layout-container'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n    } @case ('Ly.EmptySpace') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n    } @case ('Ly.SimpleLabel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LySimpleLabelComponent',\r\n                selector: 'bsu-ly-simple-label'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n    } @case ('Ly.LayoutLine') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n    } @case ('Ly.LayoutJoin') { @if (item.Type === 'HorizontalJoin') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-ly-horizontal-layout',\r\n                name: 'LyLayoutHorizontalComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n    } @else {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-ly-vertical-layout',\r\n                name: 'LyLayoutVerticalComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n    } } @case ('Ly.LayoutControl') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-layout-control',\r\n                name: 'LayoutControlComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n    } } }\r\n    <ng-template #dynamicLayout let-config let-selector=\"selector\" let-maxLabelWidth=\"maxLabelWidth\" let-name=\"name\">\r\n        <bnrc-dynamic-layout\r\n            [config]=\"config\"\r\n            [selector]=\"selector\"\r\n            [name]=\"name\"\r\n            [module]=\"'BarsaSapUi'\"\r\n            [moduleFileName]=\"'BarsaSapUi'\"\r\n            [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n            [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n            [isSearchPanel]=\"isSearchPanel\"\r\n            (events)=\"onEvents($event)\"\r\n        >\r\n        </bnrc-dynamic-layout>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{width:100%;display:flex;height:auto;align-items:flex-start}.fd-wizard-example .fd-wizard__content{min-height:300px}.full-width{width:100%}@media (max-width: 600px){:host{align-items:stretch}}fd-panel{width:100%}fd-panel div{display:flex;overflow:hidden}\n"] }]
+            args: [{ selector: 'bsu-ly-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], standalone: false, template: "@if (visible) { @if(!notPanelMode && !parameters.IsNotPanelMode){\r\n<fd-panel\r\n    [fixed]=\"!config.ExpandButtonVisible\"\r\n    [class.hide-header]=\"!config.TextVisible || hideTitle\"\r\n    [attr.maxWidth]=\"maxWidth\"\r\n    [expanded]=\"config.Expanded\"\r\n    [config]=\"config\"\r\n    [hrResponsive]=\"parameters?.HResponsiveSettings\"\r\n>\r\n    @if (!hideTitle && !parameters.HideHeader) {\r\n    <h5 fd-panel-title>\r\n        <div style=\"display: flex; gap: 0.5rem; align-items: center\">\r\n            @if (config.FontIcon) {\r\n            <i\r\n                style=\"font-size: 1.5rem\"\r\n                [style.color]=\"config.IconColor || null\"\r\n                [class]=\"'sap-icon--' + config.FontIcon\"\r\n            ></i>\r\n            }\r\n            <span>{{ (config.TextVisible ? config.Title ?? '' : '') | bbbTranslate }}</span>\r\n        </div>\r\n    </h5>\r\n    }\r\n    <div fd-panel-content [class.row-reverse-direction]=\"rowDirection\" [class.column-direction]=\"columnDirection\">\r\n        <ng-container *ngTemplateOutlet=\"renderControls\"></ng-container>\r\n    </div>\r\n</fd-panel>\r\n} @else {\r\n<div [config]=\"config\" [hrResponsive]=\"parameters?.HResponsiveSettings\" class=\"tw-w-full\">\r\n    <ng-container *ngTemplateOutlet=\"renderControls\"></ng-container>\r\n</div>\r\n} }\r\n<ng-template #renderControls>\r\n    @for (item of config | filterToolbarControl; track item) { @switch (item.xtype) { @case ('Ly.LayoutTabPanel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutPanelComponent',\r\n                selector: 'bsu-ly-tab-container'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-tab-container [config]=\"item\"></bsu-ly-tab-container> -->\r\n    } @case ('Ly.LayoutPanel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutPanelComponent',\r\n                selector: 'bsu-ly-layout-panel'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-layout-panel [config]=\"item\"></bsu-ly-layout-panel> -->\r\n    } @case ('Ly.LayoutContainer') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LyLayoutContainerComponent',\r\n                selector: 'bsu-ly-layout-container'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-layout-container [config]=\"item\"></bsu-ly-layout-container> -->\r\n    } @case ('Ly.EmptySpace') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: { $implicit: item, name: 'LyEmptySpaceComponent', selector: 'bsu-ly-empty-space' }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-empty-space [config]=\"item\"></bsu-ly-empty-space> -->\r\n    } @case ('Ly.SimpleLabel') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                name: 'LySimpleLabelComponent',\r\n                selector: 'bsu-ly-simple-label'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-simple-label [config]=\"item\"></bsu-ly-simple-label> -->\r\n    } @case ('Ly.LayoutLine') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: { $implicit: item, name: 'LyLineComponent', selector: 'bsu-ly-line' }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-line [isVertical]=\"item.IsVertical\"></bsu-ly-line> -->\r\n    } @case ('Ly.LayoutJoin') { @if (item.Type === 'HorizontalJoin') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-ly-horizontal-layout',\r\n                name: 'LyLayoutHorizontalComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-horizontal-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-horizontal-layout> -->\r\n    } @else {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-ly-vertical-layout',\r\n                name: 'LyLayoutVerticalComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-ly-vertical-layout [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-ly-vertical-layout> -->\r\n    } } @case ('Ly.LayoutControl') {\r\n    <ng-container\r\n        *ngTemplateOutlet=\"\r\n            dynamicLayout;\r\n            context: {\r\n                $implicit: item,\r\n                selector: 'bsu-layout-control',\r\n                name: 'LayoutControlComponent'\r\n            }\r\n        \"\r\n    ></ng-container>\r\n    <!-- <bsu-layout-control [config]=\"item\" [maxLabelWidth]=\"maxLabelWidth\"></bsu-layout-control> -->\r\n    } } }\r\n    <ng-template #dynamicLayout let-config let-selector=\"selector\" let-maxLabelWidth=\"maxLabelWidth\" let-name=\"name\">\r\n        <bnrc-dynamic-layout\r\n            [config]=\"config\"\r\n            [selector]=\"selector\"\r\n            [name]=\"name\"\r\n            [module]=\"'BarsaSapUi'\"\r\n            [moduleFileName]=\"'BarsaSapUi'\"\r\n            [maxLabelWidth]=\"(maxLabelWidth$ | async)!!\"\r\n            [flex]=\"isSearchPanel ? 'unset' : config.Bounds.width\"\r\n            [isSearchPanel]=\"isSearchPanel\"\r\n            (events)=\"onEvents($event)\"\r\n        >\r\n        </bnrc-dynamic-layout>\r\n    </ng-template>\r\n</ng-template>\r\n", styles: [":host{width:100%;display:flex;height:auto;align-items:flex-start}.fd-wizard-example .fd-wizard__content{min-height:300px}.full-width{width:100%}@media (max-width: 600px){:host{align-items:stretch}}fd-panel{width:100%}fd-panel div{display:flex;overflow:hidden}\n"] }]
         }], propDecorators: { renderItems: [{
                 type: Input
             }], isRoot: [{
@@ -13484,11 +13468,11 @@ class FormToolbarButtonComponent extends BaseFormToolbaritemPropsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FormToolbarButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: FormToolbarButtonComponent, isStandalone: false, selector: "bsu-form-toolbar-button", inputs: { parameters: "parameters" }, outputs: { btnClick: "btnClick" }, viewQueries: [{ propertyName: "inlineHelpDirective", first: true, predicate: InlineHelpDirective, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button\r\n    fd-toolbar-item\r\n    fd-button\r\n    [title]=\"inlineHelp | bbbTranslate\"\r\n    [glyph]=\"deviceSize === 's' ? null : icon\"\r\n    [class.control-disabled]=\"isEnable === false ? true : false\"\r\n    [fdType]=\"fdType || (!isEnable ? 'transparent' : fdType)\"\r\n    (click)=\"btnClick.emit()\"\r\n    [style.min-width.px]=\"minWidth ? minWidth : null\"\r\n>\r\n    @if (onlyIcon!==true && (showText || deviceSize === 's')) {\r\n    <span>{{ customText || text | bbbTranslate }}</span>\r\n    }\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: FormToolbarButtonComponent, isStandalone: false, selector: "bsu-form-toolbar-button", inputs: { parameters: "parameters" }, outputs: { btnClick: "btnClick" }, viewQueries: [{ propertyName: "inlineHelpDirective", first: true, predicate: InlineHelpDirective, descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button\r\n    fd-toolbar-item\r\n    fd-button\r\n    [title]=\"inlineHelp | bbbTranslate\"\r\n    [glyph]=\"deviceSize === 's' ? null : icon\"\r\n    [class.control-disabled]=\"isEnable === false ? true : false\"\r\n    [fdType]=\"fdType || (!isEnable ? 'transparent' : fdType)\"\r\n    (click)=\"btnClick.emit()\"\r\n    [style.min-width.px]=\"minWidth ? minWidth : null\"\r\n>\r\n    @if ( deviceSize === 's' || (!onlyIcon && showText!==false )) {\r\n    <span>{{ customText || text | bbbTranslate }}</span>\r\n    }\r\n</button>\r\n", styles: [""], dependencies: [{ kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i8.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FormToolbarButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-form-toolbar-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<button\r\n    fd-toolbar-item\r\n    fd-button\r\n    [title]=\"inlineHelp | bbbTranslate\"\r\n    [glyph]=\"deviceSize === 's' ? null : icon\"\r\n    [class.control-disabled]=\"isEnable === false ? true : false\"\r\n    [fdType]=\"fdType || (!isEnable ? 'transparent' : fdType)\"\r\n    (click)=\"btnClick.emit()\"\r\n    [style.min-width.px]=\"minWidth ? minWidth : null\"\r\n>\r\n    @if (onlyIcon!==true && (showText || deviceSize === 's')) {\r\n    <span>{{ customText || text | bbbTranslate }}</span>\r\n    }\r\n</button>\r\n" }]
+            args: [{ selector: 'bsu-form-toolbar-button', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<button\r\n    fd-toolbar-item\r\n    fd-button\r\n    [title]=\"inlineHelp | bbbTranslate\"\r\n    [glyph]=\"deviceSize === 's' ? null : icon\"\r\n    [class.control-disabled]=\"isEnable === false ? true : false\"\r\n    [fdType]=\"fdType || (!isEnable ? 'transparent' : fdType)\"\r\n    (click)=\"btnClick.emit()\"\r\n    [style.min-width.px]=\"minWidth ? minWidth : null\"\r\n>\r\n    @if ( deviceSize === 's' || (!onlyIcon && showText!==false )) {\r\n    <span>{{ customText || text | bbbTranslate }}</span>\r\n    }\r\n</button>\r\n" }]
         }], propDecorators: { inlineHelpDirective: [{
                 type: ViewChild,
                 args: [InlineHelpDirective, { static: true }]
@@ -15949,6 +15933,13 @@ class BarsaThemeComponent extends BaseComponent {
         this._contentDensityService.updateContentDensity(adjustedDensity);
         this._currentContentDensity = adjustedDensity;
         this._checkContentDensityUi5(adjustedDensity);
+        const root = document.documentElement;
+        if (this._currentContentDensity === 'cozy') {
+            root.style.setProperty('--layout-control-height', 'var(--fdInput_Height,var(--sapElement_Height))');
+        }
+        else {
+            root.style.setProperty('--layout-control-height', 'var(--fdInput_Compact_Height, var(--sapElement_Compact_Height))');
+        }
     }
     _applyPortalTheme(themePath, basePath) {
         this._portalService.setCssUrlTheme(this._domSanitizer.bypassSecurityTrustResourceUrl(themePath), this._domSanitizer.bypassSecurityTrustResourceUrl(basePath));