@libs-ui/components-table 0.2.341-0 → 0.2.343-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +2 -2
  2. package/esm2022/interfaces/function-control-event.interface.mjs +1 -1
  3. package/esm2022/interfaces/table.type.mjs +1 -1
  4. package/esm2022/table.component.mjs +24 -13
  5. package/fesm2022/libs-ui-components-table.mjs +23 -12
  6. package/fesm2022/libs-ui-components-table.mjs.map +1 -1
  7. package/interfaces/function-control-event.interface.d.ts +6 -1
  8. package/interfaces/table.type.d.ts +7 -7
  9. package/package.json +25 -25
  10. package/table.component.d.ts +3 -2
package/interfaces/function-control-event.interface.d.ts CHANGED
@@ -1,14 +1,19 @@
1
1
  import { VirtualScrollerComponent } from '@iharbeck/ngx-virtual-scroller';
2
2
  import { TYPE_DATA_TABLE } from './table.type';
3
+ import { WritableSignal } from '@angular/core';
4
+ import { TYPE_OBJECT } from '@libs-ui/interfaces-types';
3
5
  export interface ITableFunctionControlEvent {
4
6
  reset: (clearSort?: boolean) => void;
5
7
  callApiByService: (firstCall: boolean, resetAfterCallApi?: boolean) => void;
6
8
  resetScroll: (scrollPositionLeft?: number, scrollPositionTop?: number) => void;
7
9
  removeItems: (keys: Array<unknown>, ignoreReCallFooter?: boolean) => void;
8
10
  addItems: (items: TYPE_DATA_TABLE, addFirst: boolean, ignoreHightLight?: boolean, ignoreReCallFooter?: boolean, autoCountNewItem?: boolean) => void;
9
- getCount: () => number;
10
11
  getScrollContainer: () => VirtualScrollerComponent;
11
12
  hideToolBarBottom: () => void;
12
13
  resetKeySelected: () => void;
13
14
  detectChanges: () => void;
15
+ setCountPagingStore: (count: number) => void;
16
+ getCount: () => number;
17
+ getStore: () => Array<WritableSignal<TYPE_OBJECT>>;
18
+ hightLightItem: (items: TYPE_DATA_TABLE) => Promise<void>;
14
19
  }
package/interfaces/table.type.d.ts CHANGED
@@ -1,13 +1,13 @@
1
1
  import { WritableSignal } from '@angular/core';
2
2
  import { TYPE_OBJECT } from '@libs-ui/interfaces-types';
3
- export type TYPE_TABLE_FILTER = ((items: TYPE_DATA_TABLE, filter: Record<string, unknown>) => Array<WritableSignal<Record<string, unknown>>>) | undefined;
4
- export type TYPE_DATA_FILTER_TABLE = {
5
- filterData: TYPE_OBJECT;
3
+ export type TYPE_TABLE_FILTER<T = TYPE_OBJECT> = ((items: TYPE_DATA_TABLE<T>, filter: Record<string, unknown>) => Array<WritableSignal<Record<string, unknown>>>) | undefined;
4
+ export type TYPE_DATA_FILTER_TABLE<T = TYPE_OBJECT> = {
5
+ filterData: T;
6
6
  ignoreCallApiAuto?: boolean;
7
7
  };
8
- export type TYPE_NEW_DATA_TABLE = {
9
- data: TYPE_DATA_TABLE;
8
+ export type TYPE_NEW_DATA_TABLE<T = TYPE_OBJECT> = {
9
+ data: TYPE_DATA_TABLE<T>;
10
10
  addToLastList?: boolean;
11
11
  };
12
- export type TYPE_DATA_TABLE = WritableSignal<Array<TYPE_ITEM_DATA_TABLE>>;
13
- export type TYPE_ITEM_DATA_TABLE = WritableSignal<TYPE_OBJECT>;
12
+ export type TYPE_DATA_TABLE<T = TYPE_OBJECT> = WritableSignal<Array<TYPE_ITEM_DATA_TABLE<T>>>;
13
+ export type TYPE_ITEM_DATA_TABLE<T = TYPE_OBJECT> = WritableSignal<T>;
package/package.json CHANGED
@@ -1,36 +1,36 @@
1
1
  {
2
2
  "name": "@libs-ui/components-table",
3
- "version": "0.2.341-0",
3
+ "version": "0.2.343-0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=18.0.0",
6
6
  "@angular/core": ">=18.0.0",
7
- "@libs-ui/components-buttons-button": "0.2.341-0",
7
+ "@libs-ui/components-buttons-button": "0.2.343-0",
8
8
  "@iharbeck/ngx-virtual-scroller": "15.2.0",
9
- "@libs-ui/interfaces-types": "0.2.341-0",
10
- "@libs-ui/components-buttons-sort": "0.2.341-0",
11
- "@libs-ui/components-popover": "0.2.341-0",
12
- "@libs-ui/components-avatar": "0.2.341-0",
13
- "@libs-ui/components-dropdown": "0.2.341-0",
14
- "@libs-ui/components-line-clamp": "0.2.341-0",
15
- "@libs-ui/components-list": "0.2.341-0",
16
- "@libs-ui/components-switch": "0.2.341-0",
17
- "@libs-ui/services-http-request": "0.2.341-0",
9
+ "@libs-ui/interfaces-types": "0.2.343-0",
10
+ "@libs-ui/components-buttons-sort": "0.2.343-0",
11
+ "@libs-ui/components-popover": "0.2.343-0",
12
+ "@libs-ui/components-avatar": "0.2.343-0",
13
+ "@libs-ui/components-dropdown": "0.2.343-0",
14
+ "@libs-ui/components-line-clamp": "0.2.343-0",
15
+ "@libs-ui/components-list": "0.2.343-0",
16
+ "@libs-ui/components-switch": "0.2.343-0",
17
+ "@libs-ui/services-http-request": "0.2.343-0",
18
18
  "rxjs": "~7.8.0",
19
- "@libs-ui/components-checkbox-group": "0.2.341-0",
20
- "@libs-ui/components-checkbox-single": "0.2.341-0",
21
- "@libs-ui/components-scroll-overlay": "0.2.341-0",
22
- "@libs-ui/components-spinner": "0.2.341-0",
23
- "@libs-ui/icons": "0.2.341-0",
24
- "@libs-ui/pipes-call-function-in-template": "0.2.341-0",
25
- "@libs-ui/pipes-check-selected-by-key": "0.2.341-0",
26
- "@libs-ui/utils": "0.2.341-0",
19
+ "@libs-ui/components-checkbox-group": "0.2.343-0",
20
+ "@libs-ui/components-checkbox-single": "0.2.343-0",
21
+ "@libs-ui/components-scroll-overlay": "0.2.343-0",
22
+ "@libs-ui/components-spinner": "0.2.343-0",
23
+ "@libs-ui/icons": "0.2.343-0",
24
+ "@libs-ui/pipes-call-function-in-template": "0.2.343-0",
25
+ "@libs-ui/pipes-check-selected-by-key": "0.2.343-0",
26
+ "@libs-ui/utils": "0.2.343-0",
27
27
  "@ngx-translate/core": "^15.0.0",
28
- "@libs-ui/components-buttons-status": "0.2.341-0",
29
- "@libs-ui/pipes-clone-object": "0.2.341-0",
30
- "@libs-ui/pipes-security-trust": "0.2.341-0",
31
- "@libs-ui/components-badge": "0.2.341-0",
32
- "@libs-ui/pipes-convert-object-to-signal": "0.2.341-0",
33
- "@libs-ui/pipes-get-value-of-object": "0.2.341-0"
28
+ "@libs-ui/components-buttons-status": "0.2.343-0",
29
+ "@libs-ui/pipes-clone-object": "0.2.343-0",
30
+ "@libs-ui/pipes-security-trust": "0.2.343-0",
31
+ "@libs-ui/components-badge": "0.2.343-0",
32
+ "@libs-ui/pipes-convert-object-to-signal": "0.2.343-0",
33
+ "@libs-ui/pipes-get-value-of-object": "0.2.343-0"
34
34
  },
35
35
  "sideEffects": false,
36
36
  "module": "fesm2022/libs-ui-components-table.mjs",
package/table.component.d.ts CHANGED
@@ -76,7 +76,7 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
76
76
  readonly ignoreBar: import("@angular/core").InputSignal<boolean | undefined>;
77
77
  readonly classLabelBarNoSelectItem: import("@angular/core").InputSignal<string | undefined>;
78
78
  readonly ignoreClassBgHeader: import("@angular/core").InputSignal<boolean | undefined>;
79
- readonly noDataConfig: import("@angular/core").InputSignal<ITableNoDataConfig>;
79
+ readonly noDataConfig: import("@angular/core").InputSignalWithTransform<ITableNoDataConfig, ITableNoDataConfig | undefined>;
80
80
  readonly showScrollTablePinnedIfNoData: import("@angular/core").InputSignal<boolean | undefined>;
81
81
  readonly ignoreBorderItemLast: import("@angular/core").InputSignal<boolean | undefined>;
82
82
  readonly isHiddenHeaderWhenNodata: import("@angular/core").InputSignal<boolean | undefined>;
@@ -90,7 +90,7 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
90
90
  classIncludeContainer?: string;
91
91
  classIncludeItem?: string;
92
92
  disable?: boolean;
93
- numberPageDispaly?: number;
93
+ numberPageDisplay?: number;
94
94
  showTotalPage?: boolean;
95
95
  showInputGotoPage?: boolean;
96
96
  modeDisplayTotalPageAndGotoPage?: "top" | "bottom" | "left" | "right";
@@ -167,6 +167,7 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
167
167
  private reset;
168
168
  private checkScroll;
169
169
  protected get BodyElement(): HTMLElement | undefined;
170
+ private hightLightItem;
170
171
  ngOnDestroy(): void;
171
172
  static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsTableComponent, never>;
172
173
  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; }; "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>;