barsa-sap-ui 2.1.6 → 2.1.7

package/fesm2022/barsa-sap-ui.mjs

@@ -352,10 +352,10 @@ function GetFormLayoutGrid(ceil, colXl, colLg, colMd) {
 }
 const sort$1 = (a, b, key, isNumber) => {
     if (key) {
-        if (typeof a === 'object') {
+        if (typeof a === 'object' && !(a instanceof Date)) {
             a = getNestedValue(key, a);
         }
-        if (typeof b === 'object') {
+        if (typeof b === 'object' && !(b instanceof Date)) {
             b = getNestedValue(key, b);
         }
     }
@@ -365,6 +365,31 @@ const sort$1 = (a, b, key, isNumber) => {
     else if (typeof a === 'string' && typeof b === 'string') {
         return a.localeCompare(b);
     }
+    else if (a instanceof Date || b instanceof Date) {
+        if (!a && b) {
+            return -1;
+        }
+        if (!b && a) {
+            return 1;
+        }
+        if (a instanceof Date && b instanceof Date) {
+            const msDateA = Date.UTC(a.getFullYear(), a.getMonth() + 1, a.getDate());
+            const msDateB = Date.UTC(b.getFullYear(), b.getMonth() + 1, b.getDate());
+            if (msDateA < msDateB) {
+                return -1;
+            }
+            else if (msDateA === msDateB) {
+                return 0;
+            }
+            else if (msDateA > msDateB) {
+                return 1;
+            }
+            return a.getTime() > b?.getTime() ? 1 : a.getTime() === b.getTime() ? 0 : -1;
+        }
+        else {
+            return 0;
+        }
+    }
     return a > b ? 1 : a === b ? 0 : -1;
 };
 function _trimEnd(value) {
@@ -2509,7 +2534,7 @@ class UlvToolbarComponent extends BaseComponent {
     ngAfterViewInit() {
         super.ngAfterViewInit();
         this._portalService.windowResize$.pipe(takeUntil$1(this._onDestroy$)).subscribe(() => {
-            this._setWidth();
+            this.refreshResize();
         });
     }
     ngOnChanges(changes) {
@@ -2542,7 +2567,10 @@ class UlvToolbarComponent extends BaseComponent {
         if (!this.visibled || this.hideToolbar) {
             return;
         }
-        const x = Math.floor(this.el.nativeElement.getBoundingClientRect().width);
+        this.refreshResize();
+    }
+    refreshResize() {
+        const x = Math.floor(this.el.nativeElement.parentNode.getBoundingClientRect().width);
         this._renderer2.setStyle(this.el.nativeElement, 'width', x + 'px');
         setTimeout(() => {
             this._refreshToolbar();
@@ -5964,10 +5992,6 @@ class UiTableViewComponent extends ReportViewBaseComponent {
     }
     ngOnInit() {
         super.ngOnInit();
-        const x = Math.floor(this._el.nativeElement.parentNode.getBoundingClientRect().width);
-        if (x) {
-            this._renderer2.setStyle(this._el.nativeElement, 'width', `${x - 10}px`);
-        }
         this._portalService.windowResize$.pipe(takeUntil$1(this._onDestroy$)).subscribe(() => {
             const x = Math.floor(this._el.nativeElement.parentNode.getBoundingClientRect().width);
             this._renderer2.setStyle(this._tableRef.nativeElement, 'width', x + 'px');
@@ -5985,12 +6009,11 @@ class UiTableViewComponent extends ReportViewBaseComponent {
             : TableHeaderWidthMode.FitToContainer;
         this._calcContextMenuWidth(this.contextMenuItems);
     }
-    _calcContextMenuWidth(contextMenuItems) {
-        this.contextMenuWidth = calcContextMenuWidth(contextMenuItems, this.disableOverflowContextMenu);
-    }
-    onTableVisibilityChange(e, dom) {
-        if (e === 'Visible') {
-            this._setWidth(true);
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        const x = Math.floor(this._el.nativeElement.parentNode.getBoundingClientRect().width);
+        if (x) {
+            this._renderer2.setStyle(this._el.nativeElement, 'width', `${x}px`);
         }
     }
     ngOnChanges(changes) {
@@ -6010,6 +6033,14 @@ class UiTableViewComponent extends ReportViewBaseComponent {
         }
         super.ngOnChanges(changes);
     }
+    _calcContextMenuWidth(contextMenuItems) {
+        this.contextMenuWidth = calcContextMenuWidth(contextMenuItems, this.disableOverflowContextMenu);
+    }
+    onTableVisibilityChange(e, dom) {
+        if (e === 'Visible') {
+            setTimeout(() => this._setWidth(true), 100);
+        }
+    }
     onColumnResizing(e) {
         this._tableHeaderComponent.SetColumnWidthToThWidth();
         this._setParentWidth();
@@ -6114,8 +6145,8 @@ class UiTableViewComponent extends ReportViewBaseComponent {
         }
         this.oldWidth = widthOfDom;
         const widthOfDom2 = Math.floor(this._el.nativeElement.parentNode.getBoundingClientRect().width);
-        this._renderer2.setStyle(this._tableRef.nativeElement, 'max-width', widthOfDom2 - 10 + 'px');
-        this._renderer2.setStyle(this._tableRef.nativeElement, 'width', widthOfDom2 - 10 + 'px');
+        this._renderer2.setStyle(this._tableRef.nativeElement, 'max-width', widthOfDom2 + 'px');
+        this._renderer2.setStyle(this._tableRef.nativeElement, 'width', widthOfDom2 + 'px');
     }
     _calculateHeaderStickyTop(dom) {
         if (this.stickyEnable() && this.tableHeaderDom) {
@@ -9954,11 +9985,11 @@ class LyTabContainerComponent extends LayoutItemBaseComponent {
         this._tabsSource.next(visibleTabs);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LyTabContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LyTabContainerComponent, selector: "bsu-ly-tab-container", host: { properties: { "style.flex": "this.flex" } }, viewQueries: [{ propertyName: "tabpages", predicate: TabPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fdp-icon-tab-bar [collapseOverflow]=\"true\" [expandOverflowText]=\"'More' | bbbTranslate\">\n    @for (tabPage of tabs$ | async; track tabPage; let tabindex = $index) {\n    <fdp-icon-tab-bar-tab\n        [label]=\"tabPage.Title || '' | bbbTranslate\"\n        [title]=\"tabPage.Title || '' | bbbTranslate\"\n        [disabled]=\"tabPage.disabled\"\n        [class.control-disabled]=\"tabPage.Enable === false\"\n        [class.readonly]=\"tabPage.Readonly\"\n    >\n        <bsu-ly-tab-page [config]=\"tabPage\"></bsu-ly-tab-page>\n    </fdp-icon-tab-bar-tab>\n    }\n</fdp-icon-tab-bar>\n", styles: [":host{width:100%;display:block}\n"], dependencies: [{ kind: "component", type: i18.IconTabBarComponent, selector: "fdp-icon-tab-bar", inputs: ["stackContent", "iconTabType", "tabsConfig", "densityMode", "iconTabFont", "enableTabReordering", "showTotalTab", "multiClick", "layoutMode", "iconTabBackground", "iconTabSize", "colorAssociations", "maxContentHeight"], outputs: ["tabsConfigChange", "densityModeChange", "iconTabSelected", "iconTabReordered", "closeTab"] }, { kind: "component", type: i18.IconTabBarTabComponent, selector: "fdp-icon-tab-bar-tab", inputs: ["label", "color", "icon", "iconFont", "counter", "active", "badge", "closable", "id"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LyTabContainerComponent, selector: "bsu-ly-tab-container", host: { properties: { "style.flex": "this.flex" } }, viewQueries: [{ propertyName: "tabpages", predicate: TabPanelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<fdp-icon-tab-bar [collapseOverflow]=\"true\" [expandOverflowText]=\"'More' | bbbTranslate\">\n    @for (tabPage of tabs$ | async; track tabPage; let tabindex = $index) {\n    <fdp-icon-tab-bar-tab\n        [label]=\"tabPage.Title || '' | bbbTranslate\"\n        [title]=\"tabPage.Title || '' | bbbTranslate\"\n        [disabled]=\"tabPage.disabled\"\n        [class.control-disabled]=\"tabPage.Enable === false\"\n        [class.readonly]=\"tabPage.Readonly\"\n    >\n        <bsu-ly-tab-page [config]=\"tabPage\"></bsu-ly-tab-page>\n    </fdp-icon-tab-bar-tab>\n    }\n</fdp-icon-tab-bar>\n", styles: [":host{width:100%;display:block}fdp-icon-tab-bar ::ng-deep>div{border:.0625rem solid var(--sapGroup_TitleBorderColor)}\n"], dependencies: [{ kind: "component", type: i18.IconTabBarComponent, selector: "fdp-icon-tab-bar", inputs: ["stackContent", "iconTabType", "tabsConfig", "densityMode", "iconTabFont", "enableTabReordering", "showTotalTab", "multiClick", "layoutMode", "iconTabBackground", "iconTabSize", "colorAssociations", "maxContentHeight"], outputs: ["tabsConfigChange", "densityModeChange", "iconTabSelected", "iconTabReordered", "closeTab"] }, { kind: "component", type: i18.IconTabBarTabComponent, selector: "fdp-icon-tab-bar-tab", inputs: ["label", "color", "icon", "iconFont", "counter", "active", "badge", "closable", "id"] }, { kind: "component", type: LyTabPageComponent, selector: "bsu-ly-tab-page", inputs: ["renderItems", "tablist"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LyTabContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-ly-tab-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fdp-icon-tab-bar [collapseOverflow]=\"true\" [expandOverflowText]=\"'More' | bbbTranslate\">\n    @for (tabPage of tabs$ | async; track tabPage; let tabindex = $index) {\n    <fdp-icon-tab-bar-tab\n        [label]=\"tabPage.Title || '' | bbbTranslate\"\n        [title]=\"tabPage.Title || '' | bbbTranslate\"\n        [disabled]=\"tabPage.disabled\"\n        [class.control-disabled]=\"tabPage.Enable === false\"\n        [class.readonly]=\"tabPage.Readonly\"\n    >\n        <bsu-ly-tab-page [config]=\"tabPage\"></bsu-ly-tab-page>\n    </fdp-icon-tab-bar-tab>\n    }\n</fdp-icon-tab-bar>\n", styles: [":host{width:100%;display:block}\n"] }]
+            args: [{ selector: 'bsu-ly-tab-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fdp-icon-tab-bar [collapseOverflow]=\"true\" [expandOverflowText]=\"'More' | bbbTranslate\">\n    @for (tabPage of tabs$ | async; track tabPage; let tabindex = $index) {\n    <fdp-icon-tab-bar-tab\n        [label]=\"tabPage.Title || '' | bbbTranslate\"\n        [title]=\"tabPage.Title || '' | bbbTranslate\"\n        [disabled]=\"tabPage.disabled\"\n        [class.control-disabled]=\"tabPage.Enable === false\"\n        [class.readonly]=\"tabPage.Readonly\"\n    >\n        <bsu-ly-tab-page [config]=\"tabPage\"></bsu-ly-tab-page>\n    </fdp-icon-tab-bar-tab>\n    }\n</fdp-icon-tab-bar>\n", styles: [":host{width:100%;display:block}fdp-icon-tab-bar ::ng-deep>div{border:.0625rem solid var(--sapGroup_TitleBorderColor)}\n"] }]
         }], propDecorators: { tabpages: [{
                 type: ViewChildren,
                 args: [TabPanelComponent]