barsa-sap-ui 1.0.391 → 1.0.393

package/esm2020/lib/barsa-form-side-content/barsa-form-side-content.component.mjs

@@ -23,10 +23,10 @@ export class BarsaFormSideContentComponent extends FormPropsBaseComponent {
     }
 }
 BarsaFormSideContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaFormSideContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaFormSideContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaFormSideContentComponent, selector: "bsu-barsa-form-side-content", host: { properties: { "class.smallDevice": "this._isSmallDevice", "style.background": "this._background" } }, providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"sideContentLayout && mainContentLayout; else error\">\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" fillEmptySpace [decrement]=\"'40px'\">\n        <fd-dynamic-side-content-side>\n            <bsu-ly-layout-panel [config]=\"sideContentLayout\" [hideTitle]=\"parameters?.HideSideContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main>\n            <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-container>\n<ng-template #error>\n    <fd-message-strip type=\"error\" [dismissible]=\"false\"\n        >side content and main content does not defined correctly.</fd-message-strip\n    >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { kind: "component", type: i3.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i3.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i3.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i4.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i5.LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaFormSideContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaFormSideContentComponent, selector: "bsu-barsa-form-side-content", host: { properties: { "class.smallDevice": "this._isSmallDevice", "style.background": "this._background" } }, providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"sideContentLayout && mainContentLayout; else error\">\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" fillEmptySpace [decrement]=\"'40px'\">\n        <fd-dynamic-side-content-side>\n            <bsu-ly-layout-panel [config]=\"sideContentLayout\" [hideTitle]=\"parameters?.HideSideContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"parameters?.MainContentWidth\">\n            <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-container>\n<ng-template #error>\n    <fd-message-strip type=\"error\" [dismissible]=\"false\"\n        >side content and main content does not defined correctly.</fd-message-strip\n    >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { kind: "component", type: i3.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i3.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i3.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i4.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i5.LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaFormSideContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-form-side-content', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<ng-container *ngIf=\"sideContentLayout && mainContentLayout; else error\">\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" fillEmptySpace [decrement]=\"'40px'\">\n        <fd-dynamic-side-content-side>\n            <bsu-ly-layout-panel [config]=\"sideContentLayout\" [hideTitle]=\"parameters?.HideSideContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main>\n            <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-container>\n<ng-template #error>\n    <fd-message-strip type=\"error\" [dismissible]=\"false\"\n        >side content and main content does not defined correctly.</fd-message-strip\n    >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"] }]
+            args: [{ selector: 'bsu-barsa-form-side-content', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<ng-container *ngIf=\"sideContentLayout && mainContentLayout; else error\">\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" fillEmptySpace [decrement]=\"'40px'\">\n        <fd-dynamic-side-content-side>\n            <bsu-ly-layout-panel [config]=\"sideContentLayout\" [hideTitle]=\"parameters?.HideSideContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"parameters?.MainContentWidth\">\n            <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-container>\n<ng-template #error>\n    <fd-message-strip type=\"error\" [dismissible]=\"false\"\n        >side content and main content does not defined correctly.</fd-message-strip\n    >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"] }]
         }], propDecorators: { _isSmallDevice: [{
                 type: HostBinding,
                 args: ['class.smallDevice']
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
                 type: HostBinding,
                 args: ['style.background']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDeEYsT0FBTyxFQUlILDZCQUE2QixFQUM3QixzQkFBc0IsRUFDdEIsYUFBYSxFQUNoQixNQUFNLHNCQUFzQixDQUFDOzs7Ozs7O0FBUzlCLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxzQkFBc0I7SUFQekU7O1FBUXNDLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0tBZTVEO0lBVkcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsNkJBQTZCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ25HLElBQUksQ0FBQyxpQkFBaUIsR0FBRyw2QkFBNkIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDbkcsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sSUFBSSxxQkFBcUIsQ0FBQztJQUN4RSxDQUFDO0lBQ1MsaUJBQWlCLENBQUMsVUFBaUM7UUFDekQsTUFBTSxhQUFhLEdBQUcsVUFBVSxLQUFLLEdBQUcsSUFBSSxVQUFVLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUM5RSxPQUFPLGFBQWEsQ0FBQztJQUN6QixDQUFDOzswSEFmUSw2QkFBNkI7OEdBQTdCLDZCQUE2QixvS0FGM0IsQ0FBQyxhQUFhLENBQUMsaURDZjlCLDQzQkFpQkE7MkZEQWEsNkJBQTZCO2tCQVB6QyxTQUFTOytCQUNJLDZCQUE2QixtQkFHdEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDLGFBQWEsQ0FBQzs4QkFHUSxjQUFjO3NCQUEvQyxXQUFXO3VCQUFDLG1CQUFtQjtnQkFDQyxXQUFXO3NCQUEzQyxXQUFXO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJicmV2YXRpb25EZXZpY2VTaXplLFxuICAgIE1ldGFvYmplY3REYXRhTW9kZWwsXG4gICAgTGF5b3V0U2V0dGluZyxcbiAgICBGaW5kTGF5b3V0U2V0dGluZ0Zyb21MYXlvdXQ5NCxcbiAgICBGb3JtUHJvcHNCYXNlQ29tcG9uZW50LFxuICAgIExheW91dFNlcnZpY2Vcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JzdS1iYXJzYS1mb3JtLXNpZGUtY29udGVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhcnNhLWZvcm0tc2lkZS1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9iYXJzYS1mb3JtLXNpZGUtY29udGVudC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW0xheW91dFNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIEJhcnNhRm9ybVNpZGVDb250ZW50Q29tcG9uZW50IGV4dGVuZHMgRm9ybVByb3BzQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zbWFsbERldmljZScpIF9pc1NtYWxsRGV2aWNlID0gZmFsc2U7XG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5iYWNrZ3JvdW5kJykgX2JhY2tncm91bmQ6IHN0cmluZztcbiAgICBwYXJhbWV0ZXJzOiBCYXJzYUZvcm1TaWRlQ29udGVudFNldHRpbmc7XG4gICAgc2lkZUNvbnRlbnRMYXlvdXQ6IExheW91dFNldHRpbmcgfCBudWxsO1xuICAgIG1haW5Db250ZW50TGF5b3V0OiBMYXlvdXRTZXR0aW5nIHwgbnVsbDtcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5zaWRlQ29udGVudExheW91dCA9IEZpbmRMYXlvdXRTZXR0aW5nRnJvbUxheW91dDk0KHRoaXMubGF5b3V0OTQsIHRoaXMucGFyYW1ldGVycy5TaWRlQ29udGVudCk7XG4gICAgICAgIHRoaXMubWFpbkNvbnRlbnRMYXlvdXQgPSBGaW5kTGF5b3V0U2V0dGluZ0Zyb21MYXlvdXQ5NCh0aGlzLmxheW91dDk0LCB0aGlzLnBhcmFtZXRlcnMuTWFpbkNvbnRlbnQpO1xuICAgICAgICB0aGlzLl9iYWNrZ3JvdW5kID0gdGhpcy5wYXJhbWV0ZXJzLkJnQ29sb3IgfHwgJ3ZhcigtLXNhcEJhc2VDb2xvciknO1xuICAgIH1cbiAgICBwcm90ZWN0ZWQgX2lzU21hbERldmljZVNpemUoZGV2aWNlU2l6ZTogQWJicmV2YXRpb25EZXZpY2VTaXplKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IGlzU21hbGxEZXZpY2UgPSBkZXZpY2VTaXplID09PSAncycgfHwgZGV2aWNlU2l6ZSA9PT0gJ20nID8gdHJ1ZSA6IGZhbHNlO1xuICAgICAgICByZXR1cm4gaXNTbWFsbERldmljZTtcbiAgICB9XG59XG5pbnRlcmZhY2UgQmFyc2FGb3JtU2lkZUNvbnRlbnRTZXR0aW5nIGV4dGVuZHMgTWV0YW9iamVjdERhdGFNb2RlbCB7XG4gICAgU2lkZUNvbnRlbnQ6IHN0cmluZztcbiAgICBNYWluQ29udGVudDogc3RyaW5nO1xuICAgIEhpZGVTaWRlQ29udGVudFRpdGxlOiBib29sZWFuO1xuICAgIEhpZGVNYWluQ29udGVudFRpdGxlOiBib29sZWFuO1xuICAgIEJnQ29sb3I6IHN0cmluZztcbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJzaWRlQ29udGVudExheW91dCAmJiBtYWluQ29udGVudExheW91dDsgZWxzZSBlcnJvclwiPlxuICAgIDxmZC1keW5hbWljLXNpZGUtY29udGVudCBbY2xhc3MucnRsXT1cInJ0bFwiIGZpbGxFbXB0eVNwYWNlIFtkZWNyZW1lbnRdPVwiJzQwcHgnXCI+XG4gICAgICAgIDxmZC1keW5hbWljLXNpZGUtY29udGVudC1zaWRlPlxuICAgICAgICAgICAgPGJzdS1seS1sYXlvdXQtcGFuZWwgW2NvbmZpZ109XCJzaWRlQ29udGVudExheW91dFwiIFtoaWRlVGl0bGVdPVwicGFyYW1ldGVycz8uSGlkZVNpZGVDb250ZW50VGl0bGUgPT09IHRydWVcIj5cbiAgICAgICAgICAgIDwvYnN1LWx5LWxheW91dC1wYW5lbD5cbiAgICAgICAgPC9mZC1keW5hbWljLXNpZGUtY29udGVudC1zaWRlPlxuICAgICAgICA8ZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtbWFpbj5cbiAgICAgICAgICAgIDxic3UtbHktbGF5b3V0LXBhbmVsIFtjb25maWddPVwibWFpbkNvbnRlbnRMYXlvdXRcIiBbaGlkZVRpdGxlXT1cInBhcmFtZXRlcnM/LkhpZGVNYWluQ29udGVudFRpdGxlID09PSB0cnVlXCI+XG4gICAgICAgICAgICA8L2JzdS1seS1sYXlvdXQtcGFuZWw+XG4gICAgICAgIDwvZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtbWFpbj5cbiAgICA8L2ZkLWR5bmFtaWMtc2lkZS1jb250ZW50PlxuPC9uZy1jb250YWluZXI+XG48bmctdGVtcGxhdGUgI2Vycm9yPlxuICAgIDxmZC1tZXNzYWdlLXN0cmlwIHR5cGU9XCJlcnJvclwiIFtkaXNtaXNzaWJsZV09XCJmYWxzZVwiXG4gICAgICAgID5zaWRlIGNvbnRlbnQgYW5kIG1haW4gY29udGVudCBkb2VzIG5vdCBkZWZpbmVkIGNvcnJlY3RseS48L2ZkLW1lc3NhZ2Utc3RyaXBcbiAgICA+XG48L25nLXRlbXBsYXRlPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDeEYsT0FBTyxFQUlILDZCQUE2QixFQUM3QixzQkFBc0IsRUFDdEIsYUFBYSxFQUNoQixNQUFNLHNCQUFzQixDQUFDOzs7Ozs7O0FBUzlCLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxzQkFBc0I7SUFQekU7O1FBUXNDLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0tBZTVEO0lBVkcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsNkJBQTZCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ25HLElBQUksQ0FBQyxpQkFBaUIsR0FBRyw2QkFBNkIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDbkcsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sSUFBSSxxQkFBcUIsQ0FBQztJQUN4RSxDQUFDO0lBQ1MsaUJBQWlCLENBQUMsVUFBaUM7UUFDekQsTUFBTSxhQUFhLEdBQUcsVUFBVSxLQUFLLEdBQUcsSUFBSSxVQUFVLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUM5RSxPQUFPLGFBQWEsQ0FBQztJQUN6QixDQUFDOzswSEFmUSw2QkFBNkI7OEdBQTdCLDZCQUE2QixvS0FGM0IsQ0FBQyxhQUFhLENBQUMsaURDZjlCLDI2QkFpQkE7MkZEQWEsNkJBQTZCO2tCQVB6QyxTQUFTOytCQUNJLDZCQUE2QixtQkFHdEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQyxDQUFDLGFBQWEsQ0FBQzs4QkFHUSxjQUFjO3NCQUEvQyxXQUFXO3VCQUFDLG1CQUFtQjtnQkFDQyxXQUFXO3NCQUEzQyxXQUFXO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJicmV2YXRpb25EZXZpY2VTaXplLFxuICAgIE1ldGFvYmplY3REYXRhTW9kZWwsXG4gICAgTGF5b3V0U2V0dGluZyxcbiAgICBGaW5kTGF5b3V0U2V0dGluZ0Zyb21MYXlvdXQ5NCxcbiAgICBGb3JtUHJvcHNCYXNlQ29tcG9uZW50LFxuICAgIExheW91dFNlcnZpY2Vcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JzdS1iYXJzYS1mb3JtLXNpZGUtY29udGVudCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhcnNhLWZvcm0tc2lkZS1jb250ZW50LmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9iYXJzYS1mb3JtLXNpZGUtY29udGVudC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW0xheW91dFNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIEJhcnNhRm9ybVNpZGVDb250ZW50Q29tcG9uZW50IGV4dGVuZHMgRm9ybVByb3BzQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zbWFsbERldmljZScpIF9pc1NtYWxsRGV2aWNlID0gZmFsc2U7XG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5iYWNrZ3JvdW5kJykgX2JhY2tncm91bmQ6IHN0cmluZztcbiAgICBwYXJhbWV0ZXJzOiBCYXJzYUZvcm1TaWRlQ29udGVudFNldHRpbmc7XG4gICAgc2lkZUNvbnRlbnRMYXlvdXQ6IExheW91dFNldHRpbmcgfCBudWxsO1xuICAgIG1haW5Db250ZW50TGF5b3V0OiBMYXlvdXRTZXR0aW5nIHwgbnVsbDtcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5zaWRlQ29udGVudExheW91dCA9IEZpbmRMYXlvdXRTZXR0aW5nRnJvbUxheW91dDk0KHRoaXMubGF5b3V0OTQsIHRoaXMucGFyYW1ldGVycy5TaWRlQ29udGVudCk7XG4gICAgICAgIHRoaXMubWFpbkNvbnRlbnRMYXlvdXQgPSBGaW5kTGF5b3V0U2V0dGluZ0Zyb21MYXlvdXQ5NCh0aGlzLmxheW91dDk0LCB0aGlzLnBhcmFtZXRlcnMuTWFpbkNvbnRlbnQpO1xuICAgICAgICB0aGlzLl9iYWNrZ3JvdW5kID0gdGhpcy5wYXJhbWV0ZXJzLkJnQ29sb3IgfHwgJ3ZhcigtLXNhcEJhc2VDb2xvciknO1xuICAgIH1cbiAgICBwcm90ZWN0ZWQgX2lzU21hbERldmljZVNpemUoZGV2aWNlU2l6ZTogQWJicmV2YXRpb25EZXZpY2VTaXplKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IGlzU21hbGxEZXZpY2UgPSBkZXZpY2VTaXplID09PSAncycgfHwgZGV2aWNlU2l6ZSA9PT0gJ20nID8gdHJ1ZSA6IGZhbHNlO1xuICAgICAgICByZXR1cm4gaXNTbWFsbERldmljZTtcbiAgICB9XG59XG5pbnRlcmZhY2UgQmFyc2FGb3JtU2lkZUNvbnRlbnRTZXR0aW5nIGV4dGVuZHMgTWV0YW9iamVjdERhdGFNb2RlbCB7XG4gICAgU2lkZUNvbnRlbnQ6IHN0cmluZztcbiAgICBNYWluQ29udGVudDogc3RyaW5nO1xuICAgIEhpZGVTaWRlQ29udGVudFRpdGxlOiBib29sZWFuO1xuICAgIEhpZGVNYWluQ29udGVudFRpdGxlOiBib29sZWFuO1xuICAgIEJnQ29sb3I6IHN0cmluZztcbiAgICBNYWluQ29udGVudFdpZHRoOiBzdHJpbmc7XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwic2lkZUNvbnRlbnRMYXlvdXQgJiYgbWFpbkNvbnRlbnRMYXlvdXQ7IGVsc2UgZXJyb3JcIj5cbiAgICA8ZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQgW2NsYXNzLnJ0bF09XCJydGxcIiBmaWxsRW1wdHlTcGFjZSBbZGVjcmVtZW50XT1cIic0MHB4J1wiPlxuICAgICAgICA8ZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtc2lkZT5cbiAgICAgICAgICAgIDxic3UtbHktbGF5b3V0LXBhbmVsIFtjb25maWddPVwic2lkZUNvbnRlbnRMYXlvdXRcIiBbaGlkZVRpdGxlXT1cInBhcmFtZXRlcnM/LkhpZGVTaWRlQ29udGVudFRpdGxlID09PSB0cnVlXCI+XG4gICAgICAgICAgICA8L2JzdS1seS1sYXlvdXQtcGFuZWw+XG4gICAgICAgIDwvZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtc2lkZT5cbiAgICAgICAgPGZkLWR5bmFtaWMtc2lkZS1jb250ZW50LW1haW4gW3N0eWxlLndpZHRoXT1cInBhcmFtZXRlcnM/Lk1haW5Db250ZW50V2lkdGhcIj5cbiAgICAgICAgICAgIDxic3UtbHktbGF5b3V0LXBhbmVsIFtjb25maWddPVwibWFpbkNvbnRlbnRMYXlvdXRcIiBbaGlkZVRpdGxlXT1cInBhcmFtZXRlcnM/LkhpZGVNYWluQ29udGVudFRpdGxlID09PSB0cnVlXCI+XG4gICAgICAgICAgICA8L2JzdS1seS1sYXlvdXQtcGFuZWw+XG4gICAgICAgIDwvZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtbWFpbj5cbiAgICA8L2ZkLWR5bmFtaWMtc2lkZS1jb250ZW50PlxuPC9uZy1jb250YWluZXI+XG48bmctdGVtcGxhdGUgI2Vycm9yPlxuICAgIDxmZC1tZXNzYWdlLXN0cmlwIHR5cGU9XCJlcnJvclwiIFtkaXNtaXNzaWJsZV09XCJmYWxzZVwiXG4gICAgICAgID5zaWRlIGNvbnRlbnQgYW5kIG1haW4gY29udGVudCBkb2VzIG5vdCBkZWZpbmVkIGNvcnJlY3RseS48L2ZkLW1lc3NhZ2Utc3RyaXBcbiAgICA+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2020/lib/barsa-grid-layout-panel/barsa-grid-layout-panel.component.mjs

@@ -1,9 +1,10 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { LayoutPanelBaseComponent, LayoutService, FillAllLayoutControls, FindLayoutSettingFromLayout94 } from 'barsa-novin-ray-core';
+import { LayoutPanelBaseComponent, LayoutService, FindLayoutSettingFromLayout94 } from 'barsa-novin-ray-core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@fundamental-ngx/core/layout-grid";
-import * as i3 from "../ly-layout-panel/ly-layout-panel.component";
+import * as i2 from "@fundamental-ngx/core/card";
+import * as i3 from "@fundamental-ngx/core/layout-grid";
+import * as i4 from "../ly-layout-panel/ly-layout-panel.component";
 export class BarsaGridLayoutPanelComponent extends LayoutPanelBaseComponent {
     constructor() {
         super(...arguments);
@@ -13,17 +14,14 @@ export class BarsaGridLayoutPanelComponent extends LayoutPanelBaseComponent {
         super.ngOnInit();
         this.parameters?.GridColumns?.MoDataList?.forEach((mo) => {
             const gridColumn = mo;
-            const layoutItem = FindLayoutSettingFromLayout94(this.config, gridColumn.LayoutItemCaption);
-            if (layoutItem != null) {
-                FillAllLayoutControls(layoutItem, gridColumn.$LayoutControls);
-            }
+            gridColumn.$LayoutGroup = FindLayoutSettingFromLayout94(this.config, gridColumn.LayoutItemCaption);
         });
     }
 }
 BarsaGridLayoutPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaGridLayoutPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaGridLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaGridLayoutPanelComponent, selector: "bsu-barsa-grid-layout-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<fd-layout-grid *ngIf=\"config\" [style.margin]=\"parameters?.Margin\">\n    <div fdLayoutGridRow>\n        <div\n            *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\n            [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n            [colMd]=\"gridCol.ColMd\"\n            [colLg]=\"gridCol.ColLg\"\n            [colXl]=\"gridCol.ColXl\"\n        >\n            <ng-container *ngFor=\"let layoutControl of gridCol.$LayoutControls\">\n                <bsu-ly-layout-panel [config]=\"layoutControl\" [hideTitle]=\"true\"> </bsu-ly-layout-panel>\n            </ng-container>\n        </div>\n    </div>\n</fd-layout-grid>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i2.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i2.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i3.LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaGridLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaGridLayoutPanelComponent, selector: "bsu-barsa-grid-layout-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<fd-card *ngIf=\"parameters?.CardMode; else layoutGridTpl\">\n    <fd-card-content [style.margin]=\"parameters?.Margin\">\n        <ng-container *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: true }\"></ng-container>\n    </fd-card-content>\n</fd-card>\n<ng-template #layoutGridTpl let-cardMode>\n    <fd-layout-grid *ngIf=\"config\" [style.margin]=\"cardMode ? null : parameters?.Margin\">\n        <div fdLayoutGridRow>\n            <div\n                *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\n                [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n                [colMd]=\"gridCol.ColMd\"\n                [colLg]=\"gridCol.ColLg\"\n                [colXl]=\"gridCol.ColXl\"\n            >\n                <bsu-ly-layout-panel *ngIf=\"gridCol.$LayoutGroup\" [config]=\"gridCol.$LayoutGroup\" [hideTitle]=\"true\">\n                </bsu-ly-layout-panel>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i2.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i4.LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaGridLayoutPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-grid-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<fd-layout-grid *ngIf=\"config\" [style.margin]=\"parameters?.Margin\">\n    <div fdLayoutGridRow>\n        <div\n            *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\n            [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n            [colMd]=\"gridCol.ColMd\"\n            [colLg]=\"gridCol.ColLg\"\n            [colXl]=\"gridCol.ColXl\"\n        >\n            <ng-container *ngFor=\"let layoutControl of gridCol.$LayoutControls\">\n                <bsu-ly-layout-panel [config]=\"layoutControl\" [hideTitle]=\"true\"> </bsu-ly-layout-panel>\n            </ng-container>\n        </div>\n    </div>\n</fd-layout-grid>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}\n"] }]
+            args: [{ selector: 'bsu-barsa-grid-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<fd-card *ngIf=\"parameters?.CardMode; else layoutGridTpl\">\n    <fd-card-content [style.margin]=\"parameters?.Margin\">\n        <ng-container *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: true }\"></ng-container>\n    </fd-card-content>\n</fd-card>\n<ng-template #layoutGridTpl let-cardMode>\n    <fd-layout-grid *ngIf=\"config\" [style.margin]=\"cardMode ? null : parameters?.Margin\">\n        <div fdLayoutGridRow>\n            <div\n                *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\n                [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n                [colMd]=\"gridCol.ColMd\"\n                [colLg]=\"gridCol.ColLg\"\n                [colXl]=\"gridCol.ColXl\"\n            >\n                <bsu-ly-layout-panel *ngIf=\"gridCol.$LayoutGroup\" [config]=\"gridCol.$LayoutGroup\" [hideTitle]=\"true\">\n                </bsu-ly-layout-panel>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwvYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwvYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQ0gsd0JBQXdCLEVBQ3hCLGFBQWEsRUFFYixxQkFBcUIsRUFFckIsNkJBQTZCLEVBRWhDLE1BQU0sc0JBQXNCLENBQUM7Ozs7O0FBUzlCLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSx3QkFBd0I7SUFQM0U7O1FBUUksbUJBQWMsR0FBb0IsRUFBRSxDQUFDO0tBWXhDO0lBVkcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsVUFBVSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsRUFBdUIsRUFBRSxFQUFFO1lBQzFFLE1BQU0sVUFBVSxHQUFpQyxFQUFFLENBQUM7WUFDcEQsTUFBTSxVQUFVLEdBQUcsNkJBQTZCLENBQUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsaUJBQWlCLENBQUMsQ0FBQztZQUM1RixJQUFJLFVBQVUsSUFBSSxJQUFJLEVBQUU7Z0JBQ3BCLHFCQUFxQixDQUFDLFVBQVUsRUFBRSxVQUFVLENBQUMsZUFBZSxDQUFDLENBQUM7YUFDakU7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7OzBIQVpRLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLHNEQUYzQixDQUFDLGFBQWEsQ0FBQyxpRENoQjlCLHNvQkFlQTsyRkRHYSw2QkFBNkI7a0JBUHpDLFNBQVM7K0JBQ0ksNkJBQTZCLG1CQUd0Qix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUMsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIExheW91dFBhbmVsQmFzZUNvbXBvbmVudCxcbiAgICBMYXlvdXRTZXJ2aWNlLFxuICAgIExheW91dFNldHRpbmcsXG4gICAgRmlsbEFsbExheW91dENvbnRyb2xzLFxuICAgIE1ldGFvYmplY3REYXRhTW9kZWwsXG4gICAgRmluZExheW91dFNldHRpbmdGcm9tTGF5b3V0OTQsXG4gICAgTW9Gb3JSZXBvcnRNb2RlbFxufSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnN1LWJhcnNhLWdyaWQtbGF5b3V0LXBhbmVsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2JhcnNhLWdyaWQtbGF5b3V0LXBhbmVsLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbTGF5b3V0U2VydmljZV1cbn0pXG5leHBvcnQgY2xhc3MgQmFyc2FHcmlkTGF5b3V0UGFuZWxDb21wb25lbnQgZXh0ZW5kcyBMYXlvdXRQYW5lbEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIGxheW91dENvbnRyb2xzOiBMYXlvdXRTZXR0aW5nW10gPSBbXTtcbiAgICBwYXJhbWV0ZXJzOiBCYXJzYUdyaWRMYXlvdXRQYW5lbFNldHRpbmc7XG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMucGFyYW1ldGVycz8uR3JpZENvbHVtbnM/Lk1vRGF0YUxpc3Q/LmZvckVhY2goKG1vOiBNZXRhb2JqZWN0RGF0YU1vZGVsKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBncmlkQ29sdW1uID0gPEdyaWRMYXlvdXRQYW5lbENvbHVtblNldHRpbmc+bW87XG4gICAgICAgICAgICBjb25zdCBsYXlvdXRJdGVtID0gRmluZExheW91dFNldHRpbmdGcm9tTGF5b3V0OTQodGhpcy5jb25maWcsIGdyaWRDb2x1bW4uTGF5b3V0SXRlbUNhcHRpb24pO1xuICAgICAgICAgICAgaWYgKGxheW91dEl0ZW0gIT0gbnVsbCkge1xuICAgICAgICAgICAgICAgIEZpbGxBbGxMYXlvdXRDb250cm9scyhsYXlvdXRJdGVtLCBncmlkQ29sdW1uLiRMYXlvdXRDb250cm9scyk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbmludGVyZmFjZSBCYXJzYUdyaWRMYXlvdXRQYW5lbFNldHRpbmcgZXh0ZW5kcyBNZXRhb2JqZWN0RGF0YU1vZGVsIHtcbiAgICBHcmlkQ29sdW1uczogTW9Gb3JSZXBvcnRNb2RlbDtcbiAgICBNYXJnaW46IHN0cmluZztcbn1cbmludGVyZmFjZSBHcmlkTGF5b3V0UGFuZWxDb2x1bW5TZXR0aW5nIGV4dGVuZHMgTWV0YW9iamVjdERhdGFNb2RlbCB7XG4gICAgTGF5b3V0R3JpZENvbDogbnVtYmVyO1xuICAgIENvbExnOiBudW1iZXI7XG4gICAgQ29sWGw6IG51bWJlcjtcbiAgICBDb2xNZDogbnVtYmVyO1xuICAgIExheW91dEl0ZW1DYXB0aW9uOiBzdHJpbmc7XG4gICAgJExheW91dENvbnRyb2xzOiBMYXlvdXRTZXR0aW5nW107XG59XG4iLCI8ZmQtbGF5b3V0LWdyaWQgKm5nSWY9XCJjb25maWdcIiBbc3R5bGUubWFyZ2luXT1cInBhcmFtZXRlcnM/Lk1hcmdpblwiPlxuICAgIDxkaXYgZmRMYXlvdXRHcmlkUm93PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgZ3JpZENvbCBvZiBwYXJhbWV0ZXJzPy5HcmlkQ29sdW1ucz8uTW9EYXRhTGlzdFwiXG4gICAgICAgICAgICBbZmRMYXlvdXRHcmlkQ29sXT1cImdyaWRDb2wuTGF5b3V0R3JpZENvbFwiXG4gICAgICAgICAgICBbY29sTWRdPVwiZ3JpZENvbC5Db2xNZFwiXG4gICAgICAgICAgICBbY29sTGddPVwiZ3JpZENvbC5Db2xMZ1wiXG4gICAgICAgICAgICBbY29sWGxdPVwiZ3JpZENvbC5Db2xYbFwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IGxheW91dENvbnRyb2wgb2YgZ3JpZENvbC4kTGF5b3V0Q29udHJvbHNcIj5cbiAgICAgICAgICAgICAgICA8YnN1LWx5LWxheW91dC1wYW5lbCBbY29uZmlnXT1cImxheW91dENvbnRyb2xcIiBbaGlkZVRpdGxlXT1cInRydWVcIj4gPC9ic3UtbHktbGF5b3V0LXBhbmVsPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9mZC1sYXlvdXQtZ3JpZD5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwvYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwvYmFyc2EtZ3JpZC1sYXlvdXQtcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUMzRSxPQUFPLEVBQ0gsd0JBQXdCLEVBQ3hCLGFBQWEsRUFHYiw2QkFBNkIsRUFFaEMsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7O0FBUzlCLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSx3QkFBd0I7SUFQM0U7O1FBUUksbUJBQWMsR0FBb0IsRUFBRSxDQUFDO0tBU3hDO0lBUEcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsVUFBVSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsRUFBdUIsRUFBRSxFQUFFO1lBQzFFLE1BQU0sVUFBVSxHQUFpQyxFQUFFLENBQUM7WUFDcEQsVUFBVSxDQUFDLFlBQVksR0FBRyw2QkFBNkIsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ3ZHLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQzs7MEhBVFEsNkJBQTZCOzhHQUE3Qiw2QkFBNkIsc0RBRjNCLENBQUMsYUFBYSxDQUFDLGlEQ2Y5QixpOUJBcUJBOzJGREphLDZCQUE2QjtrQkFQekMsU0FBUzsrQkFDSSw2QkFBNkIsbUJBR3RCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEMsQ0FBQyxhQUFhLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgTGF5b3V0UGFuZWxCYXNlQ29tcG9uZW50LFxuICAgIExheW91dFNlcnZpY2UsXG4gICAgTGF5b3V0U2V0dGluZyxcbiAgICBNZXRhb2JqZWN0RGF0YU1vZGVsLFxuICAgIEZpbmRMYXlvdXRTZXR0aW5nRnJvbUxheW91dDk0LFxuICAgIE1vRm9yUmVwb3J0TW9kZWxcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JzdS1iYXJzYS1ncmlkLWxheW91dC1wYW5lbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2JhcnNhLWdyaWQtbGF5b3V0LXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9iYXJzYS1ncmlkLWxheW91dC1wYW5lbC5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIHByb3ZpZGVyczogW0xheW91dFNlcnZpY2VdXG59KVxuZXhwb3J0IGNsYXNzIEJhcnNhR3JpZExheW91dFBhbmVsQ29tcG9uZW50IGV4dGVuZHMgTGF5b3V0UGFuZWxCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBsYXlvdXRDb250cm9sczogTGF5b3V0U2V0dGluZ1tdID0gW107XG4gICAgcGFyYW1ldGVyczogQmFyc2FHcmlkTGF5b3V0UGFuZWxTZXR0aW5nO1xuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLnBhcmFtZXRlcnM/LkdyaWRDb2x1bW5zPy5Nb0RhdGFMaXN0Py5mb3JFYWNoKChtbzogTWV0YW9iamVjdERhdGFNb2RlbCkgPT4ge1xuICAgICAgICAgICAgY29uc3QgZ3JpZENvbHVtbiA9IDxHcmlkTGF5b3V0UGFuZWxDb2x1bW5TZXR0aW5nPm1vO1xuICAgICAgICAgICAgZ3JpZENvbHVtbi4kTGF5b3V0R3JvdXAgPSBGaW5kTGF5b3V0U2V0dGluZ0Zyb21MYXlvdXQ5NCh0aGlzLmNvbmZpZywgZ3JpZENvbHVtbi5MYXlvdXRJdGVtQ2FwdGlvbik7XG4gICAgICAgIH0pO1xuICAgIH1cbn1cbmludGVyZmFjZSBCYXJzYUdyaWRMYXlvdXRQYW5lbFNldHRpbmcgZXh0ZW5kcyBNZXRhb2JqZWN0RGF0YU1vZGVsIHtcbiAgICBHcmlkQ29sdW1uczogTW9Gb3JSZXBvcnRNb2RlbDtcbiAgICBNYXJnaW46IHN0cmluZztcbiAgICBDYXJkTW9kZTogYm9vbGVhbjtcbn1cbmludGVyZmFjZSBHcmlkTGF5b3V0UGFuZWxDb2x1bW5TZXR0aW5nIGV4dGVuZHMgTWV0YW9iamVjdERhdGFNb2RlbCB7XG4gICAgTGF5b3V0R3JpZENvbDogbnVtYmVyO1xuICAgIENvbExnOiBudW1iZXI7XG4gICAgQ29sWGw6IG51bWJlcjtcbiAgICBDb2xNZDogbnVtYmVyO1xuICAgIExheW91dEl0ZW1DYXB0aW9uOiBzdHJpbmc7XG4gICAgJExheW91dEdyb3VwOiBMYXlvdXRTZXR0aW5nIHwgbnVsbDtcbn1cbiIsIjxmZC1jYXJkICpuZ0lmPVwicGFyYW1ldGVycz8uQ2FyZE1vZGU7IGVsc2UgbGF5b3V0R3JpZFRwbFwiPlxuICAgIDxmZC1jYXJkLWNvbnRlbnQgW3N0eWxlLm1hcmdpbl09XCJwYXJhbWV0ZXJzPy5NYXJnaW5cIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxheW91dEdyaWRUcGw7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiB0cnVlIH1cIj48L25nLWNvbnRhaW5lcj5cbiAgICA8L2ZkLWNhcmQtY29udGVudD5cbjwvZmQtY2FyZD5cbjxuZy10ZW1wbGF0ZSAjbGF5b3V0R3JpZFRwbCBsZXQtY2FyZE1vZGU+XG4gICAgPGZkLWxheW91dC1ncmlkICpuZ0lmPVwiY29uZmlnXCIgW3N0eWxlLm1hcmdpbl09XCJjYXJkTW9kZSA/IG51bGwgOiBwYXJhbWV0ZXJzPy5NYXJnaW5cIj5cbiAgICAgICAgPGRpdiBmZExheW91dEdyaWRSb3c+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGdyaWRDb2wgb2YgcGFyYW1ldGVycz8uR3JpZENvbHVtbnM/Lk1vRGF0YUxpc3RcIlxuICAgICAgICAgICAgICAgIFtmZExheW91dEdyaWRDb2xdPVwiZ3JpZENvbC5MYXlvdXRHcmlkQ29sXCJcbiAgICAgICAgICAgICAgICBbY29sTWRdPVwiZ3JpZENvbC5Db2xNZFwiXG4gICAgICAgICAgICAgICAgW2NvbExnXT1cImdyaWRDb2wuQ29sTGdcIlxuICAgICAgICAgICAgICAgIFtjb2xYbF09XCJncmlkQ29sLkNvbFhsXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8YnN1LWx5LWxheW91dC1wYW5lbCAqbmdJZj1cImdyaWRDb2wuJExheW91dEdyb3VwXCIgW2NvbmZpZ109XCJncmlkQ29sLiRMYXlvdXRHcm91cFwiIFtoaWRlVGl0bGVdPVwidHJ1ZVwiPlxuICAgICAgICAgICAgICAgIDwvYnN1LWx5LWxheW91dC1wYW5lbD5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2ZkLWxheW91dC1ncmlkPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/fesm2015/barsa-sap-ui.mjs

@@ -12474,10 +12474,10 @@ class BarsaFormSideContentComponent extends FormPropsBaseComponent {
     }
 }
 BarsaFormSideContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaFormSideContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaFormSideContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaFormSideContentComponent, selector: "bsu-barsa-form-side-content", host: { properties: { "class.smallDevice": "this._isSmallDevice", "style.background": "this._background" } }, providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"sideContentLayout && mainContentLayout; else error\">\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" fillEmptySpace [decrement]=\"'40px'\">\n        <fd-dynamic-side-content-side>\n            <bsu-ly-layout-panel [config]=\"sideContentLayout\" [hideTitle]=\"parameters?.HideSideContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main>\n            <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-container>\n<ng-template #error>\n    <fd-message-strip type=\"error\" [dismissible]=\"false\"\n        >side content and main content does not defined correctly.</fd-message-strip\n    >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { kind: "component", type: i3$9.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i3$9.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i3$9.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i9$2.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaFormSideContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaFormSideContentComponent, selector: "bsu-barsa-form-side-content", host: { properties: { "class.smallDevice": "this._isSmallDevice", "style.background": "this._background" } }, providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"sideContentLayout && mainContentLayout; else error\">\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" fillEmptySpace [decrement]=\"'40px'\">\n        <fd-dynamic-side-content-side>\n            <bsu-ly-layout-panel [config]=\"sideContentLayout\" [hideTitle]=\"parameters?.HideSideContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"parameters?.MainContentWidth\">\n            <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-container>\n<ng-template #error>\n    <fd-message-strip type=\"error\" [dismissible]=\"false\"\n        >side content and main content does not defined correctly.</fd-message-strip\n    >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "dontUseTopBound"] }, { kind: "component", type: i3$9.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i3$9.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i3$9.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i9$2.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaFormSideContentComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-form-side-content', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<ng-container *ngIf=\"sideContentLayout && mainContentLayout; else error\">\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" fillEmptySpace [decrement]=\"'40px'\">\n        <fd-dynamic-side-content-side>\n            <bsu-ly-layout-panel [config]=\"sideContentLayout\" [hideTitle]=\"parameters?.HideSideContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main>\n            <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-container>\n<ng-template #error>\n    <fd-message-strip type=\"error\" [dismissible]=\"false\"\n        >side content and main content does not defined correctly.</fd-message-strip\n    >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"] }]
+            args: [{ selector: 'bsu-barsa-form-side-content', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<ng-container *ngIf=\"sideContentLayout && mainContentLayout; else error\">\n    <fd-dynamic-side-content [class.rtl]=\"rtl\" fillEmptySpace [decrement]=\"'40px'\">\n        <fd-dynamic-side-content-side>\n            <bsu-ly-layout-panel [config]=\"sideContentLayout\" [hideTitle]=\"parameters?.HideSideContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-side>\n        <fd-dynamic-side-content-main [style.width]=\"parameters?.MainContentWidth\">\n            <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n            </bsu-ly-layout-panel>\n        </fd-dynamic-side-content-main>\n    </fd-dynamic-side-content>\n</ng-container>\n<ng-template #error>\n    <fd-message-strip type=\"error\" [dismissible]=\"false\"\n        >side content and main content does not defined correctly.</fd-message-strip\n    >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"] }]
         }], propDecorators: { _isSmallDevice: [{
                 type: HostBinding,
                 args: ['class.smallDevice']
@@ -12538,18 +12538,15 @@ class BarsaGridLayoutPanelComponent extends LayoutPanelBaseComponent {
         super.ngOnInit();
         (_c = (_b = (_a = this.parameters) === null || _a === void 0 ? void 0 : _a.GridColumns) === null || _b === void 0 ? void 0 : _b.MoDataList) === null || _c === void 0 ? void 0 : _c.forEach((mo) => {
             const gridColumn = mo;
-            const layoutItem = FindLayoutSettingFromLayout94(this.config, gridColumn.LayoutItemCaption);
-            if (layoutItem != null) {
-                FillAllLayoutControls(layoutItem, gridColumn.$LayoutControls);
-            }
+            gridColumn.$LayoutGroup = FindLayoutSettingFromLayout94(this.config, gridColumn.LayoutItemCaption);
         });
     }
 }
 BarsaGridLayoutPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaGridLayoutPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BarsaGridLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaGridLayoutPanelComponent, selector: "bsu-barsa-grid-layout-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<fd-layout-grid *ngIf=\"config\" [style.margin]=\"parameters?.Margin\">\n    <div fdLayoutGridRow>\n        <div\n            *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\n            [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n            [colMd]=\"gridCol.ColMd\"\n            [colLg]=\"gridCol.ColLg\"\n            [colXl]=\"gridCol.ColXl\"\n        >\n            <ng-container *ngFor=\"let layoutControl of gridCol.$LayoutControls\">\n                <bsu-ly-layout-panel [config]=\"layoutControl\" [hideTitle]=\"true\"> </bsu-ly-layout-panel>\n            </ng-container>\n        </div>\n    </div>\n</fd-layout-grid>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+BarsaGridLayoutPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaGridLayoutPanelComponent, selector: "bsu-barsa-grid-layout-panel", providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "<fd-card *ngIf=\"parameters?.CardMode; else layoutGridTpl\">\n    <fd-card-content [style.margin]=\"parameters?.Margin\">\n        <ng-container *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: true }\"></ng-container>\n    </fd-card-content>\n</fd-card>\n<ng-template #layoutGridTpl let-cardMode>\n    <fd-layout-grid *ngIf=\"config\" [style.margin]=\"cardMode ? null : parameters?.Margin\">\n        <div fdLayoutGridRow>\n            <div\n                *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\n                [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n                [colMd]=\"gridCol.ColMd\"\n                [colLg]=\"gridCol.ColLg\"\n                [colXl]=\"gridCol.ColXl\"\n            >\n                <bsu-ly-layout-panel *ngIf=\"gridCol.$LayoutGroup\" [config]=\"gridCol.$LayoutGroup\" [hideTitle]=\"true\">\n                </bsu-ly-layout-panel>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5$1.CardComponent, selector: "fd-card", inputs: ["badge", "isLoading", "cardType", "id", "role"] }, { kind: "component", type: i5$1.CardContentComponent, selector: "fd-card-content" }, { kind: "component", type: i4$3.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4$3.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i4$3.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaGridLayoutPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-barsa-grid-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<fd-layout-grid *ngIf=\"config\" [style.margin]=\"parameters?.Margin\">\n    <div fdLayoutGridRow>\n        <div\n            *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\n            [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n            [colMd]=\"gridCol.ColMd\"\n            [colLg]=\"gridCol.ColLg\"\n            [colXl]=\"gridCol.ColXl\"\n        >\n            <ng-container *ngFor=\"let layoutControl of gridCol.$LayoutControls\">\n                <bsu-ly-layout-panel [config]=\"layoutControl\" [hideTitle]=\"true\"> </bsu-ly-layout-panel>\n            </ng-container>\n        </div>\n    </div>\n</fd-layout-grid>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}\n"] }]
+            args: [{ selector: 'bsu-barsa-grid-layout-panel', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "<fd-card *ngIf=\"parameters?.CardMode; else layoutGridTpl\">\n    <fd-card-content [style.margin]=\"parameters?.Margin\">\n        <ng-container *ngTemplateOutlet=\"layoutGridTpl; context: { $implicit: true }\"></ng-container>\n    </fd-card-content>\n</fd-card>\n<ng-template #layoutGridTpl let-cardMode>\n    <fd-layout-grid *ngIf=\"config\" [style.margin]=\"cardMode ? null : parameters?.Margin\">\n        <div fdLayoutGridRow>\n            <div\n                *ngFor=\"let gridCol of parameters?.GridColumns?.MoDataList\"\n                [fdLayoutGridCol]=\"gridCol.LayoutGridCol\"\n                [colMd]=\"gridCol.ColMd\"\n                [colLg]=\"gridCol.ColLg\"\n                [colXl]=\"gridCol.ColXl\"\n            >\n                <bsu-ly-layout-panel *ngIf=\"gridCol.$LayoutGroup\" [config]=\"gridCol.$LayoutGroup\" [hideTitle]=\"true\">\n                </bsu-ly-layout-panel>\n            </div>\n        </div>\n    </fd-layout-grid>\n</ng-template>\n", styles: [":host fd-card-header{cursor:default}:host fd-card-header:hover{background:var(--fdCard_Background_Color)}\n"] }]
         }] });
 
 const components = [