ng-virtual-list 16.7.1 → 16.7.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 +1 -0
- package/esm2022/lib/components/ng-virtual-list-item.component.mjs +18 -4
- package/esm2022/lib/const/index.mjs +2 -1
- package/esm2022/lib/ng-virtual-list.component.mjs +36 -10
- package/esm2022/lib/ng-virtual-list.service.mjs +45 -8
- package/fesm2022/ng-virtual-list.mjs +95 -18
- package/fesm2022/ng-virtual-list.mjs.map +1 -1
- package/lib/components/ng-virtual-list-item.component.d.ts +17 -1
- package/lib/const/index.d.ts +1 -0
- package/lib/ng-virtual-list.component.d.ts +9 -1
- package/lib/ng-virtual-list.service.d.ts +7 -0
- package/package.json +1 -1
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
import { ChangeDetectorRef, ElementRef, TemplateRef } from '@angular/core';
|
|
2
2
|
import { IRenderVirtualListItem } from '../models/render-item.model';
|
|
3
|
-
import { Id, ISize } from '../types';
|
|
3
|
+
import { Id, IRect, ISize } from '../types';
|
|
4
4
|
import { BaseVirtualListItemComponent } from '../models/base-virtual-list-item-component';
|
|
5
5
|
import { NgVirtualListService } from '../ng-virtual-list.service';
|
|
6
6
|
import { BehaviorSubject, Subject } from 'rxjs';
|
|
7
7
|
import { IRenderVirtualListItemConfig } from '../models/render-item-config.model';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
interface IItemConfig extends IRenderVirtualListItemConfig {
|
|
10
|
+
/**
|
|
11
|
+
* Determines whether the element is selected or not.
|
|
12
|
+
*/
|
|
10
13
|
selected: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Selects a list item
|
|
16
|
+
* @param selected - If the value is undefined, then the toggle method is executed, if false or true, then the selection/deselection is performed.
|
|
17
|
+
*/
|
|
18
|
+
select: (selected: boolean | undefined) => void;
|
|
11
19
|
}
|
|
12
20
|
/**
|
|
13
21
|
* Virtual list item component
|
|
@@ -26,6 +34,12 @@ export declare class NgVirtualListItemComponent extends BaseVirtualListItemCompo
|
|
|
26
34
|
get part(): string;
|
|
27
35
|
private _isSelected;
|
|
28
36
|
config: BehaviorSubject<IItemConfig>;
|
|
37
|
+
measures: BehaviorSubject<(IRect & {
|
|
38
|
+
/**
|
|
39
|
+
* Delta is calculated for Snapping Method.ADVANCED
|
|
40
|
+
*/
|
|
41
|
+
delta: number;
|
|
42
|
+
}) | undefined>;
|
|
29
43
|
regular: boolean;
|
|
30
44
|
data: IRenderVirtualListItem | undefined;
|
|
31
45
|
private _$data;
|
|
@@ -38,7 +52,9 @@ export declare class NgVirtualListItemComponent extends BaseVirtualListItemCompo
|
|
|
38
52
|
itemRenderer: TemplateRef<any> | undefined;
|
|
39
53
|
set renderer(v: TemplateRef<any> | undefined);
|
|
40
54
|
get element(): HTMLElement;
|
|
55
|
+
private _selectHandler;
|
|
41
56
|
constructor(_cdr: ChangeDetectorRef, _elementRef: ElementRef<HTMLElement>, _service: NgVirtualListService);
|
|
57
|
+
private updateMeasures;
|
|
42
58
|
private updateConfig;
|
|
43
59
|
private update;
|
|
44
60
|
private updatePartStr;
|
package/lib/const/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export declare const DEFAULT_BUFFER_SIZE = 2;
|
|
|
5
5
|
export declare const DEFAULT_MAX_BUFFER_SIZE = 100;
|
|
6
6
|
export declare const DEFAULT_LIST_SIZE = 400;
|
|
7
7
|
export declare const DEFAULT_SNAP = false;
|
|
8
|
+
export declare const DEFAULT_SELECT_BY_CLICK = true;
|
|
8
9
|
export declare const DEFAULT_ENABLED_BUFFER_OPTIMIZATION = false;
|
|
9
10
|
export declare const DEFAULT_DYNAMIC_SIZE = false;
|
|
10
11
|
export declare const TRACK_BY_PROPERTY_NAME = "id";
|
|
@@ -63,6 +63,14 @@ export declare class NgVirtualListComponent implements AfterViewInit, OnInit, On
|
|
|
63
63
|
*/
|
|
64
64
|
set selectedIds(v: Array<Id> | Id | undefined);
|
|
65
65
|
get selectedIds(): Array<Id> | Id | undefined;
|
|
66
|
+
private _$selectByClick;
|
|
67
|
+
readonly $selectByClick: Observable<boolean>;
|
|
68
|
+
/**
|
|
69
|
+
* If false, the element is selected using the config.select method passed to the template;
|
|
70
|
+
* if true, the element is selected by clicking on it. The default value is true.
|
|
71
|
+
*/
|
|
72
|
+
set selectByClick(v: boolean);
|
|
73
|
+
get selectByClick(): boolean;
|
|
66
74
|
private _$snap;
|
|
67
75
|
readonly $snap: Observable<boolean>;
|
|
68
76
|
/**
|
|
@@ -256,5 +264,5 @@ export declare class NgVirtualListComponent implements AfterViewInit, OnInit, On
|
|
|
256
264
|
ngOnDestroy(): void;
|
|
257
265
|
private dispose;
|
|
258
266
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListComponent, never>;
|
|
259
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListComponent, "ng-virtual-list", never, { "items": { "alias": "items"; "required": false; }; "selectedIds": { "alias": "selectedIds"; "required": false; }; "snap": { "alias": "snap"; "required": false; }; "enabledBufferOptimization": { "alias": "enabledBufferOptimization"; "required": false; }; "itemRenderer": { "alias": "itemRenderer"; "required": false; }; "stickyMap": { "alias": "stickyMap"; "required": false; }; "itemConfigMap": { "alias": "itemConfigMap"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "dynamicSize": { "alias": "dynamicSize"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "itemsOffset": { "alias": "itemsOffset"; "required": false; }; "bufferSize": { "alias": "bufferSize"; "required": false; }; "maxBufferSize": { "alias": "maxBufferSize"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "snappingMethod": { "alias": "snappingMethod"; "required": false; }; "methodForSelecting": { "alias": "methodForSelecting"; "required": false; }; }, { "onScroll": "onScroll"; "onScrollEnd": "onScrollEnd"; "onViewportChange": "onViewportChange"; "onItemClick": "onItemClick"; "onSelect": "onSelect"; }, never, never, false, never>;
|
|
267
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListComponent, "ng-virtual-list", never, { "items": { "alias": "items"; "required": false; }; "selectedIds": { "alias": "selectedIds"; "required": false; }; "selectByClick": { "alias": "selectByClick"; "required": false; }; "snap": { "alias": "snap"; "required": false; }; "enabledBufferOptimization": { "alias": "enabledBufferOptimization"; "required": false; }; "itemRenderer": { "alias": "itemRenderer"; "required": false; }; "stickyMap": { "alias": "stickyMap"; "required": false; }; "itemConfigMap": { "alias": "itemConfigMap"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "dynamicSize": { "alias": "dynamicSize"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "itemsOffset": { "alias": "itemsOffset"; "required": false; }; "bufferSize": { "alias": "bufferSize"; "required": false; }; "maxBufferSize": { "alias": "maxBufferSize"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "snappingMethod": { "alias": "snappingMethod"; "required": false; }; "methodForSelecting": { "alias": "methodForSelecting"; "required": false; }; }, { "onScroll": "onScroll"; "onScrollEnd": "onScrollEnd"; "onViewportChange": "onViewportChange"; "onItemClick": "onItemClick"; "onSelect": "onSelect"; }, never, never, false, never>;
|
|
260
268
|
}
|
|
@@ -12,10 +12,17 @@ export declare class NgVirtualListService {
|
|
|
12
12
|
private _$methodOfSelecting;
|
|
13
13
|
$methodOfSelecting: import("rxjs").Observable<MethodsForSelectingTypes>;
|
|
14
14
|
set methodOfSelecting(v: MethodsForSelectingTypes);
|
|
15
|
+
selectByClick: boolean;
|
|
15
16
|
private _trackBox;
|
|
16
17
|
constructor();
|
|
17
18
|
setSelectedIds(ids: Array<Id> | Id | undefined): void;
|
|
18
19
|
itemClick(data: IRenderVirtualListItem | undefined): void;
|
|
20
|
+
/**
|
|
21
|
+
* Selects a list item
|
|
22
|
+
* @param data
|
|
23
|
+
* @param selected - If the value is undefined, then the toggle method is executed, if false or true, then the selection/deselection is performed.
|
|
24
|
+
*/
|
|
25
|
+
select(data: IRenderVirtualListItem | undefined, selected?: boolean | undefined): void;
|
|
19
26
|
initialize(trackBox: TrackBox): void;
|
|
20
27
|
generateComponentId(): number;
|
|
21
28
|
static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListService, never>;
|