ng-virtual-list 18.7.1 → 18.7.2

package/lib/components/ng-virtual-list-item.component.d.ts

@@ -1,12 +1,20 @@
 import { TemplateRef } from '@angular/core';
 import { IRenderVirtualListItem } from '../models/render-item.model';
-import { Id, ISize } from '../types';
+import { Id, IRect, ISize } from '../types';
 import { BaseVirtualListItemComponent } from '../models/base-virtual-list-item-component';
 import { NgVirtualListService } from '../ng-virtual-list.service';
 import { IRenderVirtualListItemConfig } from '../models/render-item-config.model';
 import * as i0 from "@angular/core";
 interface IItemConfig extends IRenderVirtualListItemConfig {
+    /**
+     * Determines whether the element is selected or not.
+     */
     selected: boolean;
+    /**
+      * Selects a list item
+      * @param selected - If the value is undefined, then the toggle method is executed, if false or true, then the selection/deselection is performed.
+      */
+    select: (selected: boolean | undefined) => void;
 }
 /**
  * Virtual list item component
@@ -21,6 +29,12 @@ export declare class NgVirtualListItemComponent extends BaseVirtualListItemCompo
     protected _service: NgVirtualListService;
     private _isSelected;
     config: import("@angular/core").WritableSignal<IItemConfig>;
+    measures: import("@angular/core").WritableSignal<(IRect & {
+        /**
+         * Delta is calculated for Snapping Method.ADVANCED
+         */
+        delta: number;
+    }) | undefined>;
     private _part;
     get part(): string;
     regular: boolean;
@@ -35,7 +49,9 @@ export declare class NgVirtualListItemComponent extends BaseVirtualListItemCompo
     set renderer(v: TemplateRef<any> | undefined);
     private _elementRef;
     get element(): HTMLElement;
+    private _selectHandler;
     constructor();
+    private updateMeasures;
     private updateConfig;
     private update;
     private updatePartStr;

package/lib/const/index.d.ts

@@ -5,6 +5,7 @@ export declare const DEFAULT_BUFFER_SIZE = 2;
 export declare const DEFAULT_MAX_BUFFER_SIZE = 100;
 export declare const DEFAULT_LIST_SIZE = 400;
 export declare const DEFAULT_SNAP = false;
+export declare const DEFAULT_SELECT_BY_CLICK = true;
 export declare const DEFAULT_ENABLED_BUFFER_OPTIMIZATION = false;
 export declare const DEFAULT_DYNAMIC_SIZE = false;
 export declare const TRACK_BY_PROPERTY_NAME = "id";

package/lib/ng-virtual-list.component.d.ts

@@ -54,6 +54,11 @@ export declare class NgVirtualListComponent implements AfterViewInit, OnInit, On
      * Sets the selected items.
      */
     selectedIds: import("@angular/core").InputSignal<Id | Id[] | undefined>;
+    /**
+     * If false, the element is selected using the config.select method passed to the template;
+     * if true, the element is selected by clicking on it. The default value is true.
+     */
+    selectByClick: import("@angular/core").InputSignal<boolean>;
     /**
      * Determines whether elements will snap. Default value is "true".
      */
@@ -207,5 +212,5 @@ export declare class NgVirtualListComponent implements AfterViewInit, OnInit, On
     private afterViewInit;
     private dispose;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListComponent, "ng-virtual-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "snap": { "alias": "snap"; "required": false; "isSignal": true; }; "enabledBufferOptimization": { "alias": "enabledBufferOptimization"; "required": false; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": true; "isSignal": true; }; "stickyMap": { "alias": "stickyMap"; "required": false; "isSignal": true; }; "itemConfigMap": { "alias": "itemConfigMap"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "dynamicSize": { "alias": "dynamicSize"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "itemsOffset": { "alias": "itemsOffset"; "required": false; "isSignal": true; }; "bufferSize": { "alias": "bufferSize"; "required": false; "isSignal": true; }; "maxBufferSize": { "alias": "maxBufferSize"; "required": false; "isSignal": true; }; "snappingMethod": { "alias": "snappingMethod"; "required": false; "isSignal": true; }; "methodForSelecting": { "alias": "methodForSelecting"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "onScroll": "onScroll"; "onScrollEnd": "onScrollEnd"; "onViewportChange": "onViewportChange"; "onItemClick": "onItemClick"; "onSelect": "onSelect"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListComponent, "ng-virtual-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "selectByClick": { "alias": "selectByClick"; "required": false; "isSignal": true; }; "snap": { "alias": "snap"; "required": false; "isSignal": true; }; "enabledBufferOptimization": { "alias": "enabledBufferOptimization"; "required": false; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": true; "isSignal": true; }; "stickyMap": { "alias": "stickyMap"; "required": false; "isSignal": true; }; "itemConfigMap": { "alias": "itemConfigMap"; "required": false; "isSignal": true; }; "itemSize": { "alias": "itemSize"; "required": false; "isSignal": true; }; "dynamicSize": { "alias": "dynamicSize"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "itemsOffset": { "alias": "itemsOffset"; "required": false; "isSignal": true; }; "bufferSize": { "alias": "bufferSize"; "required": false; "isSignal": true; }; "maxBufferSize": { "alias": "maxBufferSize"; "required": false; "isSignal": true; }; "snappingMethod": { "alias": "snappingMethod"; "required": false; "isSignal": true; }; "methodForSelecting": { "alias": "methodForSelecting"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "onScroll": "onScroll"; "onScrollEnd": "onScrollEnd"; "onViewportChange": "onViewportChange"; "onItemClick": "onItemClick"; "onSelect": "onSelect"; }, never, never, false, never>;
 }

package/lib/ng-virtual-list.service.d.ts

@@ -12,10 +12,17 @@ export declare class NgVirtualListService {
     private _$methodOfSelecting;
     $methodOfSelecting: import("rxjs").Observable<MethodsForSelectingTypes>;
     set methodOfSelecting(v: MethodsForSelectingTypes);
+    selectByClick: boolean;
     private _trackBox;
     constructor();
     setSelectedIds(ids: Array<Id> | Id | undefined): void;
     itemClick(data: IRenderVirtualListItem | undefined): void;
+    /**
+     * Selects a list item
+     * @param data
+     * @param selected - If the value is undefined, then the toggle method is executed, if false or true, then the selection/deselection is performed.
+     */
+    select(data: IRenderVirtualListItem | undefined, selected?: boolean | undefined): void;
     initialize(trackBox: TrackBox): void;
     generateComponentId(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListService, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-virtual-list",
-  "version": "18.7.1",
+  "version": "18.7.2",
   "author": {
     "name": "Evgenii Grebennikov",
     "email": "djonnyx@gmail.com"