@libs-ui/components-table 0.2.356-2 → 0.2.356-21

package/interfaces/function-control-event.interface.d.ts

@@ -1,7 +1,7 @@
-import { VirtualScrollerComponent } from '@iharbeck/ngx-virtual-scroller';
-import { TYPE_DATA_TABLE, TYPE_ITEM_DATA_TABLE } from './table.type';
 import { WritableSignal } from '@angular/core';
+import { VirtualScrollerComponent } from '@iharbeck/ngx-virtual-scroller';
 import { TYPE_OBJECT } from '@libs-ui/interfaces-types';
+import { TYPE_DATA_TABLE, TYPE_ITEM_DATA_TABLE } from './table.type';
 export interface ITableFunctionControlEvent {
     reset: (clearSort?: boolean) => void;
     callApiByService: (firstCall: boolean, resetAfterCallApi?: boolean) => void;
@@ -15,5 +15,6 @@ export interface ITableFunctionControlEvent {
     setCountPagingStore: (count: number) => void;
     getCount: () => number;
     getStore: () => Array<WritableSignal<TYPE_OBJECT>>;
+    getItems: () => Array<WritableSignal<TYPE_OBJECT>>;
     hightLightItem: (items: Array<TYPE_ITEM_DATA_TABLE>) => Promise<void>;
 }

package/interfaces/table.type.d.ts

@@ -1,6 +1,6 @@
 import { WritableSignal } from '@angular/core';
 import { TYPE_OBJECT } from '@libs-ui/interfaces-types';
-export type TYPE_TABLE_FILTER<T = TYPE_OBJECT> = ((items: TYPE_DATA_TABLE<T>, filter: Record<string, unknown>) => Array<WritableSignal<Record<string, unknown>>>) | undefined;
+export type TYPE_TABLE_FILTER<T = TYPE_OBJECT> = ((items: TYPE_DATA_TABLE<T>, filter: Record<string, unknown>) => Array<TYPE_ITEM_DATA_TABLE<T>>) | undefined;
 export type TYPE_DATA_FILTER_TABLE<T = TYPE_OBJECT> = {
     filterData: T;
     ignoreCallApiAuto?: boolean;

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

@@ -1,6 +1,7 @@
 import { WritableSignal } from '@angular/core';
 import { IAvatarConfig } from '@libs-ui/components-avatar';
 import { IButton } from '@libs-ui/components-buttons-button';
+import { LibsUiComponentsComponentOutletComponent } from '@libs-ui/components-component-outlet';
 import { IDropdown } from '@libs-ui/components-dropdown';
 import { ILineClampConfig } from '@libs-ui/components-line-clamp';
 import { IListConfigItem } from '@libs-ui/components-list';
@@ -8,7 +9,6 @@ import { IPopover } from '@libs-ui/components-popover';
 import { ISwitchEvent } from '@libs-ui/components-switch';
 import { TYPE_FUNCTION, TYPE_OBJECT } from '@libs-ui/interfaces-types';
 import { Observable } from 'rxjs';
-import { LibsUiComponentsComponentOutletComponent } from '@libs-ui/components-component-outlet';
 import { TYPE_ITEM_DATA_TABLE } from './table.type';
 export interface ITableTemplateConfig {
     cssWrapper: string;
@@ -36,7 +36,7 @@ export interface ITableFieldTemplateConfig {
     showButtonHoverMode?: boolean;
     getDisable?: TYPE_FUNCTION;
     dropdownConfig?: ITableFieldTemplateConfigDropdown;
-    getAvatarConfig?: TYPE_FUNCTION<IAvatarConfig>;
+    getAvatarConfig?: TYPE_FUNCTION<IAvatarConfig | undefined>;
     getImageSrc?: (value: any, item?: TYPE_OBJECT, lang?: string, isError?: boolean) => Observable<string>;
     rows?: Array<ITableTemplateConfig>;
     rowsTemplateCssWrapper?: string;

package/package.json

@@ -1,36 +1,39 @@
 {
   "name": "@libs-ui/components-table",
-  "version": "0.2.356-2",
+  "version": "0.2.356-21",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
-    "@libs-ui/components-buttons-button": "0.2.356-2",
+    "@libs-ui/components-buttons-button": "0.2.356-21",
     "@iharbeck/ngx-virtual-scroller": "15.2.0",
-    "@libs-ui/interfaces-types": "0.2.356-2",
-    "@libs-ui/components-buttons-sort": "0.2.356-2",
-    "@libs-ui/components-popover": "0.2.356-2",
-    "@libs-ui/components-avatar": "0.2.356-2",
-    "@libs-ui/components-dropdown": "0.2.356-2",
-    "@libs-ui/components-line-clamp": "0.2.356-2",
-    "@libs-ui/components-list": "0.2.356-2",
-    "@libs-ui/components-switch": "0.2.356-2",
-    "@libs-ui/services-http-request": "0.2.356-2",
+    "@libs-ui/interfaces-types": "0.2.356-21",
+    "@libs-ui/components-buttons-sort": "0.2.356-21",
+    "@libs-ui/components-popover": "0.2.356-21",
+    "@libs-ui/components-avatar": "0.2.356-21",
+    "@libs-ui/components-dropdown": "0.2.356-21",
+    "@libs-ui/components-line-clamp": "0.2.356-21",
+    "@libs-ui/components-list": "0.2.356-21",
+    "@libs-ui/components-switch": "0.2.356-21",
+    "@libs-ui/services-http-request": "0.2.356-21",
     "rxjs": "~7.8.0",
-    "@libs-ui/components-checkbox-group": "0.2.356-2",
-    "@libs-ui/components-checkbox-single": "0.2.356-2",
-    "@libs-ui/components-scroll-overlay": "0.2.356-2",
-    "@libs-ui/components-spinner": "0.2.356-2",
-    "@libs-ui/icons": "0.2.356-2",
-    "@libs-ui/pipes-call-function-in-template": "0.2.356-2",
-    "@libs-ui/pipes-check-selected-by-key": "0.2.356-2",
-    "@libs-ui/utils": "0.2.356-2",
+    "@libs-ui/components-checkbox-group": "0.2.356-21",
+    "@libs-ui/components-checkbox-single": "0.2.356-21",
+    "@libs-ui/components-scroll-overlay": "0.2.356-21",
+    "@libs-ui/components-spinner": "0.2.356-21",
+    "@libs-ui/icons": "0.2.356-21",
+    "@libs-ui/pipes-call-function-in-template": "0.2.356-21",
+    "@libs-ui/pipes-check-selected-by-key": "0.2.356-21",
+    "@libs-ui/utils": "0.2.356-21",
     "@ngx-translate/core": "^15.0.0",
-    "@libs-ui/components-buttons-status": "0.2.356-2",
-    "@libs-ui/pipes-clone-object": "0.2.356-2",
-    "@libs-ui/pipes-security-trust": "0.2.356-2",
-    "@libs-ui/components-badge": "0.2.356-2",
-    "@libs-ui/pipes-convert-object-to-signal": "0.2.356-2",
-    "@libs-ui/pipes-get-value-of-object": "0.2.356-2"
+    "@libs-ui/components-buttons-status": "0.2.356-21",
+    "@libs-ui/pipes-clone-object": "0.2.356-21",
+    "@libs-ui/pipes-security-trust": "0.2.356-21",
+    "@libs-ui/components-badge": "0.2.356-21",
+    "@libs-ui/pipes-convert-object-to-signal": "0.2.356-21",
+    "@libs-ui/pipes-get-value-of-object": "0.2.356-21",
+    "@libs-ui/components-component-outlet": "0.2.356-21",
+    "@libs-ui/components-pagination": "0.2.356-21",
+    "@libs-ui/components-scroll-measure-items-direction-horizontal": "0.2.356-21"
   },
   "sideEffects": false,
   "module": "fesm2022/libs-ui-components-table.mjs",

package/table.component.d.ts

@@ -28,6 +28,9 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     protected listConfigMoreItem: import("@angular/core").Signal<IListConfigItem>;
     protected itemsHightLight: WritableSignal<TYPE_ITEM_DATA_TABLE[]>;
     protected hasItemHightLight: import("@angular/core").Signal<boolean>;
+    protected headerRightViewPort: WritableSignal<ITableHeaderConfig[]>;
+    protected paddingLeftHeaderRight: WritableSignal<number>;
+    protected footerRightViewPort: WritableSignal<ITableFooterConfig[]>;
     private hasScroll;
     private instanceSort;
     private hasActionButtonDropdownContent;
@@ -100,6 +103,9 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     } | undefined>;
     readonly templateNoData: import("@angular/core").InputSignal<any>;
     readonly templateNoResult: import("@angular/core").InputSignal<any>;
+    readonly autoEmitKeysSelectedWithItems: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly functionGetWidthItem: import("@angular/core").InputSignal<(() => Promise<number>) | undefined>;
+    readonly useScrollMeasureColumn: import("@angular/core").InputSignal<boolean | undefined>;
     /** OUTPUT */
     readonly outLoadMore: import("@angular/core").OutputEmitterRef<ILoadMoreEvent>;
     readonly outScrollIsGone: import("@angular/core").OutputEmitterRef<ILoadMoreEvent>;
@@ -110,6 +116,7 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     readonly outHoverButtonAction: import("@angular/core").OutputEmitterRef<IHoverButtonActionEvent>;
     readonly outKeysSelected: import("@angular/core").OutputEmitterRef<{
         keys: Array<any>;
+        items?: Array<WritableSignal<any>>;
     }>;
     readonly outFunctionsControl: import("@angular/core").OutputEmitterRef<ITableFunctionControlEvent>;
     readonly outLoadDataComplete: import("@angular/core").OutputEmitterRef<WritableSignal<WritableSignal<any>[]>>;
@@ -170,7 +177,11 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     private checkScroll;
     protected get BodyElement(): HTMLElement | undefined;
     private hightLightItem;
+    private emitKeysSelected;
+    protected handlerOutViewPortItemHeaderRight(event: Array<any>): void;
+    protected handlerOutPaddingLeftHeaderRight(event: number): void;
+    protected handlerOutViewPortItemFooterRight(event: Array<any>): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsTableComponent, "libs_ui-components-table", never, { "optimizeTableRenderByOnViewport": { "alias": "optimizeTableRenderByOnViewport"; "required": false; "isSignal": true; }; "timeHighlighNewItem": { "alias": "timeHighlighNewItem"; "required": false; "isSignal": true; }; "headerLeft": { "alias": "headerLeft"; "required": false; "isSignal": true; }; "headerRight": { "alias": "headerRight"; "required": false; "isSignal": true; }; "ignoreCalculatorWidthHeader": { "alias": "ignoreCalculatorWidthHeader"; "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; }; "activityLoadData": { "alias": "activityLoadData"; "required": false; "isSignal": true; }; "paginationSetting": { "alias": "paginationSetting"; "required": false; "isSignal": true; }; "templateNoData": { "alias": "templateNoData"; "required": false; "isSignal": true; }; "templateNoResult": { "alias": "templateNoResult"; "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, { "optimizeTableRenderByOnViewport": { "alias": "optimizeTableRenderByOnViewport"; "required": false; "isSignal": true; }; "timeHighlighNewItem": { "alias": "timeHighlighNewItem"; "required": false; "isSignal": true; }; "headerLeft": { "alias": "headerLeft"; "required": false; "isSignal": true; }; "headerRight": { "alias": "headerRight"; "required": false; "isSignal": true; }; "ignoreCalculatorWidthHeader": { "alias": "ignoreCalculatorWidthHeader"; "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; }; "activityLoadData": { "alias": "activityLoadData"; "required": false; "isSignal": true; }; "paginationSetting": { "alias": "paginationSetting"; "required": false; "isSignal": true; }; "templateNoData": { "alias": "templateNoData"; "required": false; "isSignal": true; }; "templateNoResult": { "alias": "templateNoResult"; "required": false; "isSignal": true; }; "autoEmitKeysSelectedWithItems": { "alias": "autoEmitKeysSelectedWithItems"; "required": false; "isSignal": true; }; "functionGetWidthItem": { "alias": "functionGetWidthItem"; "required": false; "isSignal": true; }; "useScrollMeasureColumn": { "alias": "useScrollMeasureColumn"; "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>;
 }