ng-virtual-list 19.3.3-beta-1 → 19.3.3-beta-2

package/README.md

@@ -25,10 +25,10 @@ npm i ng-virtual-list
 
 Template:
 ```html
-<ng-virtual-list class="list" direction="hotizontal" [items]="horizontalItems" [itemsOffset]="50"
-    [itemRenderer]="hotizontalItemRenderer" [itemSize]="64"></ng-virtual-list>
+<ng-virtual-list class="list" direction="horizontal" [items]="horizontalItems" [itemsOffset]="50"
+    [itemRenderer]="horizontalItemRenderer" [itemSize]="64"></ng-virtual-list>
 
-<ng-template #hotizontalItemRenderer let-data="data">
+<ng-template #horizontalItemRenderer let-data="data">
   @if (data) {
     <div class="list__h-container" (click)="onItemClick(data)">
       <span>{{data.name}}</span>
@@ -63,7 +63,7 @@ export class AppComponent {
 
 Template:
 ```html
-<ng-virtual-list class="list" direction="hotizontal" [items]="horizontalGroupItems" [itemRenderer]="horizontalGroupItemRenderer"
+<ng-virtual-list class="list" direction="horizontal" [items]="horizontalGroupItems" [itemRenderer]="horizontalGroupItemRenderer"
     [itemsOffset]="50" [stickyMap]="horizontalGroupItemsStickyMap" [itemSize]="54" [snap]="true"></ng-virtual-list>
 
 <ng-template #horizontalGroupItemRenderer let-data="data">

package/lib/enums/direction.d.ts

@@ -5,4 +5,4 @@ import { Directions } from "./directions";
  * @author Evgenii Grebennikov
  * @email djonnyx@gmail.com
  */
-export type Direction = Directions | 'hotizontal' | 'vertical';
+export type Direction = Directions | 'horizontal' | 'vertical';

package/lib/models/collection.model.d.ts

@@ -5,5 +5,5 @@ import { IVirtualListItem } from "./item.model";
  * @author Evgenii Grebennikov
  * @email djonnyx@gmail.com
  */
-export interface IVirtualListCollection extends Array<IVirtualListItem> {
+export interface IVirtualListCollection<E = Object> extends Array<IVirtualListItem<E>> {
 }

package/lib/models/item.model.d.ts

@@ -5,10 +5,10 @@ import { Id } from "../types/id";
  * @author Evgenii Grebennikov
  * @email djonnyx@gmail.com
  */
-export interface IVirtualListItem {
+export type IVirtualListItem<E = Object> = E & {
     /**
      * Unique identifier of the element.
      */
     id: Id;
     [x: string]: any;
-}
+};

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

@@ -37,7 +37,7 @@ export declare class NgVirtualListComponent implements AfterViewInit, OnInit, On
     /**
      * Collection of list items.
      */
-    items: import("@angular/core").InputSignal<IVirtualListCollection>;
+    items: import("@angular/core").InputSignal<IVirtualListCollection<Object>>;
     /**
      * Determines whether elements will snap. Default value is "true".
      */

package/package.json

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