@libs-ui/components-list 0.1.1-1
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 +2 -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 +420 -0
- package/esm2022/pipes/check-selected-by-key.pipe.mjs +21 -0
- package/esm2022/templates/checkbox/checkbox.component.mjs +304 -0
- package/esm2022/templates/group/group.component.mjs +788 -0
- package/esm2022/templates/group/item/item.component.mjs +82 -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 +193 -0
- package/esm2022/templates/rows/rows.component.mjs +72 -0
- package/esm2022/templates/tag/tag.component.mjs +139 -0
- package/esm2022/templates/templates.component.abstract.mjs +350 -0
- package/esm2022/templates/text/text.component.mjs +247 -0
- package/fesm2022/libs-ui-components-list.mjs +2757 -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 +260 -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 +50 -0
- package/pipes/check-selected-by-key.pipe.d.ts +7 -0
- package/templates/checkbox/checkbox.component.d.ts +24 -0
- package/templates/group/group.component.d.ts +48 -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 +20 -0
- package/templates/rows/rows.component.d.ts +23 -0
- package/templates/tag/tag.component.d.ts +16 -0
- package/templates/templates.component.abstract.d.ts +94 -0
- package/templates/text/text.component.d.ts +24 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { OnInit, WritableSignal } from '@angular/core';
|
|
2
|
+
import { VirtualScrollerComponent } from '@iharbeck/ngx-virtual-scroller';
|
|
3
|
+
import { LibsUiComponentsListTemplatesComponentAbstract } from '../templates.component.abstract';
|
|
4
|
+
import { IListConfigItemRadio } from './../../interfaces/config-item.interface';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class LibsUiComponentsListRadioComponent extends LibsUiComponentsListTemplatesComponentAbstract implements OnInit {
|
|
7
|
+
protected configTemplateRadio: WritableSignal<IListConfigItemRadio | undefined>;
|
|
8
|
+
protected readonly virtualScrollerComponent: import("@angular/core").Signal<VirtualScrollerComponent | undefined>;
|
|
9
|
+
ngOnInit(): void;
|
|
10
|
+
protected handlerScrollBottom(): void;
|
|
11
|
+
protected processSearch(): void;
|
|
12
|
+
protected handlerChange(event: any, item: any, ignoreDisable?: boolean, isClickManual?: boolean): void;
|
|
13
|
+
protected processData(replace?: boolean): void;
|
|
14
|
+
private scrollToItemSelected;
|
|
15
|
+
protected autoSelectFirstItem(items: Array<WritableSignal<any>>): void;
|
|
16
|
+
protected emitKeySelectedDefaultIfExistItem(items: Array<WritableSignal<any>>): void;
|
|
17
|
+
protected getLengthItem(): number;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListRadioComponent, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsListRadioComponent, "libs_ui-components-list-templates_radio", never, {}, {}, never, never, true, never>;
|
|
20
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { WritableSignal } from '@angular/core';
|
|
2
|
+
import { IFlagMouse, TYPE_POPOVER_EVENT } from '@libs-ui/components-popover';
|
|
3
|
+
import { Observable } from 'rxjs';
|
|
4
|
+
import { IEmitRowsEvent, IListConfigItemCheckbox, IListConfigItemText, IListConfigItemTextRow } from '../../interfaces';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class LibsUiComponentsListRowsComponent {
|
|
7
|
+
protected popoverIcon: WritableSignal<string>;
|
|
8
|
+
protected configItemTextRows: WritableSignal<WritableSignal<IListConfigItemTextRow>[]>;
|
|
9
|
+
readonly configTemplate: import("@angular/core").InputSignal<IListConfigItemText | IListConfigItemCheckbox>;
|
|
10
|
+
readonly item: import("@angular/core").InputSignal<any>;
|
|
11
|
+
readonly keySelected: import("@angular/core").InputSignal<unknown>;
|
|
12
|
+
readonly fieldKey: import("@angular/core").InputSignal<string>;
|
|
13
|
+
readonly zIndex: import("@angular/core").InputSignalWithTransform<number, number>;
|
|
14
|
+
readonly outChangStageFlagMousePopover: import("@angular/core").OutputEmitterRef<IFlagMouse>;
|
|
15
|
+
readonly outEvent: import("@angular/core").OutputEmitterRef<IEmitRowsEvent>;
|
|
16
|
+
constructor();
|
|
17
|
+
afterViewInit(): void;
|
|
18
|
+
protected handlerSelectItem(event: TYPE_POPOVER_EVENT, item: any, action: any): void;
|
|
19
|
+
protected handlerErrorImage(event: Event, functionGetImageError?: (item: any) => Observable<string>): Promise<void>;
|
|
20
|
+
protected handlerChangStageFlagMouse(flag: IFlagMouse): void;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListRowsComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsListRowsComponent, "libs_ui-components-list-templates_rows", never, { "configTemplate": { "alias": "configTemplate"; "required": true; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "keySelected": { "alias": "keySelected"; "required": false; "isSignal": true; }; "fieldKey": { "alias": "fieldKey"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; }, { "outChangStageFlagMousePopover": "outChangStageFlagMousePopover"; "outEvent": "outEvent"; }, never, never, true, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
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
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiComponentsListTagComponent, never>;
|
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LibsUiComponentsListTagComponent, "libs_ui-components-list-templates_tag", never, {}, {}, never, never, true, never>;
|
|
16
|
+
}
|
|
@@ -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 timeAnimationScrollToIndexItem: WritableSignal<number>;
|
|
14
|
+
protected loading: WritableSignal<boolean>;
|
|
15
|
+
protected heightViewPort: WritableSignal<number>;
|
|
16
|
+
protected store: WritableSignal<WritableSignal<any>[]>;
|
|
17
|
+
protected items: WritableSignal<WritableSignal<any>[]>;
|
|
18
|
+
protected loadedLastItem: WritableSignal<boolean>;
|
|
19
|
+
protected hasScroll: WritableSignal<boolean>;
|
|
20
|
+
protected fieldKeyDefault: WritableSignal<string>;
|
|
21
|
+
protected fieldKey: WritableSignal<string>;
|
|
22
|
+
protected timeAutoScrollItemSelected: WritableSignal<number>;
|
|
23
|
+
protected pagingStore: WritableSignal<IPaging | undefined>;
|
|
24
|
+
protected heightItem: WritableSignal<number>;
|
|
25
|
+
protected timeIntervalIntervalSetHeightViewPort: WritableSignal<number>;
|
|
26
|
+
protected timeIntervalCheckScroll: WritableSignal<number>;
|
|
27
|
+
protected onDestroy: Subject<void>;
|
|
28
|
+
protected intervalSetHeightViewPortSubscription: Subscription;
|
|
29
|
+
protected intervalCheckScrollSubscription: Subscription;
|
|
30
|
+
readonly functionGetItemsAutoAddList: import("@angular/core").InputSignal<(() => Array<any>) | undefined>;
|
|
31
|
+
readonly paddingLeftItem: import("@angular/core").InputSignal<boolean | undefined>;
|
|
32
|
+
readonly maxItemShow: import("@angular/core").InputSignal<number>;
|
|
33
|
+
readonly searchConfig: import("@angular/core").InputSignal<IInputSearchConfig | undefined>;
|
|
34
|
+
readonly config: import("@angular/core").InputSignal<IListConfigItem | undefined>;
|
|
35
|
+
readonly keySearch: import("@angular/core").ModelSignal<string>;
|
|
36
|
+
readonly dropdownTabKeyActive: import("@angular/core").InputSignal<string | undefined>;
|
|
37
|
+
readonly isSearchOnline: import("@angular/core").InputSignal<boolean>;
|
|
38
|
+
readonly onSearch: import("@angular/core").InputSignal<Subject<string> | undefined>;
|
|
39
|
+
readonly onRefresh: import("@angular/core").InputSignal<Subject<void> | undefined>;
|
|
40
|
+
readonly onSetHiddenItemByKey: import("@angular/core").InputSignal<Subject<unknown[]> | undefined>;
|
|
41
|
+
readonly onRemoveItems: import("@angular/core").InputSignal<Subject<unknown[]> | undefined>;
|
|
42
|
+
readonly onSetDataStore: import("@angular/core").InputSignal<Subject<any[]> | undefined>;
|
|
43
|
+
readonly onUpdateMultiKeySelectedGroup: import("@angular/core").InputSignal<Subject<void> | 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[]>;
|
|
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 elementScroll: import("@angular/core").Signal<ElementRef<any> | undefined>;
|
|
72
|
+
protected translateService: TranslateService;
|
|
73
|
+
protected httpRequestService: LibsUiHttpRequestService;
|
|
74
|
+
constructor();
|
|
75
|
+
ngOnInit(): void;
|
|
76
|
+
private updateData;
|
|
77
|
+
private getFieldKey;
|
|
78
|
+
private removeItems;
|
|
79
|
+
private removeItem;
|
|
80
|
+
protected setHeightViewPort(callBackCalculatorHeightSuccess?: () => void): void;
|
|
81
|
+
protected setHiddenItemByKey(keys: Array<unknown>): void;
|
|
82
|
+
protected checkViewPortScroll(callBack?: (pre: boolean, current: boolean) => void): void;
|
|
83
|
+
protected callApiByService(firstCall?: boolean): Promise<void>;
|
|
84
|
+
protected fakeResponseApi(): Record<string, any>;
|
|
85
|
+
protected buildValueByConfig(item: WritableSignal<any>, configTemplate?: IListConfigItemText | IListConfigItemRadio | IListConfigItemCheckbox): string;
|
|
86
|
+
protected handlerChangStageFlagMouse(flag: IFlagMouse): void;
|
|
87
|
+
protected abstract processData(isReplace?: boolean): any;
|
|
88
|
+
protected abstract processSearch(): any;
|
|
89
|
+
protected abstract getLengthItem(): number;
|
|
90
|
+
protected getHeightGroupHasLine(): number;
|
|
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; }; "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
|
+
protected isShowHeightCalculate: import("@angular/core").Signal<boolean | 0 | undefined>;
|
|
9
|
+
private readonly virtualScrollerComponent;
|
|
10
|
+
ngOnInit(): void;
|
|
11
|
+
protected handlerScrollBottom(): void;
|
|
12
|
+
protected processSearch(): void;
|
|
13
|
+
protected handlerClickRelative(e: Event, 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
|
+
}
|