@libs-ui/components-table 0.2.183 → 0.2.185

package/interfaces/table-config.interface.d.ts

@@ -4,7 +4,7 @@ import { TYPE_FUNCTION, TYPE_OBJECT } from "@libs-ui/interfaces-types";
 import { ITableTemplateConfig } from "./template-config.interface";
 export interface ITableHeaderConfig {
     ngStyle?: TYPE_OBJECT;
-    keepWidthColumnIfTableWidhtGrandTotalColumnsHeader?: boolean;
+    keepWidthIsPxColumnIfTableWidthGrandTotalColumnsHeader?: boolean;
     ngClass?: TYPE_OBJECT;
     type?: TYPE_POPOVER_TYPE;
     label?: string | TYPE_OBJECT;

package/package.json

@@ -1,34 +1,34 @@
 {
   "name": "@libs-ui/components-table",
-  "version": "0.2.183",
+  "version": "0.2.185",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0",
-    "@libs-ui/components-buttons-button": "^0.2.183",
+    "@libs-ui/components-buttons-button": "^0.2.185",
     "@iharbeck/ngx-virtual-scroller": "15.2.0",
-    "@libs-ui/interfaces-types": "^0.2.183",
-    "@libs-ui/components-buttons-sort": "^0.2.183",
-    "@libs-ui/components-popover": "^0.2.183",
-    "@libs-ui/components-avatar": "^0.2.183",
-    "@libs-ui/components-dropdown": "^0.2.183",
-    "@libs-ui/components-line-clamp": "^0.2.183",
-    "@libs-ui/components-list": "^0.2.183",
-    "@libs-ui/components-switch": "^0.2.183",
-    "@libs-ui/services-http-request": "^0.2.183",
+    "@libs-ui/interfaces-types": "^0.2.185",
+    "@libs-ui/components-buttons-sort": "^0.2.185",
+    "@libs-ui/components-popover": "^0.2.185",
+    "@libs-ui/components-avatar": "^0.2.185",
+    "@libs-ui/components-dropdown": "^0.2.185",
+    "@libs-ui/components-line-clamp": "^0.2.185",
+    "@libs-ui/components-list": "^0.2.185",
+    "@libs-ui/components-switch": "^0.2.185",
+    "@libs-ui/services-http-request": "^0.2.185",
     "rxjs": "~7.8.0",
-    "@libs-ui/components-checkbox-group": "^0.2.183",
-    "@libs-ui/components-checkbox-single": "^0.2.183",
-    "@libs-ui/components-scroll-overlay": "^0.2.183",
-    "@libs-ui/components-spinner": "^0.2.183",
-    "@libs-ui/icons": "^0.2.183",
-    "@libs-ui/pipes-call-function-in-template": "^0.2.183",
-    "@libs-ui/pipes-check-selected-by-key": "^0.2.183",
-    "@libs-ui/utils": "^0.2.183",
+    "@libs-ui/components-checkbox-group": "^0.2.185",
+    "@libs-ui/components-checkbox-single": "^0.2.185",
+    "@libs-ui/components-scroll-overlay": "^0.2.185",
+    "@libs-ui/components-spinner": "^0.2.185",
+    "@libs-ui/icons": "^0.2.185",
+    "@libs-ui/pipes-call-function-in-template": "^0.2.185",
+    "@libs-ui/pipes-check-selected-by-key": "^0.2.185",
+    "@libs-ui/utils": "^0.2.185",
     "@ngx-translate/core": "^15.0.0",
-    "@libs-ui/components-buttons-status": "^0.2.183",
-    "@libs-ui/pipes-clone-object": "^0.2.183",
-    "@libs-ui/pipes-security-trust": "^0.2.183",
-    "@libs-ui/components-badge": "^0.2.183"
+    "@libs-ui/components-buttons-status": "^0.2.185",
+    "@libs-ui/pipes-clone-object": "^0.2.185",
+    "@libs-ui/pipes-security-trust": "^0.2.185",
+    "@libs-ui/components-badge": "^0.2.185"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-components-table.mjs",

package/pipes/calculator-column.pipe.d.ts

@@ -4,6 +4,9 @@ import { TYPE_OBJECT } from '@libs-ui/interfaces-types';
 import * as i0 from "@angular/core";
 export declare class LibsUiTableCalculatorColumnPipe implements PipeTransform {
     transform(header: ITableHeaderConfig | undefined, offsetWidth: number, headerLeftConfig?: Array<ITableHeaderConfig>, headerRightConfig?: Array<ITableHeaderConfig>): TYPE_OBJECT | undefined;
+    private getWidthPxOfStyle;
+    private getWidthPercentOfStyle;
+    private getStyleUpdate;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiTableCalculatorColumnPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<LibsUiTableCalculatorColumnPipe, "LibsUiTableCalculatorColumnPipe", true>;
 }

package/table.component.d.ts

@@ -74,6 +74,7 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     readonly classLabelBarNoSelectItem: import("@angular/core").InputSignal<string | undefined>;
     readonly ignoreClassBgHeader: import("@angular/core").InputSignal<boolean | undefined>;
     readonly noDataConfig: import("@angular/core").InputSignal<ITableNoDataConfig>;
+    readonly showScrollTablePinnedIfNoData: import("@angular/core").InputSignal<boolean | undefined>;
     readonly ignoreBorderItemLast: import("@angular/core").InputSignal<boolean | undefined>;
     readonly isHiddenHeaderWhenNodata: import("@angular/core").InputSignal<boolean | undefined>;
     readonly maxItemSelected: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
@@ -117,9 +118,6 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     private checkExistItem;
     private removeItems;
     private getCount;
-    protected handlerScrollHeader(e: Event): void;
-    protected handlerScrollBody(e: Event): void;
-    protected handlerScrollBottom(e: Event): void;
     private loadMore;
     private loadMoreSuccess;
     protected handlerChangeAllChecked(): void;
@@ -138,16 +136,19 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     protected setIndexHover(e: Event, item: WritableSignal<TYPE_OBJECT>): void;
     protected resetIndexHoverWhenMouseLeave(e?: Event): void;
     protected resetIndexHover(e?: Event): void;
+    protected handlerMouseLeaveContainer(event: Event): void;
     protected handlerMouseEnterHeader(event: Event): void;
     protected handlerMouseLeaveHeader(event: Event): void;
     protected handlerMouseEnterFooter(event: Event): void;
-    protected handlerMouseLeaveContainer(event: Event): void;
     protected handlerMouseLeaveFooter(event: Event): void;
+    protected handlerScrollHeader(e: Event): void;
+    protected handlerScrollBody(e: Event): void;
+    protected handlerScrollBottom(e: Event): void;
     private resetScroll;
     private reset;
     private checkScroll;
     protected get BodyElement(): HTMLElement | undefined;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsTableComponent, "libs_ui-components-table", never, { "timeHighlighNewItem": { "alias": "timeHighlighNewItem"; "required": false; "isSignal": true; }; "headerLeft": { "alias": "headerLeft"; "required": false; "isSignal": true; }; "headerRight": { "alias": "headerRight"; "required": false; "isSignal": true; }; "configTemplateItemCollapseExpand": { "alias": "configTemplateItemCollapseExpand"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "ignoreBorderFooter": { "alias": "ignoreBorderFooter"; "required": false; "isSignal": true; }; "customPositionFooter": { "alias": "customPositionFooter"; "required": false; "isSignal": true; }; "footerLeft": { "alias": "footerLeft"; "required": false; "isSignal": true; }; "footerRight": { "alias": "footerRight"; "required": false; "isSignal": true; }; "disableCheckbox": { "alias": "disableCheckbox"; "required": false; "isSignal": true; }; "enableUnequalChildrenSizes": { "alias": "enableUnequalChildrenSizes"; "required": false; "isSignal": true; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; "isSignal": true; }; "totalItem": { "alias": "totalItem"; "required": false; "isSignal": true; }; "isDashBorder": { "alias": "isDashBorder"; "required": false; "isSignal": true; }; "classHeaderContainerInclude": { "alias": "classHeaderContainerInclude"; "required": false; "isSignal": true; }; "classHeaderLeftInclude": { "alias": "classHeaderLeftInclude"; "required": false; "isSignal": true; }; "classBodyInclude": { "alias": "classBodyInclude"; "required": false; "isSignal": true; }; "classFooterInclude": { "alias": "classFooterInclude"; "required": false; "isSignal": true; }; "classTableContainerInclude": { "alias": "classTableContainerInclude"; "required": false; "isSignal": true; }; "classBarInclude": { "alias": "classBarInclude"; "required": false; "isSignal": true; }; "fieldKey": { "alias": "fieldKey"; "required": false; "isSignal": true; }; "defaultKeysSelected": { "alias": "defaultKeysSelected"; "required": false; "isSignal": true; }; "labelBarNoSelectItem": { "alias": "labelBarNoSelectItem"; "required": false; "isSignal": true; }; "labelBarButtons": { "alias": "labelBarButtons"; "required": false; "isSignal": true; }; "classLabelBarButtons": { "alias": "classLabelBarButtons"; "required": false; "isSignal": true; }; "barButtons": { "alias": "barButtons"; "required": false; "isSignal": true; }; "sortLocal": { "alias": "sortLocal"; "required": false; "isSignal": true; }; "filterOrSortLocal": { "alias": "filterOrSortLocal"; "required": false; "isSignal": true; }; "httpRequestData": { "alias": "httpRequestData"; "required": false; "isSignal": true; }; "httpRequestDataFooter": { "alias": "httpRequestDataFooter"; "required": false; "isSignal": true; }; "newData": { "alias": "newData"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "ignoreBar": { "alias": "ignoreBar"; "required": false; "isSignal": true; }; "classLabelBarNoSelectItem": { "alias": "classLabelBarNoSelectItem"; "required": false; "isSignal": true; }; "ignoreClassBgHeader": { "alias": "ignoreClassBgHeader"; "required": false; "isSignal": true; }; "noDataConfig": { "alias": "noDataConfig"; "required": false; "isSignal": true; }; "ignoreBorderItemLast": { "alias": "ignoreBorderItemLast"; "required": false; "isSignal": true; }; "isHiddenHeaderWhenNodata": { "alias": "isHiddenHeaderWhenNodata"; "required": false; "isSignal": true; }; "maxItemSelected": { "alias": "maxItemSelected"; "required": false; "isSignal": true; }; "configSelectMoreItem": { "alias": "configSelectMoreItem"; "required": false; "isSignal": true; }; "onlyShowNoResult": { "alias": "onlyShowNoResult"; "required": false; "isSignal": true; }; "ignoreBorderItem": { "alias": "ignoreBorderItem"; "required": false; "isSignal": true; }; }, { "outLoadMore": "outLoadMore"; "outScrollIsGone": "outScrollIsGone"; "outLoading": "outLoading"; "outClickButtonAction": "outClickButtonAction"; "outSort": "outSort"; "outClickBarButton": "outClickBarButton"; "outHoverButtonAction": "outHoverButtonAction"; "outKeysSelected": "outKeysSelected"; "outFunctionsControl": "outFunctionsControl"; "outLoadDataComplete": "outLoadDataComplete"; "outTotalItem": "outTotalItem"; "outLoadDataError": "outLoadDataError"; }, never, ["div.libs-ui-table-bar-left", "div.libs-ui-table-bar-right"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsTableComponent, "libs_ui-components-table", never, { "timeHighlighNewItem": { "alias": "timeHighlighNewItem"; "required": false; "isSignal": true; }; "headerLeft": { "alias": "headerLeft"; "required": false; "isSignal": true; }; "headerRight": { "alias": "headerRight"; "required": false; "isSignal": true; }; "configTemplateItemCollapseExpand": { "alias": "configTemplateItemCollapseExpand"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "ignoreBorderFooter": { "alias": "ignoreBorderFooter"; "required": false; "isSignal": true; }; "customPositionFooter": { "alias": "customPositionFooter"; "required": false; "isSignal": true; }; "footerLeft": { "alias": "footerLeft"; "required": false; "isSignal": true; }; "footerRight": { "alias": "footerRight"; "required": false; "isSignal": true; }; "disableCheckbox": { "alias": "disableCheckbox"; "required": false; "isSignal": true; }; "enableUnequalChildrenSizes": { "alias": "enableUnequalChildrenSizes"; "required": false; "isSignal": true; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; "isSignal": true; }; "totalItem": { "alias": "totalItem"; "required": false; "isSignal": true; }; "isDashBorder": { "alias": "isDashBorder"; "required": false; "isSignal": true; }; "classHeaderContainerInclude": { "alias": "classHeaderContainerInclude"; "required": false; "isSignal": true; }; "classHeaderLeftInclude": { "alias": "classHeaderLeftInclude"; "required": false; "isSignal": true; }; "classBodyInclude": { "alias": "classBodyInclude"; "required": false; "isSignal": true; }; "classFooterInclude": { "alias": "classFooterInclude"; "required": false; "isSignal": true; }; "classTableContainerInclude": { "alias": "classTableContainerInclude"; "required": false; "isSignal": true; }; "classBarInclude": { "alias": "classBarInclude"; "required": false; "isSignal": true; }; "fieldKey": { "alias": "fieldKey"; "required": false; "isSignal": true; }; "defaultKeysSelected": { "alias": "defaultKeysSelected"; "required": false; "isSignal": true; }; "labelBarNoSelectItem": { "alias": "labelBarNoSelectItem"; "required": false; "isSignal": true; }; "labelBarButtons": { "alias": "labelBarButtons"; "required": false; "isSignal": true; }; "classLabelBarButtons": { "alias": "classLabelBarButtons"; "required": false; "isSignal": true; }; "barButtons": { "alias": "barButtons"; "required": false; "isSignal": true; }; "sortLocal": { "alias": "sortLocal"; "required": false; "isSignal": true; }; "filterOrSortLocal": { "alias": "filterOrSortLocal"; "required": false; "isSignal": true; }; "httpRequestData": { "alias": "httpRequestData"; "required": false; "isSignal": true; }; "httpRequestDataFooter": { "alias": "httpRequestDataFooter"; "required": false; "isSignal": true; }; "newData": { "alias": "newData"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "ignoreBar": { "alias": "ignoreBar"; "required": false; "isSignal": true; }; "classLabelBarNoSelectItem": { "alias": "classLabelBarNoSelectItem"; "required": false; "isSignal": true; }; "ignoreClassBgHeader": { "alias": "ignoreClassBgHeader"; "required": false; "isSignal": true; }; "noDataConfig": { "alias": "noDataConfig"; "required": false; "isSignal": true; }; "showScrollTablePinnedIfNoData": { "alias": "showScrollTablePinnedIfNoData"; "required": false; "isSignal": true; }; "ignoreBorderItemLast": { "alias": "ignoreBorderItemLast"; "required": false; "isSignal": true; }; "isHiddenHeaderWhenNodata": { "alias": "isHiddenHeaderWhenNodata"; "required": false; "isSignal": true; }; "maxItemSelected": { "alias": "maxItemSelected"; "required": false; "isSignal": true; }; "configSelectMoreItem": { "alias": "configSelectMoreItem"; "required": false; "isSignal": true; }; "onlyShowNoResult": { "alias": "onlyShowNoResult"; "required": false; "isSignal": true; }; "ignoreBorderItem": { "alias": "ignoreBorderItem"; "required": false; "isSignal": true; }; }, { "outLoadMore": "outLoadMore"; "outScrollIsGone": "outScrollIsGone"; "outLoading": "outLoading"; "outClickButtonAction": "outClickButtonAction"; "outSort": "outSort"; "outClickBarButton": "outClickBarButton"; "outHoverButtonAction": "outHoverButtonAction"; "outKeysSelected": "outKeysSelected"; "outFunctionsControl": "outFunctionsControl"; "outLoadDataComplete": "outLoadDataComplete"; "outTotalItem": "outTotalItem"; "outLoadDataError": "outLoadDataError"; }, never, ["div.libs-ui-table-bar-left", "div.libs-ui-table-bar-right"], true, never>;
 }