barsa-sap-ui 1.0.261 → 1.0.263

package/fesm2020/barsa-sap-ui.mjs

@@ -4655,8 +4655,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
         }] });
 
 class BarsaTableHeaderComponent extends BaseComponent {
-    constructor() {
-        super(...arguments);
+    /**
+     *
+     */
+    constructor(_cdr) {
+        super();
+        this._cdr = _cdr;
         this.showDetailsInRow = false;
         this.allCheckbox = new EventEmitter();
         this.sortAscending = new EventEmitter();
@@ -4672,6 +4676,7 @@ class BarsaTableHeaderComponent extends BaseComponent {
         const { columns, inlineEditMode } = changes;
         if (columns && !columns.firstChange) {
             this._prepareColumnsWidth(this.tableWidth, columns.currentValue);
+            this._cdr.detectChanges();
         }
         if (inlineEditMode &&
             !inlineEditMode.firstChange &&
@@ -4687,7 +4692,7 @@ class BarsaTableHeaderComponent extends BaseComponent {
             return;
         }
         this.columnsWidth = sum;
-        if (sum > val) {
+        if (sum > val && val > 0) {
             columns.forEach((column) => (column.$Width2 = (column.Width * 100) / val + '%'));
             this.columnsSmallerThanTableWidth = true;
         }
@@ -4720,12 +4725,12 @@ class BarsaTableHeaderComponent extends BaseComponent {
         return `${column.Name}${index}`;
     }
 }
-BarsaTableHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+BarsaTableHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 BarsaTableHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: BarsaTableHeaderComponent, selector: "bsu-barsa-table-header", inputs: { allChecked: "allChecked", isCheckList: "isCheckList", columns: "columns", fitWidth: "fitWidth", contextMenuItems: "contextMenuItems", canView: "canView", hideOpenIcon: "hideOpenIcon", disableOverflowContextMenu: "disableOverflowContextMenu", inlineEditMode: "inlineEditMode", hideHeader: "hideHeader", showDetailsInRow: "showDetailsInRow", viewSetting: "viewSetting", tableWidth: "tableWidth", resizedByUser: "resizedByUser", disableResponsive: "disableResponsive" }, outputs: { allCheckbox: "allCheckbox", sortAscending: "sortAscending", sortDescending: "sortDescending", filter: "filter" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<thead\r\n    fd-table-header\r\n    [class.inline-edit]=\"inlineEditMode\"\r\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\r\n    [attr.columnsWidth]=\"columnsWidth\"\r\n    [attr.tableWidth]=\"tableWidth\"\r\n>\r\n    <tr fd-table-row>\r\n        <ng-container *ngIf=\"!hideHeader\">\r\n            <th fd-table-cell *ngIf=\"isCheckList\">\r\n                <fd-checkbox\r\n                    name=\"allCheckbox\"\r\n                    [ngModel]=\"allChecked\"\r\n                    (ngModelChange)=\"onAllCheckbox($event)\"\r\n                ></fd-checkbox>\r\n            </th>\r\n            <th fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\"></th>\r\n            <th\r\n                *ngFor=\"let column of columns; let i = index; let last = last; trackBy: _trackByColumn\"\r\n                [columnIndex]=\"i\"\r\n                fd-table-cell\r\n                [style.width]=\"column.FieldTypeId === 38 ? '40px' : column.$Width2\"\r\n                [style.min-width]=\"last ? '100%' : 'auto'\"\r\n                columnResizer\r\n                [disableResizer]=\"fitWidth\"\r\n                [attr.columnName]=\"column.Name\"\r\n                [attr.index]=\"i\"\r\n                [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\r\n                [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\r\n            >\r\n                <fd-popover #menu>\r\n                    <fd-popover-control>\r\n                        <div style=\"display: flex\">\r\n                            <!-- FieldTypeId 38 means it is auto row number field-->\r\n                            <img\r\n                                [src]=\"column.Icon\"\r\n                                *ngIf=\"column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42\"\r\n                            />\r\n                            {{\r\n                                column.Extra?.IconDisplayTypeEnum !== 'Image' && column.FieldTypeId !== 38\r\n                                    ? (column.Caption | bbbTranslate)\r\n                                    : ''\r\n                            }}\r\n                        </div>\r\n                    </fd-popover-control>\r\n                    <fd-popover-body>\r\n                        <ul fd-list>\r\n                            <li fd-list-item>\r\n                                <a fd-menu-interactive (click)=\"onSortAscending(column, menu)\">\r\n                                    <fd-menu-addon position=\"before\" glyph=\"sort-ascending\"></fd-menu-addon>\r\n                                    <span fd-menu-title\r\n                                        >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\r\n                                    >\r\n                                </a>\r\n                            </li>\r\n                            <li fd-list-item>\r\n                                <a fd-menu-interactive (click)=\"onSortDescending(column, menu)\">\r\n                                    <fd-menu-addon position=\"before\" glyph=\"sort-descending\"></fd-menu-addon>\r\n                                    <span fd-menu-title\r\n                                        >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\r\n                                    >\r\n                                </a>\r\n                            </li>\r\n                            <li fd-list-item>\r\n                                <a fd-menu-interactive (click)=\"onFilter(column, menu)\">\r\n                                    <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\r\n                                    <span fd-menu-title>{{ 'Filter' | bbbTranslate }}</span>\r\n                                </a>\r\n                            </li>\r\n                        </ul>\r\n                    </fd-popover-body>\r\n                </fd-popover>\r\n            </th>\r\n\r\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode\">\r\n                <th\r\n                    class=\"col-header col-context-menu\"\r\n                    fd-table-cell\r\n                    [fitContent]=\"disableOverflowContextMenu\"\r\n                    [style.width]=\"disableOverflowContextMenu ? '100%' : contextMenuItems.length > 1 ? '40px' : '100px'\"\r\n                ></th>\r\n            </ng-container>\r\n            <th\r\n                class=\"col-header col-details\"\r\n                fd-table-cell\r\n                style=\"width: 120px\"\r\n                *ngIf=\"showDetailsInRow && !inlineEditMode\"\r\n            ></th>\r\n            <th\r\n                class=\"col-header col-view\"\r\n                fd-table-cell\r\n                style=\"width: 40px\"\r\n                *ngIf=\"canView && !inlineEditMode && !hideOpenIcon\"\r\n            ></th>\r\n        </ng-container>\r\n    </tr>\r\n</thead>\r\n", styles: [":host{display:contents;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.ColumnResizerDirective, selector: "[columnResizer]", inputs: ["disableResizer"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "values"], outputs: ["focusChange"] }, { kind: "component", type: i6$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText"], outputs: ["keyDown"] }, { kind: "directive", type: i6$3.MenuInteractiveDirective, selector: "[fd-menu-interactive]" }, { kind: "directive", type: i6$3.MenuTitleDirective, selector: "[fd-menu-title]" }, { kind: "component", type: i6$3.MenuAddonDirective, selector: "fd-menu-addon", inputs: ["position", "glyph", "submenuIndicator", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i8$1.TableHeaderDirective, selector: "[fdTableHeader], [fd-table-header]", inputs: ["noBorderX", "noBorderY"] }, { kind: "directive", type: i8$1.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i8$1.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "tabindex", "hoverable", "fitContent", "noPadding", "noData", "key", "cellFocusedEventAnnouncer"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: BarsaTableHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bsu-barsa-table-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<thead\r\n    fd-table-header\r\n    [class.inline-edit]=\"inlineEditMode\"\r\n    [class.smallColumns]=\"columnsSmallerThanTableWidth\"\r\n    [attr.columnsWidth]=\"columnsWidth\"\r\n    [attr.tableWidth]=\"tableWidth\"\r\n>\r\n    <tr fd-table-row>\r\n        <ng-container *ngIf=\"!hideHeader\">\r\n            <th fd-table-cell *ngIf=\"isCheckList\">\r\n                <fd-checkbox\r\n                    name=\"allCheckbox\"\r\n                    [ngModel]=\"allChecked\"\r\n                    (ngModelChange)=\"onAllCheckbox($event)\"\r\n                ></fd-checkbox>\r\n            </th>\r\n            <th fd-table-cell *ngIf=\"!isCheckList\" class=\"single-select\"></th>\r\n            <th\r\n                *ngFor=\"let column of columns; let i = index; let last = last; trackBy: _trackByColumn\"\r\n                [columnIndex]=\"i\"\r\n                fd-table-cell\r\n                [style.width]=\"column.FieldTypeId === 38 ? '40px' : column.$Width2\"\r\n                [style.min-width]=\"last ? '100%' : 'auto'\"\r\n                columnResizer\r\n                [disableResizer]=\"fitWidth\"\r\n                [attr.columnName]=\"column.Name\"\r\n                [attr.index]=\"i\"\r\n                [ngClass]=\"column.$CSSClassName + ' column__' + column.Caption\"\r\n                [class.displayIcon]=\"column.Extra?.IconDisplayTypeEnum\"\r\n            >\r\n                <fd-popover #menu>\r\n                    <fd-popover-control>\r\n                        <div style=\"display: flex\">\r\n                            <!-- FieldTypeId 38 means it is auto row number field-->\r\n                            <img\r\n                                [src]=\"column.Icon\"\r\n                                *ngIf=\"column.Extra?.IconDisplayTypeEnum === 'Image' || column.FieldTypeId === 42\"\r\n                            />\r\n                            {{\r\n                                column.Extra?.IconDisplayTypeEnum !== 'Image' && column.FieldTypeId !== 38\r\n                                    ? (column.Caption | bbbTranslate)\r\n                                    : ''\r\n                            }}\r\n                        </div>\r\n                    </fd-popover-control>\r\n                    <fd-popover-body>\r\n                        <ul fd-list>\r\n                            <li fd-list-item>\r\n                                <a fd-menu-interactive (click)=\"onSortAscending(column, menu)\">\r\n                                    <fd-menu-addon position=\"before\" glyph=\"sort-ascending\"></fd-menu-addon>\r\n                                    <span fd-menu-title\r\n                                        >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Ascending' | bbbTranslate }}</span\r\n                                    >\r\n                                </a>\r\n                            </li>\r\n                            <li fd-list-item>\r\n                                <a fd-menu-interactive (click)=\"onSortDescending(column, menu)\">\r\n                                    <fd-menu-addon position=\"before\" glyph=\"sort-descending\"></fd-menu-addon>\r\n                                    <span fd-menu-title\r\n                                        >{{ ('Sort' | bbbTranslate) + ' ' }} {{ 'Descending' | bbbTranslate }}</span\r\n                                    >\r\n                                </a>\r\n                            </li>\r\n                            <li fd-list-item>\r\n                                <a fd-menu-interactive (click)=\"onFilter(column, menu)\">\r\n                                    <fd-menu-addon position=\"before\" glyph=\"filter\"></fd-menu-addon>\r\n                                    <span fd-menu-title>{{ 'Filter' | bbbTranslate }}</span>\r\n                                </a>\r\n                            </li>\r\n                        </ul>\r\n                    </fd-popover-body>\r\n                </fd-popover>\r\n            </th>\r\n\r\n            <ng-container *ngIf=\"contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode\">\r\n                <th\r\n                    class=\"col-header col-context-menu\"\r\n                    fd-table-cell\r\n                    [fitContent]=\"disableOverflowContextMenu\"\r\n                    [style.width]=\"disableOverflowContextMenu ? '100%' : contextMenuItems.length > 1 ? '40px' : '100px'\"\r\n                ></th>\r\n            </ng-container>\r\n            <th\r\n                class=\"col-header col-details\"\r\n                fd-table-cell\r\n                style=\"width: 120px\"\r\n                *ngIf=\"showDetailsInRow && !inlineEditMode\"\r\n            ></th>\r\n            <th\r\n                class=\"col-header col-view\"\r\n                fd-table-cell\r\n                style=\"width: 40px\"\r\n                *ngIf=\"canView && !inlineEditMode && !hideOpenIcon\"\r\n            ></th>\r\n        </ng-container>\r\n    </tr>\r\n</thead>\r\n", styles: [":host{display:contents;width:100%}\n"] }]
-        }], propDecorators: { allChecked: [{
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { allChecked: [{
                 type: Input
             }], isCheckList: [{
                 type: Input
@@ -9231,8 +9236,8 @@ class FormDialogComponent extends BaseComponent {
         const smallDevice = this.deviceSize === 's' || this.deviceSize === 'm';
         const width = smallDevice ? '100vw' : '30vw';
         let height = smallDevice ? '100vh' : 'auto';
-        const viewWidth = BarsaApi.Common.Util.TryGetValue(this.formPanelCtrlr, 'Setting.View.CustomSize.width', null);
-        const viewHieght = BarsaApi.Common.Util.TryGetValue(this.formPanelCtrlr, 'Setting.View.CustomSize.height', null);
+        const viewWidth = BarsaApi.Common.Util.TryGetValue(this.formPanelCtrlr, 'Setting.View.MinSize.width', null);
+        const viewHieght = BarsaApi.Common.Util.TryGetValue(this.formPanelCtrlr, 'Setting.View.MinSize.height', null);
         const minWidth = smallDevice ? '100vw' : viewWidth ? viewWidth + 'px' : 'auto';
         const minHeight = smallDevice ? '100vw' : viewHieght ? viewHieght + 'px' : 'auto';
         if (viewHieght) {