barsa-sap-ui 2.2.58 → 2.2.60

package/esm2022/lib/ui-text-field/ui-text-field.component.mjs

@@ -39,14 +39,14 @@ export class UiTextFieldComponent extends FieldBaseComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiTextFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiTextFieldComponent, selector: "bsu-ui-text-field", inputs: { value: "value", MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "@if (!isEmbedHtml) {\r\n<input\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [value]=\"!value ? '' : value\"\r\n    [attr.maxLength]=\"Setting.MaxLength !== undefined ? Setting.MaxLength : null\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n/>\r\n} @else {\r\n<div [innerHTML]=\"safeHtml\"></div>\r\n}\r\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: i1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiTextFieldComponent, selector: "bsu-ui-text-field", inputs: { value: "value", MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "@if (!isEmbedHtml) {\r\n<input\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [value]=\"!value ? '' : value\"\r\n    [attr.title]=\"value\"\r\n    [attr.maxLength]=\"Setting.MaxLength !== undefined ? Setting.MaxLength : null\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n/>\r\n} @else {\r\n<div [innerHTML]=\"safeHtml\"></div>\r\n}\r\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: i1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiTextFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-text-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!isEmbedHtml) {\r\n<input\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [value]=\"!value ? '' : value\"\r\n    [attr.maxLength]=\"Setting.MaxLength !== undefined ? Setting.MaxLength : null\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n/>\r\n} @else {\r\n<div [innerHTML]=\"safeHtml\"></div>\r\n}\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+            args: [{ selector: 'bsu-ui-text-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!isEmbedHtml) {\r\n<input\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [value]=\"!value ? '' : value\"\r\n    [attr.title]=\"value\"\r\n    [attr.maxLength]=\"Setting.MaxLength !== undefined ? Setting.MaxLength : null\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n/>\r\n} @else {\r\n<div [innerHTML]=\"safeHtml\"></div>\r\n}\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
             }], MinSize: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktdGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi91aS10ZXh0LWZpZWxkL3VpLXRleHQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktdGV4dC1maWVsZC91aS10ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRWxGLE9BQU8sRUFBRSxrQkFBa0IsRUFBdUIsTUFBTSxzQkFBc0IsQ0FBQzs7OztBQVMvRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsa0JBQWtCO0lBR3hELElBQWEsT0FBTztRQUNoQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUdELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLFdBQVcsQ0FBQztRQUNoRCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNFLENBQUM7SUFDRCxhQUFhLENBQUMsQ0FBQztRQUNYLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFDRCxTQUFTLENBQUMsQ0FBQztRQUNQLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUN0QixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztnQkFDZixPQUFPO1lBQ1gsQ0FBQztZQUNELE1BQU0sT0FBTyxHQUFHLElBQUksTUFBTSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ25HLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDWCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7Z0JBQ25CLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN4QixDQUFDO1FBQ0wsQ0FBQztJQUNMLENBQUM7SUFDTyxZQUFZLENBQUMsR0FBRztRQUNwQixJQUFJLE9BQU8sR0FBRyxDQUFDLEtBQUssS0FBSyxXQUFXLEVBQUUsQ0FBQztZQUNuQyxPQUFPLElBQUksQ0FBQztRQUNoQixDQUFDO2FBQU0sSUFBSSxPQUFPLEdBQUcsQ0FBQyxLQUFLLEtBQUssUUFBUSxJQUFJLEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDeEQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsS0FBSyxLQUFLLENBQUMsSUFBSSxHQUFHLENBQUMsR0FBRyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUM7UUFDbEcsQ0FBQztRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2pCLENBQUM7K0dBckNRLG9CQUFvQjttR0FBcEIsb0JBQW9CLGdJQ1hqQyxxdEJBa0JBOzs0RkRQYSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0ksbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSzs4QkFHUixLQUFLO3NCQUFiLEtBQUs7Z0JBRU8sT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEZpZWxkQmFzZUNvbXBvbmVudCwgTWV0YW9iamVjdERhdGFNb2RlbCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdic3UtdWktdGV4dC1maWVsZCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vdWktdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi91aS10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVaVRleHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEZpZWxkQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nO1xyXG4gICAgc2FmZUh0bWw6IGFueTtcclxuICAgIEBJbnB1dCgpIGdldCBNaW5TaXplKCk6IHsgd2lkdGg6IG51bWJlcjsgaGVpZ2h0OiBudW1iZXIgfSB7XHJcbiAgICAgICAgcmV0dXJuIHsgd2lkdGg6IDAsIGhlaWdodDogMzAgfTtcclxuICAgIH1cclxuICAgIHBhcmFtZXRlcnM6IFRleHRTZXR0aW5nO1xyXG4gICAgaXNFbWJlZEh0bWw6IGJvb2xlYW47XHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgICAgIHRoaXMuaXNFbWJlZEh0bWwgPSB0aGlzLnBhcmFtZXRlcnM/LklzRW1iZWRIdG1sO1xyXG4gICAgICAgIHRoaXMuc2FmZUh0bWwgPSB0aGlzLl9kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwodGhpcy52YWx1ZSk7XHJcbiAgICB9XHJcbiAgICBvblZhbHVlQ2hhbmdlKGUpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnZhbHVlID0gZS50YXJnZXQudmFsdWU7XHJcbiAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gICAgfVxyXG4gICAgb25LZXlEb3duKGUpOiB2b2lkIHtcclxuICAgICAgICBpZiAodGhpcy5jb250ZXh0Lm1hc2tSZSkge1xyXG4gICAgICAgICAgICBjb25zdCBpc0NoYXJhY3RlciA9IHRoaXMuX2lzQ2hhcmFjdGVyKGUpO1xyXG4gICAgICAgICAgICBpZiAoIWlzQ2hhcmFjdGVyKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY29uc3QgaXNWYWxpZCA9IG5ldyBSZWdFeHAoJ15bJyArIHRoaXMuY29udGV4dC5tYXNrUmUgKyAnXSokJykudGVzdChlLmN1cnJlbnRUYXJnZXQudmFsdWUgKyBlLmtleSk7XHJcbiAgICAgICAgICAgIGlmICghaXNWYWxpZCkge1xyXG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIHByaXZhdGUgX2lzQ2hhcmFjdGVyKGV2dCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIGlmICh0eXBlb2YgZXZ0LndoaWNoID09PSAndW5kZWZpbmVkJykge1xyXG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgICB9IGVsc2UgaWYgKHR5cGVvZiBldnQud2hpY2ggPT09ICdudW1iZXInICYmIGV2dC53aGljaCA+IDApIHtcclxuICAgICAgICAgICAgcmV0dXJuICFldnQuY3RybEtleSAmJiAhZXZ0Lm1ldGFLZXkgJiYgIWV2dC5hbHRLZXkgJiYgZXZ0LndoaWNoICE9PSA4ICYmIGV2dC5rZXkubGVuZ3RoID09PSAxO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbn1cclxuaW50ZXJmYWNlIFRleHRTZXR0aW5nIGV4dGVuZHMgTWV0YW9iamVjdERhdGFNb2RlbCB7XHJcbiAgICBJc0VtYmVkSHRtbDogYm9vbGVhbjtcclxufVxyXG4iLCJAaWYgKCFpc0VtYmVkSHRtbCkge1xyXG48aW5wdXRcclxuICAgIGZkLWZvcm0tY29udHJvbFxyXG4gICAgW3BsYWNlaG9sZGVyXT1cIlNldHRpbmcuTnVsbFRleHQgfHwgJydcIlxyXG4gICAgW2F0dHIucmVhZG9ubHldPVwiKHJlYWRvbmx5JCB8IGFzeW5jKSA9PT0gdHJ1ZSA/IHRydWUgOiBudWxsXCJcclxuICAgIFtkaXNhYmxlZF09XCIoZGlzYWJsZSQgfCBhc3luYykgPT09IHRydWUgPyB0cnVlIDogbnVsbFwiXHJcbiAgICBbdHlwZV09XCJTZXR0aW5nLklzUGFzc3dvcmQgPyAncGFzc3dvcmQnIDogJ3RleHQnXCJcclxuICAgIFt2YWx1ZV09XCIhdmFsdWUgPyAnJyA6IHZhbHVlXCJcclxuICAgIFthdHRyLm1heExlbmd0aF09XCJTZXR0aW5nLk1heExlbmd0aCAhPT0gdW5kZWZpbmVkID8gU2V0dGluZy5NYXhMZW5ndGggOiBudWxsXCJcclxuICAgIFtpZF09XCJpZFwiXHJcbiAgICBbc3R5bGUuZGlyZWN0aW9uXT1cIlNldHRpbmcuSXNMdHIgPT09IHRydWUgPyAnbHRyJyA6IG51bGxcIlxyXG4gICAgW3N0eWxlLnRleHQtYWxpZ25dPVwiU2V0dGluZy5Jc0x0ciA9PT0gdHJ1ZSA/ICdsZWZ0JyA6IG51bGxcIlxyXG4gICAgKGlucHV0KT1cIm9uVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAoa2V5ZG93bik9XCJvbktleURvd24oJGV2ZW50KVwiXHJcbi8+XHJcbn0gQGVsc2Uge1xyXG48ZGl2IFtpbm5lckhUTUxdPVwic2FmZUh0bWxcIj48L2Rpdj5cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktdGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi91aS10ZXh0LWZpZWxkL3VpLXRleHQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktdGV4dC1maWVsZC91aS10ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRWxGLE9BQU8sRUFBRSxrQkFBa0IsRUFBdUIsTUFBTSxzQkFBc0IsQ0FBQzs7OztBQVMvRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsa0JBQWtCO0lBR3hELElBQWEsT0FBTztRQUNoQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxNQUFNLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUdELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLFdBQVcsQ0FBQztRQUNoRCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNFLENBQUM7SUFDRCxhQUFhLENBQUMsQ0FBQztRQUNYLElBQUksQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDNUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFDRCxTQUFTLENBQUMsQ0FBQztRQUNQLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEVBQUUsQ0FBQztZQUN0QixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ3pDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztnQkFDZixPQUFPO1lBQ1gsQ0FBQztZQUNELE1BQU0sT0FBTyxHQUFHLElBQUksTUFBTSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ25HLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDWCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7Z0JBQ25CLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN4QixDQUFDO1FBQ0wsQ0FBQztJQUNMLENBQUM7SUFDTyxZQUFZLENBQUMsR0FBRztRQUNwQixJQUFJLE9BQU8sR0FBRyxDQUFDLEtBQUssS0FBSyxXQUFXLEVBQUUsQ0FBQztZQUNuQyxPQUFPLElBQUksQ0FBQztRQUNoQixDQUFDO2FBQU0sSUFBSSxPQUFPLEdBQUcsQ0FBQyxLQUFLLEtBQUssUUFBUSxJQUFJLEdBQUcsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDeEQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sSUFBSSxHQUFHLENBQUMsS0FBSyxLQUFLLENBQUMsSUFBSSxHQUFHLENBQUMsR0FBRyxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUM7UUFDbEcsQ0FBQztRQUNELE9BQU8sS0FBSyxDQUFDO0lBQ2pCLENBQUM7K0dBckNRLG9CQUFvQjttR0FBcEIsb0JBQW9CLGdJQ1hqQyxtdkJBbUJBOzs0RkRSYSxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0ksbUJBQW1CLG1CQUdaLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsS0FBSzs4QkFHUixLQUFLO3NCQUFiLEtBQUs7Z0JBRU8sT0FBTztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IEZpZWxkQmFzZUNvbXBvbmVudCwgTWV0YW9iamVjdERhdGFNb2RlbCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdic3UtdWktdGV4dC1maWVsZCcsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vdWktdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi91aS10ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIHN0YW5kYWxvbmU6IGZhbHNlXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBVaVRleHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEZpZWxkQmFzZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nO1xyXG4gICAgc2FmZUh0bWw6IGFueTtcclxuICAgIEBJbnB1dCgpIGdldCBNaW5TaXplKCk6IHsgd2lkdGg6IG51bWJlcjsgaGVpZ2h0OiBudW1iZXIgfSB7XHJcbiAgICAgICAgcmV0dXJuIHsgd2lkdGg6IDAsIGhlaWdodDogMzAgfTtcclxuICAgIH1cclxuICAgIHBhcmFtZXRlcnM6IFRleHRTZXR0aW5nO1xyXG4gICAgaXNFbWJlZEh0bWw6IGJvb2xlYW47XHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xyXG4gICAgICAgIHRoaXMuaXNFbWJlZEh0bWwgPSB0aGlzLnBhcmFtZXRlcnM/LklzRW1iZWRIdG1sO1xyXG4gICAgICAgIHRoaXMuc2FmZUh0bWwgPSB0aGlzLl9kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwodGhpcy52YWx1ZSk7XHJcbiAgICB9XHJcbiAgICBvblZhbHVlQ2hhbmdlKGUpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnZhbHVlID0gZS50YXJnZXQudmFsdWU7XHJcbiAgICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xyXG4gICAgfVxyXG4gICAgb25LZXlEb3duKGUpOiB2b2lkIHtcclxuICAgICAgICBpZiAodGhpcy5jb250ZXh0Lm1hc2tSZSkge1xyXG4gICAgICAgICAgICBjb25zdCBpc0NoYXJhY3RlciA9IHRoaXMuX2lzQ2hhcmFjdGVyKGUpO1xyXG4gICAgICAgICAgICBpZiAoIWlzQ2hhcmFjdGVyKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY29uc3QgaXNWYWxpZCA9IG5ldyBSZWdFeHAoJ15bJyArIHRoaXMuY29udGV4dC5tYXNrUmUgKyAnXSokJykudGVzdChlLmN1cnJlbnRUYXJnZXQudmFsdWUgKyBlLmtleSk7XHJcbiAgICAgICAgICAgIGlmICghaXNWYWxpZCkge1xyXG4gICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xyXG4gICAgICAgICAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIHByaXZhdGUgX2lzQ2hhcmFjdGVyKGV2dCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIGlmICh0eXBlb2YgZXZ0LndoaWNoID09PSAndW5kZWZpbmVkJykge1xyXG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcclxuICAgICAgICB9IGVsc2UgaWYgKHR5cGVvZiBldnQud2hpY2ggPT09ICdudW1iZXInICYmIGV2dC53aGljaCA+IDApIHtcclxuICAgICAgICAgICAgcmV0dXJuICFldnQuY3RybEtleSAmJiAhZXZ0Lm1ldGFLZXkgJiYgIWV2dC5hbHRLZXkgJiYgZXZ0LndoaWNoICE9PSA4ICYmIGV2dC5rZXkubGVuZ3RoID09PSAxO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICB9XHJcbn1cclxuaW50ZXJmYWNlIFRleHRTZXR0aW5nIGV4dGVuZHMgTWV0YW9iamVjdERhdGFNb2RlbCB7XHJcbiAgICBJc0VtYmVkSHRtbDogYm9vbGVhbjtcclxufVxyXG4iLCJAaWYgKCFpc0VtYmVkSHRtbCkge1xyXG48aW5wdXRcclxuICAgIGZkLWZvcm0tY29udHJvbFxyXG4gICAgW3BsYWNlaG9sZGVyXT1cIlNldHRpbmcuTnVsbFRleHQgfHwgJydcIlxyXG4gICAgW2F0dHIucmVhZG9ubHldPVwiKHJlYWRvbmx5JCB8IGFzeW5jKSA9PT0gdHJ1ZSA/IHRydWUgOiBudWxsXCJcclxuICAgIFtkaXNhYmxlZF09XCIoZGlzYWJsZSQgfCBhc3luYykgPT09IHRydWUgPyB0cnVlIDogbnVsbFwiXHJcbiAgICBbdHlwZV09XCJTZXR0aW5nLklzUGFzc3dvcmQgPyAncGFzc3dvcmQnIDogJ3RleHQnXCJcclxuICAgIFt2YWx1ZV09XCIhdmFsdWUgPyAnJyA6IHZhbHVlXCJcclxuICAgIFthdHRyLnRpdGxlXT1cInZhbHVlXCJcclxuICAgIFthdHRyLm1heExlbmd0aF09XCJTZXR0aW5nLk1heExlbmd0aCAhPT0gdW5kZWZpbmVkID8gU2V0dGluZy5NYXhMZW5ndGggOiBudWxsXCJcclxuICAgIFtpZF09XCJpZFwiXHJcbiAgICBbc3R5bGUuZGlyZWN0aW9uXT1cIlNldHRpbmcuSXNMdHIgPT09IHRydWUgPyAnbHRyJyA6IG51bGxcIlxyXG4gICAgW3N0eWxlLnRleHQtYWxpZ25dPVwiU2V0dGluZy5Jc0x0ciA9PT0gdHJ1ZSA/ICdsZWZ0JyA6IG51bGxcIlxyXG4gICAgKGlucHV0KT1cIm9uVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICAoa2V5ZG93bik9XCJvbktleURvd24oJGV2ZW50KVwiXHJcbi8+XHJcbn0gQGVsc2Uge1xyXG48ZGl2IFtpbm5lckhUTUxdPVwic2FmZUh0bWxcIj48L2Rpdj5cclxufVxyXG4iXX0=

package/fesm2022/barsa-sap-ui.mjs

@@ -1042,11 +1042,11 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", 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: "18.2.13", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", 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", "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 && 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 && (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    [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", "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: "18.2.13", type: LayoutControlComponent, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", 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", "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    [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", "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: "18.2.13", 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 && 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 && (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    [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    [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"] }]
         }], 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: [{
@@ -4929,8 +4929,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class LyLayoutContainerOfRootComponent extends LayoutPanelBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.isMobile = getDeviceIsMobile();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LyLayoutContainerOfRootComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root", providers: [LayoutService], viewQueries: [{ propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "@if (config) { @for (item of config | filterToolbarControl; track item) { @switch (item.xtype) { @case\r\n('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-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    >\r\n    </bnrc-dynamic-layout>\r\n</ng-template>\r\n}\r\n", styles: [":host{display:block;width:100%;height:auto;position:relative}\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: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LyLayoutContainerOfRootComponent, selector: "bsu-ly-layout-container-of-root", host: { properties: { "class.ismobile": "this.isMobile" } }, providers: [LayoutService], viewQueries: [{ propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "@if (config) { @for (item of config | filterToolbarControl; track item) { @switch (item.xtype) { @case\r\n('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-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    >\r\n    </bnrc-dynamic-layout>\r\n</ng-template>\r\n}\r\n", styles: [":host{display:block;width:100%;height:auto;position:relative}\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: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.FilterToolbarControlPipe, name: "filterToolbarControl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LyLayoutContainerOfRootComponent, decorators: [{
             type: Component,
@@ -4938,6 +4942,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], propDecorators: { viewRef: [{
                 type: ViewChild,
                 args: ['viewRefTemplate', { read: ViewContainerRef, static: true }]
+            }], isMobile: [{
+                type: HostBinding,
+                args: ['class.ismobile']
             }] } });
 
 class ReportNewTopFormComponent extends BaseViewItemPropsComponent {
@@ -11224,11 +11231,11 @@ class UiTextAreaComponent extends FieldBaseComponent {
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiTextAreaComponent, selector: "bsu-ui-text-area", viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!isEmbedHtml) {\r\n<textarea\r\n    #textarea\r\n    fd-form-control\r\n    [id]=\"id\"\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    growing=\"true\"\r\n    wrapType=\"hard\"\r\n    [value]=\"!value ? '' : value\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keyup)=\"onKeyup()\"\r\n    [style.min-height.px]=\"minHeight\"\r\n    [style.height]=\"fixHeightValue ? fixHeightValue : null\"\r\n    [style.overflow-y]=\"fixHeightValue ? 'auto' : null\"\r\n></textarea>\r\n} @else {\r\n<textarea fd-form-control [innerHTML]=\"safeHtml\"></textarea>\r\n}\r\n", styles: [":host{display:block}textarea{width:100%;overflow:hidden}\n"], dependencies: [{ kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiTextAreaComponent, selector: "bsu-ui-text-area", viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!isEmbedHtml) {\r\n<textarea\r\n    #textarea\r\n    fd-form-control\r\n    [id]=\"id\"\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    growing=\"true\"\r\n    wrapType=\"hard\"\r\n    [attr.title]=\"value\"\r\n    [value]=\"!value ? '' : value\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keyup)=\"onKeyup()\"\r\n    [style.min-height.px]=\"minHeight\"\r\n    [style.height]=\"fixHeightValue ? fixHeightValue : null\"\r\n    [style.overflow-y]=\"fixHeightValue ? 'auto' : null\"\r\n></textarea>\r\n} @else {\r\n<textarea fd-form-control [innerHTML]=\"safeHtml\"></textarea>\r\n}\r\n", styles: [":host{display:block}textarea{width:100%;overflow:hidden}\n"], dependencies: [{ kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiTextAreaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-text-area', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!isEmbedHtml) {\r\n<textarea\r\n    #textarea\r\n    fd-form-control\r\n    [id]=\"id\"\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    growing=\"true\"\r\n    wrapType=\"hard\"\r\n    [value]=\"!value ? '' : value\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keyup)=\"onKeyup()\"\r\n    [style.min-height.px]=\"minHeight\"\r\n    [style.height]=\"fixHeightValue ? fixHeightValue : null\"\r\n    [style.overflow-y]=\"fixHeightValue ? 'auto' : null\"\r\n></textarea>\r\n} @else {\r\n<textarea fd-form-control [innerHTML]=\"safeHtml\"></textarea>\r\n}\r\n", styles: [":host{display:block}textarea{width:100%;overflow:hidden}\n"] }]
+            args: [{ selector: 'bsu-ui-text-area', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!isEmbedHtml) {\r\n<textarea\r\n    #textarea\r\n    fd-form-control\r\n    [id]=\"id\"\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    growing=\"true\"\r\n    wrapType=\"hard\"\r\n    [attr.title]=\"value\"\r\n    [value]=\"!value ? '' : value\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keyup)=\"onKeyup()\"\r\n    [style.min-height.px]=\"minHeight\"\r\n    [style.height]=\"fixHeightValue ? fixHeightValue : null\"\r\n    [style.overflow-y]=\"fixHeightValue ? 'auto' : null\"\r\n></textarea>\r\n} @else {\r\n<textarea fd-form-control [innerHTML]=\"safeHtml\"></textarea>\r\n}\r\n", styles: [":host{display:block}textarea{width:100%;overflow:hidden}\n"] }]
         }], propDecorators: { textarea: [{
                 type: ViewChild,
                 args: ['textarea', { read: ElementRef }]
@@ -11392,11 +11399,11 @@ class UiMoInfoSubFormUiComponent extends DeviceInfoFieldBaseComponent {
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiMoInfoSubFormUiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiMoInfoSubFormUiComponent, selector: "bsu-ui-mo-info-sub-form-ui", host: { properties: { "class.control-disabled": "this.disabled", "class.control-readonly": "this.readonly" } }, usesInheritance: true, ngImport: i0, template: "@if (customFormPanelUi) {\r\n<bnrc-form *untilInView=\"el\" [customFormPanelUi]=\"customFormPanelUi\"></bnrc-form>\r\n}\r\n", styles: [":host{display:block;height:auto}:host ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col{padding:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col bsu-ly-horizontal-layout bnrc-field-ui:first-child{padding-right:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col bsu-ly-horizontal-layout bnrc-field-ui:last-child{padding-left:0}\n"], dependencies: [{ kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiMoInfoSubFormUiComponent, selector: "bsu-ui-mo-info-sub-form-ui", host: { properties: { "class.control-disabled": "this.disabled", "class.control-readonly": "this.readonly" } }, usesInheritance: true, ngImport: i0, template: "@if (customFormPanelUi) {\r\n<bnrc-form *untilInView=\"el\" [customFormPanelUi]=\"customFormPanelUi\" class=\"subform\"></bnrc-form>\r\n}\r\n", styles: [":host{display:block;height:auto}:host ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col{padding:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col bsu-ly-horizontal-layout bnrc-field-ui:first-child{padding-right:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col bsu-ly-horizontal-layout bnrc-field-ui:last-child{padding-left:0}\n"], dependencies: [{ kind: "component", type: i2.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "directive", type: i2.UntilInViewDirective, selector: "[untilInView]", inputs: ["untilInView", "intersectionDebounce"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiMoInfoSubFormUiComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-mo-info-sub-form-ui', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (customFormPanelUi) {\r\n<bnrc-form *untilInView=\"el\" [customFormPanelUi]=\"customFormPanelUi\"></bnrc-form>\r\n}\r\n", styles: [":host{display:block;height:auto}:host ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col{padding:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col bsu-ly-horizontal-layout bnrc-field-ui:first-child{padding-right:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col bsu-ly-horizontal-layout bnrc-field-ui:last-child{padding-left:0}\n"] }]
+            args: [{ selector: 'bsu-ui-mo-info-sub-form-ui', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (customFormPanelUi) {\r\n<bnrc-form *untilInView=\"el\" [customFormPanelUi]=\"customFormPanelUi\" class=\"subform\"></bnrc-form>\r\n}\r\n", styles: [":host{display:block;height:auto}:host ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col{padding:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col bsu-ly-horizontal-layout bnrc-field-ui:first-child{padding-right:0}:host ::ng-deep bsu-barsa-simple-form>fd-layout-grid>div>div.fd-col bsu-ly-horizontal-layout bnrc-field-ui:last-child{padding-left:0}\n"] }]
         }], propDecorators: { disabled: [{
                 type: HostBinding,
                 args: ['class.control-disabled']
@@ -12850,6 +12857,7 @@ class LyLayoutPanelComponent extends LayoutPanelBaseComponent {
         super(...arguments);
         this.maxLabelWidth = 0;
         this.title = '';
+        this.layoutpanel = '';
         this.columnDirection = false;
         this.rowDirection = false;
         this.visible = true;
@@ -12857,7 +12865,10 @@ class LyLayoutPanelComponent extends LayoutPanelBaseComponent {
     ngOnInit() {
         super.ngOnInit();
         this.setDisplay();
-        this.title = this.config.Title;
+        this.layoutpanel = this.config.Title;
+        if (!(!this.config.TextVisible || this.hideTitle)) {
+            this.title = this.config.Title;
+        }
         this.config.controlUi = this;
         this._setBRule();
         this.flex = this.config.Bounds.width;
@@ -12893,7 +12904,7 @@ class LyLayoutPanelComponent extends LayoutPanelBaseComponent {
         this.setDisplay();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LyLayoutPanelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: { renderItems: "renderItems", isRoot: "isRoot", hideTitle: "hideTitle" }, host: { properties: { "attr.maxLabelWidth": "this.maxLabelWidth", "style.flex": "this.flex", "style.display": "this.display", "attr.title": "this.title" } }, providers: [LayoutService], viewQueries: [{ propertyName: "viewRef", first: true, predicate: ["viewRefTemplate"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "@if (visible) {\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        @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\r\n            #dynamicLayout\r\n            let-config\r\n            let-selector=\"selector\"\r\n            let-maxLabelWidth=\"maxLabelWidth\"\r\n            let-name=\"name\"\r\n        >\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    </div>\r\n</fd-panel>\r\n}\r\n", styles: [":host{width:100%;display:flex;height:auto;align-items:flex-start;margin:.2rem 0}.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"], outputs: ["expandedChange"] }, { kind: "directive", type: i3$9.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "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: "18.2.13", type: LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: { renderItems: "renderItems", isRoot: "isRoot", hideTitle: "hideTitle" }, 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) {\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        @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\r\n            #dynamicLayout\r\n            let-config\r\n            let-selector=\"selector\"\r\n            let-maxLabelWidth=\"maxLabelWidth\"\r\n            let-name=\"name\"\r\n        >\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    </div>\r\n</fd-panel>\r\n}\r\n", styles: [":host{width:100%;display:flex;height:auto;align-items:flex-start;margin:.2rem 0}.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"], outputs: ["expandedChange"] }, { kind: "directive", type: i3$9.PanelContentDirective, selector: "[fd-panel-content]", inputs: ["height", "minHeight", "maxHeight", "ariaLabel", "ariaLabelledBy", "role", "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: "18.2.13", ngImport: i0, type: LyLayoutPanelComponent, decorators: [{
             type: Component,
@@ -12916,6 +12927,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], title: [{
                 type: HostBinding,
                 args: ['attr.title']
+            }], layoutpanel: [{
+                type: HostBinding,
+                args: ['attr.layoutpanel']
             }], viewRef: [{
                 type: ViewChild,
                 args: ['viewRefTemplate', { read: ViewContainerRef, static: true }]
@@ -13139,11 +13153,11 @@ class UiTextFieldComponent extends FieldBaseComponent {
         return false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiTextFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiTextFieldComponent, selector: "bsu-ui-text-field", inputs: { value: "value", MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "@if (!isEmbedHtml) {\r\n<input\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [value]=\"!value ? '' : value\"\r\n    [attr.maxLength]=\"Setting.MaxLength !== undefined ? Setting.MaxLength : null\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n/>\r\n} @else {\r\n<div [innerHTML]=\"safeHtml\"></div>\r\n}\r\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: UiTextFieldComponent, selector: "bsu-ui-text-field", inputs: { value: "value", MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "@if (!isEmbedHtml) {\r\n<input\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [value]=\"!value ? '' : value\"\r\n    [attr.title]=\"value\"\r\n    [attr.maxLength]=\"Setting.MaxLength !== undefined ? Setting.MaxLength : null\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n/>\r\n} @else {\r\n<div [innerHTML]=\"safeHtml\"></div>\r\n}\r\n", styles: [":host{display:block;width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UiTextFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ui-text-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!isEmbedHtml) {\r\n<input\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [value]=\"!value ? '' : value\"\r\n    [attr.maxLength]=\"Setting.MaxLength !== undefined ? Setting.MaxLength : null\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n/>\r\n} @else {\r\n<div [innerHTML]=\"safeHtml\"></div>\r\n}\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
+            args: [{ selector: 'bsu-ui-text-field', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!isEmbedHtml) {\r\n<input\r\n    fd-form-control\r\n    [placeholder]=\"Setting.NullText || ''\"\r\n    [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n    [disabled]=\"(disable$ | async) === true ? true : null\"\r\n    [type]=\"Setting.IsPassword ? 'password' : 'text'\"\r\n    [value]=\"!value ? '' : value\"\r\n    [attr.title]=\"value\"\r\n    [attr.maxLength]=\"Setting.MaxLength !== undefined ? Setting.MaxLength : null\"\r\n    [id]=\"id\"\r\n    [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n    [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n    (input)=\"onValueChange($event)\"\r\n    (keydown)=\"onKeyDown($event)\"\r\n/>\r\n} @else {\r\n<div [innerHTML]=\"safeHtml\"></div>\r\n}\r\n", styles: [":host{display:block;width:100%;height:100%}\n"] }]
         }], propDecorators: { value: [{
                 type: Input
             }], MinSize: [{