@libs-ui/components-table 0.2.10-6.2 → 0.2.30-6.2

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

@@ -3,11 +3,12 @@ import { TYPE_DATA_TABLE } from './table.type';
 export interface ITableFunctionControlEvent {
     reset: (clearSort?: boolean) => void;
     callApiByService: (firstCall: boolean, resetAfterCallApi?: boolean) => void;
-    resetScroll: () => void;
+    resetScroll: (scrollPositionLeft?: number, scrollPositionTop?: number) => void;
     removeItems: (keys: Array<unknown>, ignoreReCallFooter?: boolean) => void;
     addItems: (items: TYPE_DATA_TABLE, addFirst: boolean, ignoreHightLight?: boolean, ignoreReCallFooter?: boolean, autoCountNewItem?: boolean) => void;
     getCount: () => number;
     getScrollContainer: () => VirtualScrollerComponent;
     hideToolBarBottom: () => void;
     resetKeySelected: () => void;
+    detectChanges: () => void;
 }

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

@@ -4,12 +4,14 @@ import { TYPE_FUNCTION, TYPE_OBJECT } from "@libs-ui/interfaces-types";
 import { ITableTemplateConfig } from "./template-config.interface";
 export interface ITableHeaderConfig {
     ngStyle?: TYPE_OBJECT;
+    keepWidthIsPxColumnIfTableWidthGrandTotalColumnsHeader?: boolean;
     ngClass?: TYPE_OBJECT;
     type?: TYPE_POPOVER_TYPE;
     label?: string | TYPE_OBJECT;
     labelConfig?: IPopover;
     parseValue?: TYPE_FUNCTION;
-    tooltipOther?: IPopover;
+    tooltipsLeft?: Array<IPopover>;
+    tooltipsRight?: Array<IPopover>;
     hasCheckbox?: boolean;
     hasCheckboxAll?: boolean;
     checkboxAlignCenter?: boolean;
@@ -42,6 +44,8 @@ export interface ITableHeaderConfig {
     checkboxClassInclude?: string;
     checkConditionCheckBoxHidden?: TYPE_FUNCTION<boolean>;
     checkboxAllClassInclude?: string;
+    isShowIndexOnRow?: boolean;
+    classIncludeIndexOnRow?: string;
 }
 export interface ITableHeaderConfigCol {
     ngStyle?: TYPE_OBJECT;

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

@@ -1,27 +1,23 @@
+import { WritableSignal } from "@angular/core";
 import { IAvatarConfig } from "@libs-ui/components-avatar";
 import { IButton } from "@libs-ui/components-buttons-button";
 import { IDropdown } from "@libs-ui/components-dropdown";
+import { ILineClampConfig } from "@libs-ui/components-line-clamp";
 import { IListConfigItem } from "@libs-ui/components-list";
 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 { IHttpRequestConfig } from "@libs-ui/services-http-request";
 import { Observable } from "rxjs";
-import { LibsUiComponentsTableTemplateAbstractComponent } from "../templates/template.abstract.component";
+import { LibsUiComponentsComponentOutletComponent } from "@libs-ui/components-component-outlet";
 import { TYPE_ITEM_DATA_TABLE } from "./table.type";
-import { WritableSignal } from "@angular/core";
-import { ILineClampConfig } from "@libs-ui/components-line-clamp";
 export interface ITableTemplateConfig {
     cssWrapper: string;
     fieldsConfig: Array<ITableFieldTemplateConfig>;
 }
 export interface ITableFieldTemplateConfig {
     instance?: 'tooltip' | 'line-clamp' | 'buttons' | 'button-status' | 'switch' | 'badge' | 'other-action-show-popup' | 'shape-style' | 'image' | 'avatar' | 'button-action-show-popup';
-    instanceTooltipSpanInnerHtml?: boolean;
     field: string;
     parseValue?: TYPE_FUNCTION;
-    httpDetailByValue?: IHttpRequestConfig;
-    hasCallHttpDetailInContentTooltip?: boolean;
     getTooltipIconClass?: TYPE_FUNCTION;
     getTooltipConfig?: TYPE_FUNCTION;
     action?: (dataField: any, item: TYPE_ITEM_DATA_TABLE, itemTableSelected?: TYPE_ITEM_DATA_TABLE) => any;
@@ -29,15 +25,13 @@ export interface ITableFieldTemplateConfig {
     ngStyle?: TYPE_OBJECT;
     getNgStyle?: TYPE_FUNCTION;
     ngClass?: TYPE_OBJECT;
+    getNgClass?: TYPE_FUNCTION;
     ignoreClassMarginLeft?: boolean;
     lineClampConfig?: ILineClampConfig;
-    maxWidthTooltip?: number;
-    maxHeightTooltip?: number;
     getDisableValueSwitch?: TYPE_FUNCTION;
     getActiveValueSwitch?: TYPE_FUNCTION;
     switchAction?: (switchData: ISwitchEvent, item: TYPE_ITEM_DATA_TABLE) => void;
     buttons?: Array<WritableSignal<IButton>>;
-    buttonDropDown?: WritableSignal<IButton>;
     getButtonsByItem?: TYPE_FUNCTION<Array<WritableSignal<IButton>>>;
     showButtonHoverMode?: boolean;
     getDisable?: TYPE_FUNCTION;
@@ -46,11 +40,14 @@ export interface ITableFieldTemplateConfig {
     getImageSrc?: (value: any, item?: TYPE_OBJECT, lang?: string, isError?: boolean) => Observable<string>;
     rows?: Array<ITableTemplateConfig>;
     rowsTemplateCssWrapper?: string;
-    getComponentOutlet?: () => Observable<LibsUiComponentsTableTemplateAbstractComponent | any>;
+    getComponentOutlet?: () => Observable<LibsUiComponentsComponentOutletComponent | any>;
+    getDataComponentOutlet?: TYPE_FUNCTION;
 }
 export interface ITableFieldTemplateConfigDropdown extends IDropdown {
-    getListViewConfig?: TYPE_FUNCTION<IListConfigItem>;
-    listViewKeysDisableItem?: Array<string>;
+    button?: WritableSignal<IButton>;
+    getListConfig?: TYPE_FUNCTION<IListConfigItem>;
+    listKeysDisableItem?: Array<string>;
+    listHiddenInputSearch?: boolean;
     maxHeight?: number;
     ignoreArrow?: boolean;
     position?: {

package/package.json

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

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

@@ -0,0 +1,12 @@
+import { PipeTransform } from '@angular/core';
+import { ITableHeaderConfig } from '../interfaces/table-config.interface';
+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

@@ -1,38 +1,41 @@
-import { ElementRef, OnDestroy, OnInit, WritableSignal } from "@angular/core";
+import { ElementRef, OnDestroy, OnInit, WritableSignal } from '@angular/core';
 import { IButton } from '@libs-ui/components-buttons-button';
 import { ISort } from '@libs-ui/components-buttons-sort';
-import { ICheckboxItem } from "@libs-ui/components-checkbox-group";
-import { ICheckboxEvent } from "@libs-ui/components-checkbox-single";
+import { ICheckboxItem } from '@libs-ui/components-checkbox-group';
+import { ICheckboxEvent } from '@libs-ui/components-checkbox-single';
 import { IDropdownFunctionControlEvent, IEmitSelectKey } from '@libs-ui/components-dropdown';
-import { TYPE_POPOVER_EVENT } from "@libs-ui/components-popover";
-import { IHttpResponseError, TYPE_OBJECT } from "@libs-ui/interfaces-types";
-import { IHttpRequestConfig } from "@libs-ui/services-http-request";
-import { IButtonBarEvent, IConfigSelectMoreItem, IConfigTemplateItemCollapseExpand, IHoverButtonActionEvent, ILoadMoreEvent, ISortEvent, ITabelButtonActionEvent, ITableFooterConfig, ITableHeaderConfig, TYPE_DATA_FILTER_TABLE, TYPE_ITEM_DATA_TABLE, TYPE_NEW_DATA_TABLE, TYPE_TABLE_FILTER } from "./interfaces";
-import { ITableFunctionControlEvent } from "./interfaces/function-control-event.interface";
-import { ITableNoDataConfig } from "./interfaces/no-data-config.interface";
+import { IListConfigItem } from '@libs-ui/components-list';
+import { TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
+import { IHttpResponseError, IPaging, TYPE_OBJECT } from '@libs-ui/interfaces-types';
+import { IHttpRequestConfig } from '@libs-ui/services-http-request';
+import { IButtonBarEvent, IConfigSelectMoreItem, IConfigTemplateItemCollapseExpand, IHoverButtonActionEvent, ILoadMoreEvent, ISortEvent, ITabelButtonActionEvent, ITableFooterConfig, ITableHeaderConfig, TYPE_DATA_FILTER_TABLE, TYPE_ITEM_DATA_TABLE, TYPE_NEW_DATA_TABLE, TYPE_TABLE_FILTER } from './interfaces';
+import { ITableFunctionControlEvent } from './interfaces/function-control-event.interface';
+import { ITableNoDataConfig } from './interfaces/no-data-config.interface';
 import * as i0 from "@angular/core";
 export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy {
     /** PROPERTY */
     protected classHeaderContainer: import("@angular/core").Signal<string>;
+    protected classHeaderLeftContainer: import("@angular/core").Signal<string>;
     protected keysSelected: WritableSignal<any[]>;
     protected loading: WritableSignal<boolean>;
     protected stores: WritableSignal<WritableSignal<TYPE_OBJECT>[]>;
     protected items: WritableSignal<WritableSignal<TYPE_OBJECT>[]>;
-    protected itemFooter: WritableSignal<TYPE_OBJECT>;
+    protected itemFooter: WritableSignal<TYPE_OBJECT | undefined>;
     protected itemOfIndexHover?: TYPE_ITEM_DATA_TABLE;
     protected keySearch: WritableSignal<string>;
     protected totalItemInBackend: WritableSignal<number>;
     protected hasItemHightLight: WritableSignal<boolean>;
     protected totalItemDisplay: import("@angular/core").Signal<any>;
+    protected listConfigMoreItem: import("@angular/core").Signal<IListConfigItem>;
     private hasScroll;
     private instanceSort;
     private hasActionButtonDropdownContent;
-    private pagingStore;
+    protected pagingStore: WritableSignal<IPaging | undefined>;
     private loadedLastItem;
     private storeParamsCallApi;
     private timeoutLeaveItem;
     private functionControlSelectMoreItem?;
-    private onDestroy;
+    private mouseEnterHeader;
     /** INPUT */
     readonly timeHighlighNewItem: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
     readonly headerLeft: import("@angular/core").InputSignalWithTransform<ITableHeaderConfig[], ITableHeaderConfig[] | undefined>;
@@ -48,9 +51,12 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     readonly bufferAmount: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
     readonly totalItem: import("@angular/core").InputSignal<number | undefined>;
     readonly isDashBorder: import("@angular/core").InputSignal<boolean | undefined>;
-    readonly classHeaderInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly classHeaderContainerInclude: import("@angular/core").InputSignal<string | undefined>;
+    readonly classHeaderLeftInclude: import("@angular/core").InputSignal<string | undefined>;
     readonly classBodyInclude: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
     readonly classFooterInclude: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly classTableContainerInclude: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
+    readonly classBarInclude: import("@angular/core").InputSignal<string>;
     readonly fieldKey: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
     readonly defaultKeysSelected: import("@angular/core").InputSignal<any[] | undefined>;
     readonly labelBarNoSelectItem: import("@angular/core").InputSignal<string>;
@@ -67,12 +73,27 @@ 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>;
     readonly configSelectMoreItem: import("@angular/core").InputSignal<IConfigSelectMoreItem | undefined>;
     readonly onlyShowNoResult: import("@angular/core").InputSignal<boolean | undefined>;
     readonly ignoreBorderItem: import("@angular/core").InputSignal<boolean | undefined>;
+    readonly activityLoadData: import("@angular/core").InputSignalWithTransform<"scroll-infinity" | "click-pagination", "scroll-infinity" | "click-pagination" | undefined>;
+    readonly paginationSetting: import("@angular/core").InputSignal<{
+        position?: "top" | "bottom";
+        classIncludeContainer?: string;
+        classIncludeItem?: string;
+        disable?: boolean;
+        numberPageDispaly?: number;
+        showTotalPage?: boolean;
+        showInputGotoPage?: boolean;
+        modeDisplayTotalPageAndGotoPage?: "top" | "bottom" | "left" | "right";
+        classDisplayTotalPageAndGotoPage?: string;
+    } | undefined>;
+    readonly templateNoData: import("@angular/core").InputSignal<any>;
+    readonly templateNoResult: import("@angular/core").InputSignal<any>;
     /** OUTPUT */
     readonly outLoadMore: import("@angular/core").OutputEmitterRef<ILoadMoreEvent>;
     readonly outScrollIsGone: import("@angular/core").OutputEmitterRef<ILoadMoreEvent>;
@@ -94,9 +115,15 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     protected footerLeftElementRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
     private bodyElementRef;
     private bodyComponentRef;
+    /**INJECT */
     private httpRequestService;
+    private destroyRef;
+    private cdr;
     constructor();
     ngOnInit(): void;
+    protected getIndexRow: (data: {
+        value: TYPE_ITEM_DATA_TABLE;
+    }) => import("rxjs").Observable<number>;
     private getScrollContainer;
     private callApiByService;
     protected fakeResponseApi(): TYPE_OBJECT;
@@ -105,15 +132,12 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     private checkExistItem;
     private removeItems;
     private getCount;
-    protected handlerScroll(e: any): void;
-    protected handlerScrollBottom(e: Event): void;
-    private loadMore;
     private loadMoreSuccess;
     protected handlerChangeAllChecked(): void;
     protected handlerChangeCheckedAllItems(event: ICheckboxEvent): void;
     private checkCancelConditionCheckedItem;
     protected handlerChangeItemChecked(event: ICheckboxItem, item: TYPE_OBJECT): void;
-    protected handlerChangeSort(sort: ISort): void;
+    protected handlerChangeSort(sort: ISort): Promise<void>;
     private handlerSortLocal;
     protected handlerFunctionControlMoreSelectItem(functionControl: IDropdownFunctionControlEvent): void;
     protected handlerSelectedMoreItem(event: IEmitSelectKey | undefined): void;
@@ -125,13 +149,20 @@ 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 handlerMouseEnter(event: Event): void;
-    protected handlerMouseLeave(event: Event): void;
+    protected handlerMouseLeaveContainer(event: Event): void;
+    protected handlerMouseEnterHeader(event: Event): void;
+    protected handlerMouseLeaveHeader(event: Event): void;
+    protected handlerMouseEnterFooter(event: Event): void;
+    protected handlerMouseLeaveFooter(event: Event): void;
+    protected handlerScrollHeader(e: Event): void;
+    protected handlerScrollBody(e: Event): void;
+    protected handlerScrollBottom(e: Event): void;
+    protected handlerChangePage(page: number): 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; }; "classHeaderInclude": { "alias": "classHeaderInclude"; "required": false; "isSignal": true; }; "classBodyInclude": { "alias": "classBodyInclude"; "required": false; "isSignal": true; }; "classFooterInclude": { "alias": "classFooterInclude"; "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-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; }; "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>;
 }

package/templates/templates.component.d.ts

@@ -1,3 +1,4 @@
+import { OnDestroy } from '@angular/core';
 import { IButton } from '@libs-ui/components-buttons-button';
 import { IDropdownFunctionControlEvent, IEmitMultiKey, IEmitSelectKey } from '@libs-ui/components-dropdown';
 import { TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
@@ -5,7 +6,7 @@ import { ISwitchEvent } from '@libs-ui/components-switch';
 import { TYPE_ITEM_DATA_TABLE } from '../interfaces';
 import { ITableFieldTemplateConfig, ITableTemplateConfig } from '../interfaces/template-config.interface';
 import * as i0 from "@angular/core";
-export declare class LibsUiComponentsTableTemplatesComponent {
+export declare class LibsUiComponentsTableTemplatesComponent implements OnDestroy {
     private lockClick;
     private functionControls;
     protected isImageError: boolean | undefined;
@@ -13,13 +14,15 @@ export declare class LibsUiComponentsTableTemplatesComponent {
     readonly configs: import("@angular/core").InputSignal<ITableTemplateConfig[] | undefined>;
     readonly templateCssWrapper: import("@angular/core").InputSignal<string | undefined>;
     readonly item: import("@angular/core").InputSignal<TYPE_ITEM_DATA_TABLE>;
-    protected handlerItemClick(event: Event | TYPE_POPOVER_EVENT | undefined, config: ITableFieldTemplateConfig, dataField: any): Promise<void>;
+    protected handlerItemClick(event: Event | TYPE_POPOVER_EVENT | undefined, config: ITableFieldTemplateConfig): Promise<void>;
     protected clickButtonAction(button: IButton): Promise<void>;
     protected handlerSwitch(switchItem: ISwitchEvent, config: ITableFieldTemplateConfig): Promise<void>;
     protected handlerSelectItemDropdown(fieldConfig: ITableFieldTemplateConfig, index: number, data?: IEmitSelectKey): Promise<void>;
     protected handlerSelectItemsDropdown(fieldConfig: ITableFieldTemplateConfig, index: number, data?: IEmitMultiKey): Promise<void>;
     protected handlerImageError(event: Event): Promise<void>;
     protected handlerFunctionControl(event: IDropdownFunctionControlEvent, index: number): Promise<void>;
+    private handleLockClick;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsTableTemplatesComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsTableTemplatesComponent, "libs_ui-components-table-templates", never, { "isHover": { "alias": "isHover"; "required": false; "isSignal": true; }; "configs": { "alias": "configs"; "required": false; "isSignal": true; }; "templateCssWrapper": { "alias": "templateCssWrapper"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/esm2022/templates/template.abstract.component.mjs

@@ -1,16 +0,0 @@
-import { Component, input } from "@angular/core";
-import * as i0 from "@angular/core";
-export class LibsUiComponentsTableTemplateAbstractComponent {
-    item = input.required();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsTableTemplateAbstractComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: LibsUiComponentsTableTemplateAbstractComponent, selector: "libs_ui-components-table-templates_abstract", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsTableTemplateAbstractComponent, decorators: [{
-            type: Component,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/component-selector
-                    selector: 'libs_ui-components-table-templates_abstract',
-                    template: ``
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVtcGxhdGUuYWJzdHJhY3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL3RhYmxlL3NyYy90ZW1wbGF0ZXMvdGVtcGxhdGUuYWJzdHJhY3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVFqRCxNQUFNLE9BQU8sOENBQThDO0lBQ2hELElBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUF3QixDQUFDO3dHQUQ1Qyw4Q0FBOEM7NEZBQTlDLDhDQUE4QyxtTkFGL0MsRUFBRTs7NEZBRUQsOENBQThDO2tCQUwxRCxTQUFTO21CQUFDO29CQUNULDhEQUE4RDtvQkFDOUQsUUFBUSxFQUFFLDZDQUE2QztvQkFDdkQsUUFBUSxFQUFFLEVBQUU7aUJBQ2IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFRZUEVfSVRFTV9EQVRBX1RBQkxFIH0gZnJvbSBcIi4uL2ludGVyZmFjZXNcIjtcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbGlic191aS1jb21wb25lbnRzLXRhYmxlLXRlbXBsYXRlc19hYnN0cmFjdCcsXG4gIHRlbXBsYXRlOiBgYFxufSlcbmV4cG9ydCBjbGFzcyBMaWJzVWlDb21wb25lbnRzVGFibGVUZW1wbGF0ZUFic3RyYWN0Q29tcG9uZW50IHtcbiAgcmVhZG9ubHkgaXRlbSA9IGlucHV0LnJlcXVpcmVkPFRZUEVfSVRFTV9EQVRBX1RBQkxFPigpO1xufSJdfQ==

package/templates/template.abstract.component.d.ts

@@ -1,7 +0,0 @@
-import { TYPE_ITEM_DATA_TABLE } from "../interfaces";
-import * as i0 from "@angular/core";
-export declare class LibsUiComponentsTableTemplateAbstractComponent {
-    readonly item: import("@angular/core").InputSignal<TYPE_ITEM_DATA_TABLE>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsTableTemplateAbstractComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsTableTemplateAbstractComponent, "libs_ui-components-table-templates_abstract", never, { "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, never, false, never>;
-}