@libs-ui/components-list 0.2.10-6.2
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/README.md +3 -0
- package/defines/list.define.d.ts +10 -0
- package/esm2022/defines/list.define.mjs +70 -0
- package/esm2022/highlight-key-search/highlight-key-search.directive.mjs +82 -0
- package/esm2022/index.mjs +4 -0
- package/esm2022/interfaces/config-item.interface.mjs +3 -0
- package/esm2022/interfaces/data-emit.interface.mjs +3 -0
- package/esm2022/interfaces/function-control-event.interface.mjs +2 -0
- package/esm2022/interfaces/index.mjs +6 -0
- package/esm2022/interfaces/tab.interface.mjs +2 -0
- package/esm2022/interfaces/templates-type.type.mjs +2 -0
- package/esm2022/libs-ui-components-list.mjs +5 -0
- package/esm2022/list.component.mjs +351 -0
- package/esm2022/pipes/check-selected-by-key.pipe.mjs +21 -0
- package/esm2022/templates/checkbox/checkbox.component.mjs +288 -0
- package/esm2022/templates/group/group.component.mjs +775 -0
- package/esm2022/templates/group/item/item.component.mjs +80 -0
- package/esm2022/templates/group/pipes/calculator-left-line-vertical-item.pipe.mjs +38 -0
- package/esm2022/templates/group/pipes/calculator-margin-left-item.pipe.mjs +40 -0
- package/esm2022/templates/group/pipes/calculator-padding-left-item.pipe.mjs +26 -0
- package/esm2022/templates/radio/radio.component.mjs +189 -0
- package/esm2022/templates/rows/rows.component.mjs +70 -0
- package/esm2022/templates/tag/tag.component.mjs +151 -0
- package/esm2022/templates/templates.component.abstract.mjs +340 -0
- package/esm2022/templates/text/text.component.mjs +238 -0
- package/fesm2022/libs-ui-components-list.mjs +2650 -0
- package/fesm2022/libs-ui-components-list.mjs.map +1 -0
- package/highlight-key-search/highlight-key-search.directive.d.ts +13 -0
- package/index.d.ts +3 -0
- package/interfaces/config-item.interface.d.ts +233 -0
- package/interfaces/data-emit.interface.d.ts +16 -0
- package/interfaces/function-control-event.interface.d.ts +15 -0
- package/interfaces/index.d.ts +5 -0
- package/interfaces/tab.interface.d.ts +4 -0
- package/interfaces/templates-type.type.d.ts +1 -0
- package/list.component.d.ts +93 -0
- package/package.json +25 -0
- package/pipes/check-selected-by-key.pipe.d.ts +7 -0
- package/templates/checkbox/checkbox.component.d.ts +22 -0
- package/templates/group/group.component.d.ts +49 -0
- package/templates/group/item/item.component.d.ts +27 -0
- package/templates/group/pipes/calculator-left-line-vertical-item.pipe.d.ts +7 -0
- package/templates/group/pipes/calculator-margin-left-item.pipe.d.ts +7 -0
- package/templates/group/pipes/calculator-padding-left-item.pipe.d.ts +7 -0
- package/templates/radio/radio.component.d.ts +21 -0
- package/templates/rows/rows.component.d.ts +23 -0
- package/templates/tag/tag.component.d.ts +17 -0
- package/templates/templates.component.abstract.d.ts +94 -0
- package/templates/text/text.component.d.ts +24 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { OnInit, WritableSignal } from '@angular/core';
|
|
2
|
+
import { IListConfigItemTag } from '../../interfaces/config-item.interface';
|
|
3
|
+
import { LibsUiComponentsListTemplatesComponentAbstract } from '../templates.component.abstract';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class LibsUiComponentsListTagComponent extends LibsUiComponentsListTemplatesComponentAbstract implements OnInit {
|
|
6
|
+
protected configTemplateTag: WritableSignal<IListConfigItemTag | undefined>;
|
|
7
|
+
ngOnInit(): void;
|
|
8
|
+
protected handlerSelectItem(e: Event, item: any): void;
|
|
9
|
+
private emitMoSelectMultiKey;
|
|
10
|
+
protected handlerScrollBottom(): void;
|
|
11
|
+
protected processSearch(): void;
|
|
12
|
+
protected processData(replace?: boolean): void;
|
|
13
|
+
protected getLengthItem(): number;
|
|
14
|
+
protected processKeyChangeUnSelect(item: any): void;
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListTagComponent, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsListTagComponent, "libs_ui-components-list-templates_tag", never, {}, {}, never, never, true, never>;
|
|
17
|
+
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { ElementRef, OnDestroy, TemplateRef, WritableSignal } from "@angular/core";
|
|
2
|
+
import { ISort } from "@libs-ui/components-buttons-sort";
|
|
3
|
+
import { IInputSearchConfig } from "@libs-ui/components-inputs-search";
|
|
4
|
+
import { IFlagMouse } from "@libs-ui/components-popover";
|
|
5
|
+
import { IPaging } from "@libs-ui/interfaces-types";
|
|
6
|
+
import { LibsUiHttpRequestService } from "@libs-ui/services-http-request";
|
|
7
|
+
import { TranslateService } from '@ngx-translate/core';
|
|
8
|
+
import { Subject, Subscription } from 'rxjs';
|
|
9
|
+
import { IDataUpdateToStore, IListDataEmitKey, IListDataEmitMultiKey } from "../interfaces";
|
|
10
|
+
import { IListConfigItem, IListConfigItemCheckbox, IListConfigItemRadio, IListConfigItemText } from "../interfaces/config-item.interface";
|
|
11
|
+
import * as i0 from "@angular/core";
|
|
12
|
+
export declare abstract class LibsUiComponentsListTemplatesComponentAbstract implements OnDestroy {
|
|
13
|
+
protected loading: WritableSignal<boolean>;
|
|
14
|
+
protected heightViewPort: WritableSignal<number>;
|
|
15
|
+
protected store: WritableSignal<WritableSignal<any>[]>;
|
|
16
|
+
protected items: WritableSignal<WritableSignal<any>[]>;
|
|
17
|
+
protected loadedLastItem: WritableSignal<boolean>;
|
|
18
|
+
protected hasScroll: WritableSignal<boolean>;
|
|
19
|
+
protected fieldKeyDefault: WritableSignal<string>;
|
|
20
|
+
protected fieldKey: WritableSignal<string>;
|
|
21
|
+
protected timeAutoScrollItemSelected: WritableSignal<number>;
|
|
22
|
+
protected pagingStore: WritableSignal<IPaging | undefined>;
|
|
23
|
+
protected heightItem: WritableSignal<number>;
|
|
24
|
+
protected timeIntervalIntervalSetHeightViewPort: WritableSignal<number>;
|
|
25
|
+
protected timeIntervalCheckScroll: WritableSignal<number>;
|
|
26
|
+
protected onDestroy: Subject<void>;
|
|
27
|
+
protected intervalSetHeightViewPortSubscription: Subscription;
|
|
28
|
+
protected intervalCheckScrollSubscription: Subscription;
|
|
29
|
+
readonly functionGetItemsAutoAddList: import("@angular/core").InputSignal<(() => Array<any>) | undefined>;
|
|
30
|
+
readonly paddingLeftItem: import("@angular/core").InputSignal<boolean | undefined>;
|
|
31
|
+
readonly maxItemShow: import("@angular/core").InputSignal<number>;
|
|
32
|
+
readonly searchConfig: import("@angular/core").InputSignal<IInputSearchConfig | undefined>;
|
|
33
|
+
readonly config: import("@angular/core").InputSignal<IListConfigItem | undefined>;
|
|
34
|
+
readonly keySearch: import("@angular/core").ModelSignal<string>;
|
|
35
|
+
readonly dropdownTabKeyActive: import("@angular/core").InputSignal<string | undefined>;
|
|
36
|
+
readonly isSearchOnline: import("@angular/core").InputSignal<boolean>;
|
|
37
|
+
readonly onSearch: import("@angular/core").InputSignal<Subject<string> | undefined>;
|
|
38
|
+
readonly onRefresh: import("@angular/core").InputSignal<Subject<void> | undefined>;
|
|
39
|
+
readonly onSetHiddenItemByKey: import("@angular/core").InputSignal<Subject<unknown[]> | undefined>;
|
|
40
|
+
readonly onRemoveItems: import("@angular/core").InputSignal<Subject<unknown[]> | undefined>;
|
|
41
|
+
readonly onSetDataStore: import("@angular/core").InputSignal<Subject<any[]> | undefined>;
|
|
42
|
+
readonly onUpdateMultiKeySelectedGroup: import("@angular/core").InputSignal<Subject<void> | undefined>;
|
|
43
|
+
readonly onItemChangeUnSelect: import("@angular/core").InputSignal<Subject<any> | undefined>;
|
|
44
|
+
readonly onUpdateData: import("@angular/core").InputSignal<Subject<IDataUpdateToStore> | undefined>;
|
|
45
|
+
readonly clickExactly: import("@angular/core").InputSignal<boolean | undefined>;
|
|
46
|
+
readonly keySelected: import("@angular/core").ModelSignal<unknown>;
|
|
47
|
+
readonly multiKeySelected: import("@angular/core").ModelSignal<unknown[] | undefined>;
|
|
48
|
+
readonly keysDisableItem: import("@angular/core").InputSignal<unknown[] | undefined>;
|
|
49
|
+
readonly keysHiddenItem: import("@angular/core").ModelSignal<unknown[] | undefined>;
|
|
50
|
+
readonly disable: import("@angular/core").InputSignal<boolean | undefined>;
|
|
51
|
+
readonly disableLabel: import("@angular/core").InputSignal<boolean | undefined>;
|
|
52
|
+
readonly zIndex: import("@angular/core").InputSignal<number>;
|
|
53
|
+
readonly loadingIconSize: import("@angular/core").InputSignal<"small" | "large" | "medium" | "smaller" | undefined>;
|
|
54
|
+
readonly resetKeyWhenSelectAllKeyDropdown: import("@angular/core").InputSignal<boolean | undefined>;
|
|
55
|
+
readonly ignoreClassDisableDefaultWhenUseKeysDisableItem: import("@angular/core").InputSignal<boolean | undefined>;
|
|
56
|
+
readonly templateRefSearchNoData: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
|
|
57
|
+
readonly autoSelectedFirstItemCallOutsideBefore: import("@angular/core").InputSignal<boolean>;
|
|
58
|
+
readonly outSortSingleSelect: import("@angular/core").OutputEmitterRef<ISort>;
|
|
59
|
+
readonly outSelectKey: import("@angular/core").OutputEmitterRef<IListDataEmitKey | undefined>;
|
|
60
|
+
readonly outSelectMultiKey: import("@angular/core").OutputEmitterRef<IListDataEmitMultiKey>;
|
|
61
|
+
readonly outUnSelectMultiKey: import("@angular/core").OutputEmitterRef<unknown[]>;
|
|
62
|
+
readonly outFieldKey: import("@angular/core").OutputEmitterRef<string | undefined>;
|
|
63
|
+
readonly outChangeView: import("@angular/core").OutputEmitterRef<any[]>;
|
|
64
|
+
readonly outLoading: import("@angular/core").OutputEmitterRef<boolean>;
|
|
65
|
+
readonly outChangStageFlagMousePopover: import("@angular/core").OutputEmitterRef<IFlagMouse>;
|
|
66
|
+
readonly outLoadItemsComplete: import("@angular/core").OutputEmitterRef<{
|
|
67
|
+
items: Array<any>;
|
|
68
|
+
paging?: IPaging;
|
|
69
|
+
}>;
|
|
70
|
+
protected itemRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
71
|
+
protected translateService: TranslateService;
|
|
72
|
+
protected httpRequestService: LibsUiHttpRequestService;
|
|
73
|
+
constructor();
|
|
74
|
+
ngOnInit(): void;
|
|
75
|
+
private updateData;
|
|
76
|
+
private getFieldKey;
|
|
77
|
+
private removeItems;
|
|
78
|
+
private removeItem;
|
|
79
|
+
protected setHeightViewPort(callBackCalculatorHeightSuccess?: () => void): void;
|
|
80
|
+
protected setHiddenItemByKey(keys: Array<unknown>): void;
|
|
81
|
+
protected checkViewPortScroll(callBack?: (pre: boolean, current: boolean) => void): void;
|
|
82
|
+
protected callApiByService(firstCall?: boolean): Promise<void>;
|
|
83
|
+
protected fakeResponseApi(): Record<string, any>;
|
|
84
|
+
protected buildValueByConfig(item: WritableSignal<any>, configTemplate?: IListConfigItemText | IListConfigItemRadio | IListConfigItemCheckbox): string;
|
|
85
|
+
protected handlerChangStageFlagMouse(flag: IFlagMouse): void;
|
|
86
|
+
protected abstract processData(isReplace?: boolean): any;
|
|
87
|
+
protected abstract processSearch(): any;
|
|
88
|
+
protected abstract getLengthItem(): number;
|
|
89
|
+
protected getHeightGroupHasLine(): number;
|
|
90
|
+
protected abstract processKeyChangeUnSelect(item: any): void;
|
|
91
|
+
ngOnDestroy(): void;
|
|
92
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListTemplatesComponentAbstract, never>;
|
|
93
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LibsUiComponentsListTemplatesComponentAbstract, never, never, { "functionGetItemsAutoAddList": { "alias": "functionGetItemsAutoAddList"; "required": false; "isSignal": true; }; "paddingLeftItem": { "alias": "paddingLeftItem"; "required": false; "isSignal": true; }; "maxItemShow": { "alias": "maxItemShow"; "required": false; "isSignal": true; }; "searchConfig": { "alias": "searchConfig"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "keySearch": { "alias": "keySearch"; "required": false; "isSignal": true; }; "dropdownTabKeyActive": { "alias": "dropdownTabKeyActive"; "required": false; "isSignal": true; }; "isSearchOnline": { "alias": "isSearchOnline"; "required": false; "isSignal": true; }; "onSearch": { "alias": "onSearch"; "required": false; "isSignal": true; }; "onRefresh": { "alias": "onRefresh"; "required": false; "isSignal": true; }; "onSetHiddenItemByKey": { "alias": "onSetHiddenItemByKey"; "required": false; "isSignal": true; }; "onRemoveItems": { "alias": "onRemoveItems"; "required": false; "isSignal": true; }; "onSetDataStore": { "alias": "onSetDataStore"; "required": false; "isSignal": true; }; "onUpdateMultiKeySelectedGroup": { "alias": "onUpdateMultiKeySelectedGroup"; "required": false; "isSignal": true; }; "onItemChangeUnSelect": { "alias": "onItemChangeUnSelect"; "required": false; "isSignal": true; }; "onUpdateData": { "alias": "onUpdateData"; "required": false; "isSignal": true; }; "clickExactly": { "alias": "clickExactly"; "required": false; "isSignal": true; }; "keySelected": { "alias": "keySelected"; "required": false; "isSignal": true; }; "multiKeySelected": { "alias": "multiKeySelected"; "required": false; "isSignal": true; }; "keysDisableItem": { "alias": "keysDisableItem"; "required": false; "isSignal": true; }; "keysHiddenItem": { "alias": "keysHiddenItem"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "disableLabel": { "alias": "disableLabel"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; "loadingIconSize": { "alias": "loadingIconSize"; "required": false; "isSignal": true; }; "resetKeyWhenSelectAllKeyDropdown": { "alias": "resetKeyWhenSelectAllKeyDropdown"; "required": false; "isSignal": true; }; "ignoreClassDisableDefaultWhenUseKeysDisableItem": { "alias": "ignoreClassDisableDefaultWhenUseKeysDisableItem"; "required": false; "isSignal": true; }; "templateRefSearchNoData": { "alias": "templateRefSearchNoData"; "required": false; "isSignal": true; }; "autoSelectedFirstItemCallOutsideBefore": { "alias": "autoSelectedFirstItemCallOutsideBefore"; "required": false; "isSignal": true; }; }, { "keySearch": "keySearchChange"; "keySelected": "keySelectedChange"; "multiKeySelected": "multiKeySelectedChange"; "keysHiddenItem": "keysHiddenItemChange"; "outSortSingleSelect": "outSortSingleSelect"; "outSelectKey": "outSelectKey"; "outSelectMultiKey": "outSelectMultiKey"; "outUnSelectMultiKey": "outUnSelectMultiKey"; "outFieldKey": "outFieldKey"; "outChangeView": "outChangeView"; "outLoading": "outLoading"; "outChangStageFlagMousePopover": "outChangStageFlagMousePopover"; "outLoadItemsComplete": "outLoadItemsComplete"; }, never, never, false, never>;
|
|
94
|
+
}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { OnInit, WritableSignal } from '@angular/core';
|
|
2
|
+
import { ISort } from '@libs-ui/components-buttons-sort';
|
|
3
|
+
import { LibsUiComponentsListTemplatesComponentAbstract } from '../templates.component.abstract';
|
|
4
|
+
import { IListConfigItemText } from './../../interfaces/config-item.interface';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class LibsUiComponentsListTextComponent extends LibsUiComponentsListTemplatesComponentAbstract implements OnInit {
|
|
7
|
+
protected configTemplateText: WritableSignal<IListConfigItemText | undefined>;
|
|
8
|
+
private readonly virtualScrollerComponent;
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
protected handlerScrollBottom(): void;
|
|
11
|
+
protected processSearch(): void;
|
|
12
|
+
protected handlerClickRelative(e: Event, item: any): void;
|
|
13
|
+
protected processKeyChangeUnSelect(item: any): void;
|
|
14
|
+
protected handlerSelectItem(e: Event | string, item: any, action?: (item: any) => void, ignoreDisable?: boolean, isClickManual?: boolean): void;
|
|
15
|
+
protected handlerSort(itemSort: ISort): void;
|
|
16
|
+
protected processData(replace?: boolean): void;
|
|
17
|
+
private scrollToItemSelected;
|
|
18
|
+
protected autoSelectFirstItem(items: Array<WritableSignal<any>>): void;
|
|
19
|
+
protected emitKeySelectedDefaultIfExistItem(items: Array<WritableSignal<any>>): void;
|
|
20
|
+
protected getLengthItem(): number;
|
|
21
|
+
protected handlerImageError(event: Event, item: any): void;
|
|
22
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListTextComponent, never>;
|
|
23
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsListTextComponent, "libs_ui-components-list-templates_text", never, {}, {}, never, never, true, never>;
|
|
24
|
+
}
|