@libs-ui/components-table 0.2.356-9 → 0.2.357-0

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

@@ -4,9 +4,9 @@ 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;
+    callApiByService: (firstCall: boolean, resetAfterCallApi?: boolean, isChangePage?: boolean) => void;
     resetScroll: (scrollPositionLeft?: number, scrollPositionTop?: number) => void;
-    removeItems: (keys: Array<unknown>, ignoreReCallFooter?: boolean) => void;
+    removeItems: (keys: Array<unknown>, ignoreReCallFooter?: boolean, autoCountNewItem?: boolean) => void;
     addItems: (items: TYPE_DATA_TABLE, addFirst: boolean, ignoreHightLight?: boolean, ignoreReCallFooter?: boolean, autoCountNewItem?: boolean) => void;
     getScrollContainer: () => VirtualScrollerComponent;
     hideToolBarBottom: () => void;
@@ -17,4 +17,5 @@ export interface ITableFunctionControlEvent {
     getStore: () => Array<WritableSignal<TYPE_OBJECT>>;
     getItems: () => Array<WritableSignal<TYPE_OBJECT>>;
     hightLightItem: (items: Array<TYPE_ITEM_DATA_TABLE>) => Promise<void>;
+    changePagination: (page?: number) => Promise<void>;
 }

package/package.json

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

package/table.component.d.ts

@@ -1,43 +1,46 @@
-import { ElementRef, OnDestroy, OnInit, WritableSignal } from '@angular/core';
+import { 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 { IDropdownFunctionControlEvent, IEmitSelectKey } from '@libs-ui/components-dropdown';
 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 { IPaginationConfig } from '@libs-ui/components-pagination';
+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 { IButtonBarEvent, IConfigSelectMoreItem, IConfigTemplateItemCollapseExpand, ILoadMoreEvent, ISortEvent, 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>;
+    /** GROUP 1 — private non-signal */
+    private functionControlSelectMoreItem?;
+    /** GROUP 2 — protected non-signal */
+    protected itemOfIndexHover?: TYPE_ITEM_DATA_TABLE;
+    /** GROUP 3 — private signal */
+    private readonly moreItemPopoverConfig;
+    private readonly moreItemTextConfig;
+    private readonly moreItemHttpData;
+    private readonly hasScroll;
+    private readonly instanceSort;
+    private readonly pagingStore;
+    private readonly loadedLastItem;
+    private readonly storeParamsCallApi;
+    private readonly timeoutLeaveItem;
+    private readonly mouseEnterHeader;
+    private readonly stores;
+    private readonly totalItemInBackend;
+    /** GROUP 4 — protected signal */
     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 | undefined>;
-    protected itemOfIndexHover?: TYPE_ITEM_DATA_TABLE;
     protected keySearch: WritableSignal<string>;
-    protected totalItemInBackend: WritableSignal<number>;
-    protected totalItemDisplay: import("@angular/core").Signal<any>;
-    protected listConfigMoreItem: import("@angular/core").Signal<IListConfigItem>;
     protected itemsHightLight: WritableSignal<TYPE_ITEM_DATA_TABLE[]>;
-    protected hasItemHightLight: import("@angular/core").Signal<boolean>;
-    private hasScroll;
-    private instanceSort;
-    private hasActionButtonDropdownContent;
-    protected pagingStore: WritableSignal<IPaging | undefined>;
-    private loadedLastItem;
-    private storeParamsCallApi;
-    private timeoutLeaveItem;
-    private functionControlSelectMoreItem?;
-    private mouseEnterHeader;
-    /** INPUT */
+    protected headerRightViewPort: WritableSignal<ITableHeaderConfig[]>;
+    protected paddingLeftHeaderRight: WritableSignal<number>;
+    protected footerRightViewPort: WritableSignal<ITableFooterConfig[]>;
+    /** GROUP 5 — input() */
     readonly optimizeTableRenderByOnViewport: import("@angular/core").InputSignal<boolean | undefined>;
     readonly timeHighlighNewItem: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
     readonly headerLeft: import("@angular/core").InputSignalWithTransform<ITableHeaderConfig[], ITableHeaderConfig[] | undefined>;
@@ -87,72 +90,70 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     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;
-        numberPageDisplay?: number;
-        showTotalPage?: boolean;
-        showInputGotoPage?: boolean;
-        modeDisplayTotalPageAndGotoPage?: "top" | "bottom" | "left" | "right";
-        classDisplayTotalPageAndGotoPage?: string;
-    } | undefined>;
+    readonly paginationSetting: import("@angular/core").InputSignal<IPaginationConfig | undefined>;
     readonly templateNoData: import("@angular/core").InputSignal<any>;
     readonly templateNoResult: import("@angular/core").InputSignal<any>;
-    /** OUTPUT */
+    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>;
+    /** GROUP 6 — protected computed */
+    protected classHeaderContainer: import("@angular/core").Signal<string>;
+    protected classHeaderLeftContainer: import("@angular/core").Signal<string>;
+    protected totalItemDisplay: import("@angular/core").Signal<any>;
+    protected listConfigMoreItem: import("@angular/core").Signal<IListConfigItem>;
+    protected hasItemHightLight: import("@angular/core").Signal<boolean>;
+    protected classLabelBarNoSelectItemCss: import("@angular/core").Signal<string>;
+    protected paginationConfig: import("@angular/core").Signal<{
+        modeDisplayTotalPageAndGotoPage: "top" | "bottom" | "left" | "right";
+        classDisplayTotalPageAndGotoPage: string;
+        classIncludeItem: string;
+        classIncludeContainer: string;
+        disable: boolean;
+        numberPageDisplay: number;
+        showTotalPage: boolean;
+        showInputGotoPage: boolean;
+        firstPageStartNumber: 0 | 1;
+    }>;
+    protected pagingTotalItems: import("@angular/core").Signal<number>;
+    protected pagingPerPage: import("@angular/core").Signal<number>;
+    protected pagingCurrentPage: import("@angular/core").Signal<number>;
+    protected noDataText: import("@angular/core").Signal<string>;
+    protected noDataSearchText: import("@angular/core").Signal<string>;
+    /** GROUP 7 — output() */
     readonly outLoadMore: import("@angular/core").OutputEmitterRef<ILoadMoreEvent>;
     readonly outScrollIsGone: import("@angular/core").OutputEmitterRef<ILoadMoreEvent>;
     readonly outLoading: import("@angular/core").OutputEmitterRef<boolean>;
-    readonly outClickButtonAction: import("@angular/core").OutputEmitterRef<ITabelButtonActionEvent>;
     readonly outSort: import("@angular/core").OutputEmitterRef<ISortEvent>;
     readonly outClickBarButton: import("@angular/core").OutputEmitterRef<IButtonBarEvent>;
-    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>[]>>;
     readonly outTotalItem: import("@angular/core").OutputEmitterRef<number>;
     readonly outLoadDataError: import("@angular/core").OutputEmitterRef<IHttpResponseError>;
-    /**VIEW CHILD */
-    protected headerElementRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    protected footerElementRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    protected footerLeftElementRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
-    private bodyElementRef;
-    private bodyComponentRef;
-    /**INJECT */
-    private httpRequestService;
-    private destroyRef;
-    private cdr;
+    /** GROUP 8 — viewChild() (private) */
+    private readonly headerElementRef;
+    private readonly footerElementRef;
+    private readonly footerLeftElementRef;
+    private readonly bodyElementRef;
+    private readonly bodyComponentRef;
+    private readonly paginationRef;
+    /** GROUP 9 — inject() (private readonly) */
+    private readonly httpRequestService;
+    private readonly destroyRef;
+    private readonly cdr;
     constructor();
     ngOnInit(): void;
     get FunctionsControl(): ITableFunctionControlEvent;
-    protected getIndexRow: (data: {
-        value: TYPE_ITEM_DATA_TABLE;
-    }) => import("rxjs").Observable<number>;
-    private getScrollContainer;
-    private callApiByService;
-    protected fakeResponseApi(): TYPE_OBJECT;
-    private callApiByServiceFooter;
-    private addItems;
-    private checkExistItem;
-    private removeItems;
-    private getCount;
-    private loadMoreSuccess;
     protected handlerChangeAllChecked(): void;
-    protected handlerChangeCheckedAllItems(event: ICheckboxEvent): void;
-    private checkCancelConditionCheckedItem;
+    protected handlerChangeCheckedAllItems(event: ICheckboxEvent): Promise<void>;
     protected handlerChangeItemChecked(event: ICheckboxItem, item: TYPE_OBJECT): void;
     protected handlerChangeSort(sort: ISort): Promise<void>;
-    private handlerSortLocal;
     protected handlerFunctionControlMoreSelectItem(functionControl: IDropdownFunctionControlEvent): void;
     protected handlerSelectedMoreItem(event: IEmitSelectKey | undefined): void;
-    private setPerPageSelectMoreItem;
-    private onSortSuccess;
-    protected handlerButtonClick(type: 'button' | 'button-dropdown', buttonDropdownData: any, button: IButton): void;
     protected handlerBarButtonClick(button: IButton): void;
-    protected handlerButtonDropdownEvent(eventName: TYPE_POPOVER_EVENT): void;
     protected setIndexHover(e: Event, item: WritableSignal<TYPE_OBJECT>): void;
     protected resetIndexHoverWhenMouseLeave(e?: Event): void;
     protected resetIndexHover(e?: Event): void;
@@ -165,12 +166,31 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
     protected handlerScrollBody(e: Event): void;
     protected handlerScrollBottom(e: Event): void;
     protected handlerChangePage(page: number): void;
+    protected handlerOutViewPortItemHeaderRight(event: Array<any>): void;
+    protected handlerOutPaddingLeftHeaderRight(event: number): void;
+    protected handlerOutViewPortItemFooterRight(event: Array<any>): void;
+    protected getIndexRow: (data: {
+        value: TYPE_ITEM_DATA_TABLE;
+    }) => import("rxjs").Observable<number>;
+    private fakeResponseApi;
+    private getScrollContainer;
+    private callApiByService;
+    private callApiByServiceFooter;
+    private addItems;
+    private removeItems;
+    private getCount;
+    private loadMoreSuccess;
+    private checkCancelConditionCheckedItem;
+    private handlerSortLocal;
+    private setPerPageSelectMoreItem;
+    private onSortSuccess;
     private resetScroll;
     private reset;
     private checkScroll;
-    protected get BodyElement(): HTMLElement | undefined;
+    private get bodyElement();
     private hightLightItem;
+    private emitKeysSelected;
     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"; "outSort": "outSort"; "outClickBarButton": "outClickBarButton"; "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

@@ -8,12 +8,14 @@ import { ITableFieldTemplateConfig, ITableTemplateConfig } from '../interfaces/t
 import * as i0 from "@angular/core";
 export declare class LibsUiComponentsTableTemplatesComponent implements OnDestroy {
     private lockClick;
-    private functionControls;
-    protected isImageError: boolean | undefined;
+    private lockClickTimeoutId;
+    private readonly functionControls;
+    protected isImageError: import("@angular/core").WritableSignal<boolean | undefined>;
     readonly isHover: import("@angular/core").InputSignal<boolean | undefined>;
     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 templateCssWrapperComputed: import("@angular/core").Signal<string>;
     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>;