@libs-ui/components-table 0.2.179 → 0.2.182
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.
- package/esm2022/interfaces/table-config.interface.mjs +1 -1
- package/esm2022/pipes/calculator-column.pipe.mjs +52 -0
- package/esm2022/table.component.mjs +49 -12
- package/esm2022/templates/templates.component.mjs +9 -9
- package/fesm2022/libs-ui-components-table.mjs +106 -20
- package/fesm2022/libs-ui-components-table.mjs.map +1 -1
- package/interfaces/table-config.interface.d.ts +1 -0
- package/package.json +23 -23
- package/pipes/calculator-column.pipe.d.ts +9 -0
- package/table.component.d.ts +14 -6
- package/templates/templates.component.d.ts +1 -1
package/package.json
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@libs-ui/components-table",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.182",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^18.2.0",
|
|
6
6
|
"@angular/core": "^18.2.0",
|
|
7
|
-
"@libs-ui/components-buttons-button": "^0.2.
|
|
7
|
+
"@libs-ui/components-buttons-button": "^0.2.182",
|
|
8
8
|
"@iharbeck/ngx-virtual-scroller": "15.2.0",
|
|
9
|
-
"@libs-ui/interfaces-types": "^0.2.
|
|
10
|
-
"@libs-ui/components-buttons-sort": "^0.2.
|
|
11
|
-
"@libs-ui/components-popover": "^0.2.
|
|
12
|
-
"@libs-ui/components-avatar": "^0.2.
|
|
13
|
-
"@libs-ui/components-dropdown": "^0.2.
|
|
14
|
-
"@libs-ui/components-line-clamp": "^0.2.
|
|
15
|
-
"@libs-ui/components-list": "^0.2.
|
|
16
|
-
"@libs-ui/components-switch": "^0.2.
|
|
17
|
-
"@libs-ui/services-http-request": "^0.2.
|
|
9
|
+
"@libs-ui/interfaces-types": "^0.2.182",
|
|
10
|
+
"@libs-ui/components-buttons-sort": "^0.2.182",
|
|
11
|
+
"@libs-ui/components-popover": "^0.2.182",
|
|
12
|
+
"@libs-ui/components-avatar": "^0.2.182",
|
|
13
|
+
"@libs-ui/components-dropdown": "^0.2.182",
|
|
14
|
+
"@libs-ui/components-line-clamp": "^0.2.182",
|
|
15
|
+
"@libs-ui/components-list": "^0.2.182",
|
|
16
|
+
"@libs-ui/components-switch": "^0.2.182",
|
|
17
|
+
"@libs-ui/services-http-request": "^0.2.182",
|
|
18
18
|
"rxjs": "~7.8.0",
|
|
19
|
-
"@libs-ui/components-checkbox-group": "^0.2.
|
|
20
|
-
"@libs-ui/components-checkbox-single": "^0.2.
|
|
21
|
-
"@libs-ui/components-scroll-overlay": "^0.2.
|
|
22
|
-
"@libs-ui/components-spinner": "^0.2.
|
|
23
|
-
"@libs-ui/icons": "^0.2.
|
|
24
|
-
"@libs-ui/pipes-call-function-in-template": "^0.2.
|
|
25
|
-
"@libs-ui/pipes-check-selected-by-key": "^0.2.
|
|
26
|
-
"@libs-ui/utils": "^0.2.
|
|
19
|
+
"@libs-ui/components-checkbox-group": "^0.2.182",
|
|
20
|
+
"@libs-ui/components-checkbox-single": "^0.2.182",
|
|
21
|
+
"@libs-ui/components-scroll-overlay": "^0.2.182",
|
|
22
|
+
"@libs-ui/components-spinner": "^0.2.182",
|
|
23
|
+
"@libs-ui/icons": "^0.2.182",
|
|
24
|
+
"@libs-ui/pipes-call-function-in-template": "^0.2.182",
|
|
25
|
+
"@libs-ui/pipes-check-selected-by-key": "^0.2.182",
|
|
26
|
+
"@libs-ui/utils": "^0.2.182",
|
|
27
27
|
"@ngx-translate/core": "^15.0.0",
|
|
28
|
-
"@libs-ui/components-buttons-status": "^0.2.
|
|
29
|
-
"@libs-ui/pipes-clone-object": "^0.2.
|
|
30
|
-
"@libs-ui/pipes-security-trust": "^0.2.
|
|
31
|
-
"@libs-ui/components-badge": "^0.2.
|
|
28
|
+
"@libs-ui/components-buttons-status": "^0.2.182",
|
|
29
|
+
"@libs-ui/pipes-clone-object": "^0.2.182",
|
|
30
|
+
"@libs-ui/pipes-security-trust": "^0.2.182",
|
|
31
|
+
"@libs-ui/components-badge": "^0.2.182"
|
|
32
32
|
},
|
|
33
33
|
"sideEffects": false,
|
|
34
34
|
"module": "fesm2022/libs-ui-components-table.mjs",
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import { ITableHeaderConfig } from '../interfaces/table-config.interface';
|
|
3
|
+
import { TYPE_OBJECT } from '@libs-ui/interfaces-types';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class LibsUiTableCalculatorColumnPipe implements PipeTransform {
|
|
6
|
+
transform(header: ITableHeaderConfig | undefined, offsetWidth: number, headerLeftConfig?: Array<ITableHeaderConfig>, headerRightConfig?: Array<ITableHeaderConfig>): TYPE_OBJECT | undefined;
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiTableCalculatorColumnPipe, never>;
|
|
8
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<LibsUiTableCalculatorColumnPipe, "LibsUiTableCalculatorColumnPipe", true>;
|
|
9
|
+
}
|
package/table.component.d.ts
CHANGED
|
@@ -15,11 +15,12 @@ import * as i0 from "@angular/core";
|
|
|
15
15
|
export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy {
|
|
16
16
|
/** PROPERTY */
|
|
17
17
|
protected classHeaderContainer: import("@angular/core").Signal<string>;
|
|
18
|
+
protected classHeaderLeftContainer: import("@angular/core").Signal<string>;
|
|
18
19
|
protected keysSelected: WritableSignal<any[]>;
|
|
19
20
|
protected loading: WritableSignal<boolean>;
|
|
20
21
|
protected stores: WritableSignal<WritableSignal<TYPE_OBJECT>[]>;
|
|
21
22
|
protected items: WritableSignal<WritableSignal<TYPE_OBJECT>[]>;
|
|
22
|
-
protected itemFooter: WritableSignal<TYPE_OBJECT>;
|
|
23
|
+
protected itemFooter: WritableSignal<TYPE_OBJECT | undefined>;
|
|
23
24
|
protected itemOfIndexHover?: TYPE_ITEM_DATA_TABLE;
|
|
24
25
|
protected keySearch: WritableSignal<string>;
|
|
25
26
|
protected totalItemInBackend: WritableSignal<number>;
|
|
@@ -34,6 +35,7 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
|
|
|
34
35
|
private storeParamsCallApi;
|
|
35
36
|
private timeoutLeaveItem;
|
|
36
37
|
private functionControlSelectMoreItem?;
|
|
38
|
+
private mouseScrollContext;
|
|
37
39
|
private onDestroy;
|
|
38
40
|
/** INPUT */
|
|
39
41
|
readonly timeHighlighNewItem: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
|
|
@@ -50,7 +52,8 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
|
|
|
50
52
|
readonly bufferAmount: import("@angular/core").InputSignalWithTransform<number, number | undefined>;
|
|
51
53
|
readonly totalItem: import("@angular/core").InputSignal<number | undefined>;
|
|
52
54
|
readonly isDashBorder: import("@angular/core").InputSignal<boolean | undefined>;
|
|
53
|
-
readonly
|
|
55
|
+
readonly classHeaderContainerInclude: import("@angular/core").InputSignal<string | undefined>;
|
|
56
|
+
readonly classHeaderLeftInclude: import("@angular/core").InputSignal<string | undefined>;
|
|
54
57
|
readonly classBodyInclude: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
|
|
55
58
|
readonly classFooterInclude: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
|
|
56
59
|
readonly classTableContainerInclude: import("@angular/core").InputSignalWithTransform<string, string | undefined>;
|
|
@@ -114,7 +117,8 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
|
|
|
114
117
|
private checkExistItem;
|
|
115
118
|
private removeItems;
|
|
116
119
|
private getCount;
|
|
117
|
-
protected
|
|
120
|
+
protected handlerScrollBody(e: Event): void;
|
|
121
|
+
protected handlerScrollHeader(e: Event): void;
|
|
118
122
|
protected handlerScrollBottom(e: Event): void;
|
|
119
123
|
private loadMore;
|
|
120
124
|
private loadMoreSuccess;
|
|
@@ -134,13 +138,17 @@ export declare class LibsUiComponentsTableComponent implements OnInit, OnDestroy
|
|
|
134
138
|
protected setIndexHover(e: Event, item: WritableSignal<TYPE_OBJECT>): void;
|
|
135
139
|
protected resetIndexHoverWhenMouseLeave(e?: Event): void;
|
|
136
140
|
protected resetIndexHover(e?: Event): void;
|
|
137
|
-
protected
|
|
138
|
-
protected
|
|
141
|
+
protected handlerMouseEnterHeader(event: Event): void;
|
|
142
|
+
protected handlerMouseEnterBody(event: Event): void;
|
|
143
|
+
protected handlerMouseEnterFooter(event: Event): void;
|
|
144
|
+
protected handlerMouseLeaveContainer(event: Event): void;
|
|
145
|
+
protected handlerMouseLeaveFooter(event: Event): void;
|
|
146
|
+
protected setMouseContext(context: 'header' | 'body' | 'footer' | undefined): void;
|
|
139
147
|
private resetScroll;
|
|
140
148
|
private reset;
|
|
141
149
|
private checkScroll;
|
|
142
150
|
protected get BodyElement(): HTMLElement | undefined;
|
|
143
151
|
ngOnDestroy(): void;
|
|
144
152
|
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsTableComponent, never>;
|
|
145
|
-
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; }; "
|
|
153
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsTableComponent, "libs_ui-components-table", never, { "timeHighlighNewItem": { "alias": "timeHighlighNewItem"; "required": false; "isSignal": true; }; "headerLeft": { "alias": "headerLeft"; "required": false; "isSignal": true; }; "headerRight": { "alias": "headerRight"; "required": false; "isSignal": true; }; "configTemplateItemCollapseExpand": { "alias": "configTemplateItemCollapseExpand"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "ignoreBorderFooter": { "alias": "ignoreBorderFooter"; "required": false; "isSignal": true; }; "customPositionFooter": { "alias": "customPositionFooter"; "required": false; "isSignal": true; }; "footerLeft": { "alias": "footerLeft"; "required": false; "isSignal": true; }; "footerRight": { "alias": "footerRight"; "required": false; "isSignal": true; }; "disableCheckbox": { "alias": "disableCheckbox"; "required": false; "isSignal": true; }; "enableUnequalChildrenSizes": { "alias": "enableUnequalChildrenSizes"; "required": false; "isSignal": true; }; "bufferAmount": { "alias": "bufferAmount"; "required": false; "isSignal": true; }; "totalItem": { "alias": "totalItem"; "required": false; "isSignal": true; }; "isDashBorder": { "alias": "isDashBorder"; "required": false; "isSignal": true; }; "classHeaderContainerInclude": { "alias": "classHeaderContainerInclude"; "required": false; "isSignal": true; }; "classHeaderLeftInclude": { "alias": "classHeaderLeftInclude"; "required": false; "isSignal": true; }; "classBodyInclude": { "alias": "classBodyInclude"; "required": false; "isSignal": true; }; "classFooterInclude": { "alias": "classFooterInclude"; "required": false; "isSignal": true; }; "classTableContainerInclude": { "alias": "classTableContainerInclude"; "required": false; "isSignal": true; }; "classBarInclude": { "alias": "classBarInclude"; "required": false; "isSignal": true; }; "fieldKey": { "alias": "fieldKey"; "required": false; "isSignal": true; }; "defaultKeysSelected": { "alias": "defaultKeysSelected"; "required": false; "isSignal": true; }; "labelBarNoSelectItem": { "alias": "labelBarNoSelectItem"; "required": false; "isSignal": true; }; "labelBarButtons": { "alias": "labelBarButtons"; "required": false; "isSignal": true; }; "classLabelBarButtons": { "alias": "classLabelBarButtons"; "required": false; "isSignal": true; }; "barButtons": { "alias": "barButtons"; "required": false; "isSignal": true; }; "sortLocal": { "alias": "sortLocal"; "required": false; "isSignal": true; }; "filterOrSortLocal": { "alias": "filterOrSortLocal"; "required": false; "isSignal": true; }; "httpRequestData": { "alias": "httpRequestData"; "required": false; "isSignal": true; }; "httpRequestDataFooter": { "alias": "httpRequestDataFooter"; "required": false; "isSignal": true; }; "newData": { "alias": "newData"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "ignoreBar": { "alias": "ignoreBar"; "required": false; "isSignal": true; }; "classLabelBarNoSelectItem": { "alias": "classLabelBarNoSelectItem"; "required": false; "isSignal": true; }; "ignoreClassBgHeader": { "alias": "ignoreClassBgHeader"; "required": false; "isSignal": true; }; "noDataConfig": { "alias": "noDataConfig"; "required": false; "isSignal": true; }; "ignoreBorderItemLast": { "alias": "ignoreBorderItemLast"; "required": false; "isSignal": true; }; "isHiddenHeaderWhenNodata": { "alias": "isHiddenHeaderWhenNodata"; "required": false; "isSignal": true; }; "maxItemSelected": { "alias": "maxItemSelected"; "required": false; "isSignal": true; }; "configSelectMoreItem": { "alias": "configSelectMoreItem"; "required": false; "isSignal": true; }; "onlyShowNoResult": { "alias": "onlyShowNoResult"; "required": false; "isSignal": true; }; "ignoreBorderItem": { "alias": "ignoreBorderItem"; "required": false; "isSignal": true; }; }, { "outLoadMore": "outLoadMore"; "outScrollIsGone": "outScrollIsGone"; "outLoading": "outLoading"; "outClickButtonAction": "outClickButtonAction"; "outSort": "outSort"; "outClickBarButton": "outClickBarButton"; "outHoverButtonAction": "outHoverButtonAction"; "outKeysSelected": "outKeysSelected"; "outFunctionsControl": "outFunctionsControl"; "outLoadDataComplete": "outLoadDataComplete"; "outTotalItem": "outTotalItem"; "outLoadDataError": "outLoadDataError"; }, never, ["div.libs-ui-table-bar-left", "div.libs-ui-table-bar-right"], true, never>;
|
|
146
154
|
}
|
|
@@ -13,7 +13,7 @@ export declare class LibsUiComponentsTableTemplatesComponent {
|
|
|
13
13
|
readonly configs: import("@angular/core").InputSignal<ITableTemplateConfig[] | undefined>;
|
|
14
14
|
readonly templateCssWrapper: import("@angular/core").InputSignal<string | undefined>;
|
|
15
15
|
readonly item: import("@angular/core").InputSignal<TYPE_ITEM_DATA_TABLE>;
|
|
16
|
-
protected handlerItemClick(event: Event | TYPE_POPOVER_EVENT | undefined, config: ITableFieldTemplateConfig
|
|
16
|
+
protected handlerItemClick(event: Event | TYPE_POPOVER_EVENT | undefined, config: ITableFieldTemplateConfig): Promise<void>;
|
|
17
17
|
protected clickButtonAction(button: IButton): Promise<void>;
|
|
18
18
|
protected handlerSwitch(switchItem: ISwitchEvent, config: ITableFieldTemplateConfig): Promise<void>;
|
|
19
19
|
protected handlerSelectItemDropdown(fieldConfig: ITableFieldTemplateConfig, index: number, data?: IEmitSelectKey): Promise<void>;
|