ng-virtual-list 0.2.0 → 0.2.2

package/README.md

@@ -190,3 +190,26 @@ export class AppComponent {
 }
 
 ```
+
+## API
+
+[NgVirtualListComponent](https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/ng-virtual-list.component.ts)
+
+Inputs
+
+| Property | type | Description |
+|---|---|---|
+| items | [IVirtualListCollection](https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/models/collection.model.ts) | Collection of list items |
+| itemHeight | number | Height of a typical list item |
+| itemRenderer | TemplateRef | Rendering element template |
+| stickyMap | [IVirtualListStickyMap](https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/models/sticky-map.model.ts) | Dictionary zIndex by id of the list element. If the value is not set or equal to 0, then a simple element is displayed, if the value is greater than 0, then the sticky position mode is enabled for the element |
+
+<br/>
+
+Outputs
+
+| event | type | Description |
+|---|---|---|
+| onScroll | (e: Event) => void | Fires when the list has been scrolled |
+| onScrollEnd | (e: Event) => void | Fires when the list has completed scrolling. |
+

package/fesm2022/ng-virtual-list.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, Component, viewChild, input, ViewContainerRef, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { signal, Component, viewChild, output, input, ViewContainerRef, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -18,16 +18,17 @@ class NgVirtualListItemComponent {
     constructor(_elementRef) {
         this._elementRef = _elementRef;
         toObservable(this.data).pipe(takeUntilDestroyed(), filter(data => !!data), tap(data => {
+            const styles = this._elementRef.nativeElement.style;
             if (data.config.sticky > 1) {
-                this._elementRef.nativeElement.style.position = 'sticky';
-                this._elementRef.nativeElement.style.zIndex = String(data.config.sticky);
+                styles.position = 'sticky';
+                styles.zIndex = String(data.config.sticky);
             }
             else {
-                this._elementRef.nativeElement.style.position = 'absolute';
-                this._elementRef.nativeElement.style.zIndex = String(data.config.sticky ?? 1);
+                styles.position = 'absolute';
+                styles.zIndex = String(data.config.sticky ?? 1);
             }
-            this._elementRef.nativeElement.style.transform = `translate3d(0, ${data.measures.y}px , 0)`;
-            this._elementRef.nativeElement.style.height = `${data.measures.height}px`;
+            styles.transform = `translate3d(0, ${data.measures.y}px , 0)`;
+            styles.height = `${data.measures.height}px`;
         })).subscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgVirtualListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
@@ -45,6 +46,8 @@ class NgVirtualListComponent {
     _listContainerRef;
     _container = viewChild('container');
     _list = viewChild('list');
+    onScroll = output();
+    onScrollEnd = output();
     items = input.required();
     itemRenderer = input.required();
     stickyMap = input({});
@@ -61,6 +64,10 @@ class NgVirtualListComponent {
     _onScrollHandler = (e) => {
         const target = e.target;
         this._scrollSize.set(target.scrollTop);
+        this.onScroll.emit(e);
+    };
+    _onScrollEndHandler = (e) => {
+        this.onScrollEnd.emit(e);
     };
     _sizeCacheMap = new Map();
     constructor() {
@@ -168,6 +175,7 @@ class NgVirtualListComponent {
         const containerEl = this._container();
         if (containerEl) {
             containerEl.nativeElement.addEventListener('scroll', this._onScrollHandler);
+            containerEl.nativeElement.addEventListener('scrollend', this._onScrollEndHandler);
             this._resizeObserver = new ResizeObserver(this._onResizeHandler);
             this._resizeObserver.observe(containerEl.nativeElement);
             this._onResizeHandler();
@@ -177,13 +185,14 @@ class NgVirtualListComponent {
         const containerEl = this._container();
         if (containerEl) {
             containerEl.nativeElement.removeEventListener('scroll', this._onScrollHandler);
+            containerEl.nativeElement.removeEventListener('scrollend', this._onScrollEndHandler);
             if (this._resizeObserver) {
                 this._resizeObserver.unobserve(containerEl.nativeElement);
             }
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgVirtualListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.14", type: NgVirtualListComponent, isStandalone: true, selector: "ng-virtual-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: true, transformFunction: null }, stickyMap: { classPropertyName: "stickyMap", publicName: "stickyMap", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "_list", first: true, predicate: ["list"], descendants: true, isSignal: true }, { propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div #container class=\"ngvl__container\">\r\n  <ul #list class=\"ngvl__list\">\r\n    <ng-container #renderersContainer></ng-container>\r\n  </ul>\r\n</div>", styles: [":host{display:block;height:400px;width:100%;max-height:100%;overflow:hidden}.ngvl__container{overflow:auto;width:100%;height:100%}.ngvl__list{position:relative;list-style:none;padding:0;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.2.14", type: NgVirtualListComponent, isStandalone: true, selector: "ng-virtual-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: true, transformFunction: null }, stickyMap: { classPropertyName: "stickyMap", publicName: "stickyMap", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScroll: "onScroll", onScrollEnd: "onScrollEnd" }, viewQueries: [{ propertyName: "_container", first: true, predicate: ["container"], descendants: true, isSignal: true }, { propertyName: "_list", first: true, predicate: ["list"], descendants: true, isSignal: true }, { propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<div #container class=\"ngvl__container\">\r\n  <ul #list class=\"ngvl__list\">\r\n    <ng-container #renderersContainer></ng-container>\r\n  </ul>\r\n</div>", styles: [":host{display:block;height:400px;width:100%;max-height:100%;overflow:hidden}.ngvl__container{overflow:auto;width:100%;height:100%}.ngvl__list{position:relative;list-style:none;padding:0;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgVirtualListComponent, decorators: [{
             type: Component,

package/fesm2022/ng-virtual-list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-virtual-list.mjs","sources":["../../../projects/ng-virtual-list/src/lib/components/ng-virtual-list-item.component.ts","../../../projects/ng-virtual-list/src/lib/components/ng-virtual-list-item.component.html","../../../projects/ng-virtual-list/src/lib/const/index.ts","../../../projects/ng-virtual-list/src/lib/ng-virtual-list.component.ts","../../../projects/ng-virtual-list/src/lib/ng-virtual-list.component.html","../../../projects/ng-virtual-list/src/public-api.ts","../../../projects/ng-virtual-list/src/ng-virtual-list.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ElementRef, signal, TemplateRef } from '@angular/core';\r\nimport { IRenderVirtualListItem } from '../models/render-item.model';\r\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\r\nimport { filter, tap } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'ng-virtual-list-item',\r\n  imports: [CommonModule],\r\n  templateUrl: './ng-virtual-list-item.component.html',\r\n  styleUrl: './ng-virtual-list-item.component.scss'\r\n})\r\nexport class NgVirtualListItemComponent {\r\n  data = signal<IRenderVirtualListItem | undefined>(undefined);\r\n\r\n  set item(v: IRenderVirtualListItem | undefined) {\r\n    this.data.set(v);\r\n  }\r\n\r\n  itemRenderer = signal<TemplateRef<any> | undefined>(undefined);\r\n\r\n  set renderer(v: TemplateRef<any> | undefined) {\r\n    this.itemRenderer.set(v);\r\n  }\r\n\r\n  constructor(private _elementRef: ElementRef<HTMLElement>) {\r\n    toObservable(this.data).pipe(\r\n      takeUntilDestroyed(),\r\n      filter(data => !!data),\r\n      tap(data => {\r\n        if (data.config.sticky > 1) {\r\n          this._elementRef.nativeElement.style.position = 'sticky';\r\n          this._elementRef.nativeElement.style.zIndex = String(data.config.sticky);\r\n        } else {\r\n          this._elementRef.nativeElement.style.position = 'absolute';\r\n          this._elementRef.nativeElement.style.zIndex = String(data.config.sticky ?? 1);\r\n        }\r\n        this._elementRef.nativeElement.style.transform = `translate3d(0, ${data.measures.y}px , 0)`;\r\n        this._elementRef.nativeElement.style.height = `${data.measures.height}px`;\r\n      })\r\n    ).subscribe();\r\n  }\r\n}\r\n","@let item = data();\r\n@let renderer = itemRenderer();\r\n\r\n@if (item) {\r\n<li #listItem class=\"ngvl-item__container\">\r\n    @if (renderer) {\r\n    <ng-container [ngTemplateOutlet]=\"renderer\" [ngTemplateOutletContext]=\"{data: item.data || {}}\" />\r\n    }\r\n</li>\r\n}","export const DEFAULT_ITEM_HEIGHT = 24;\r\n\r\nexport const DEFAULT_ITEMS_OFFSET = 1;","import {\r\n  AfterViewInit, ChangeDetectionStrategy, Component, ComponentRef, ElementRef, input,\r\n  OnDestroy, signal, TemplateRef, ViewChild, viewChild, ViewContainerRef, ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\r\nimport { combineLatest, filter, map, of, switchMap, tap } from 'rxjs';\r\nimport { NgVirtualListItemComponent } from './components/ng-virtual-list-item.component';\r\nimport { DEFAULT_ITEM_HEIGHT, DEFAULT_ITEMS_OFFSET } from './const';\r\nimport { IVirtualListCollection, IVirtualListStickyMap } from './models';\r\nimport { Id, IRect } from './types';\r\nimport { IRenderVirtualListCollection } from './models/render-collection.model';\r\nimport { IRenderVirtualListItem } from './models/render-item.model';\r\n\r\n@Component({\r\n  selector: 'ng-virtual-list',\r\n  imports: [CommonModule],\r\n  templateUrl: './ng-virtual-list.component.html',\r\n  styleUrl: './ng-virtual-list.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.ShadowDom,\r\n})\r\nexport class NgVirtualListComponent implements AfterViewInit, OnDestroy {\r\n  @ViewChild('renderersContainer', { read: ViewContainerRef })\r\n  protected _listContainerRef: ViewContainerRef | undefined;\r\n\r\n  protected _container = viewChild<ElementRef<HTMLDivElement>>('container');\r\n\r\n  protected _list = viewChild<ElementRef<HTMLUListElement>>('list');\r\n\r\n  items = input.required<IVirtualListCollection>();\r\n\r\n  itemRenderer = input.required<TemplateRef<any>>();\r\n\r\n  stickyMap = input<IVirtualListStickyMap>({});\r\n\r\n  itemHeight = input(DEFAULT_ITEM_HEIGHT);\r\n\r\n  protected _itemsOffset = signal<number>(DEFAULT_ITEMS_OFFSET);\r\n\r\n  protected _displayItems = signal<IRenderVirtualListCollection | null>(null);\r\n\r\n  protected _displayComponents: Array<ComponentRef<NgVirtualListItemComponent>> = [];\r\n\r\n  protected _bounds = signal<DOMRect | null>(null);\r\n\r\n  protected _scrollSize = signal<number>(0);\r\n\r\n  private _resizeObserver: ResizeObserver | null = null;\r\n\r\n  private _onResizeHandler = () => {\r\n    this._bounds.set(this._container()?.nativeElement?.getBoundingClientRect() ?? null);\r\n  }\r\n\r\n  private _onScrollHandler = (e: Event) => {\r\n    const target = e.target as HTMLDivElement;\r\n    this._scrollSize.set(target.scrollTop);\r\n  }\r\n\r\n  private _sizeCacheMap = new Map<Id, IRect>();\r\n\r\n  constructor() {\r\n    const $bounds = toObservable(this._bounds).pipe(\r\n      filter(b => !!b),\r\n    ), $items = toObservable(this.items).pipe(\r\n      map(i => !i ? [] : i),\r\n    ), $scrollSize = toObservable(this._scrollSize),\r\n      $itemHeight = toObservable(this.itemHeight),\r\n      $itemsOffset = toObservable(this._itemsOffset),\r\n      $stickyMap = toObservable(this.stickyMap);\r\n\r\n    combineLatest([$bounds, $items, $stickyMap, $scrollSize, $itemHeight, $itemsOffset]).pipe(\r\n      takeUntilDestroyed(),\r\n      switchMap(([bounds, items, stickyMap, scrollSize, itemHeight, itemsOffset]) => {\r\n        const { width, height } = bounds;\r\n        const itemsFromStartToScrollEnd = Math.floor(scrollSize / itemHeight),\r\n          itemsFromStartToDisplayEnd = Math.ceil((scrollSize + height) / itemHeight),\r\n          leftHiddenItemsWeight = itemsFromStartToScrollEnd * itemHeight,\r\n          totalItemsToDisplayEndWeight = itemsFromStartToDisplayEnd * itemHeight,\r\n          totalItems = items.length,\r\n          totalSize = totalItems * itemHeight,\r\n          itemsOnDisplay = totalItemsToDisplayEndWeight - leftHiddenItemsWeight;\r\n        return of({\r\n          items, stickyMap, itemsOffset, width, scrollSize, itemsFromStartToScrollEnd, itemsFromStartToDisplayEnd,\r\n          itemsOnDisplay, leftHiddenItemsWeight, itemHeight, totalSize\r\n        });\r\n      }),\r\n      tap(({ items, stickyMap, itemsOffset, width, scrollSize, itemsFromStartToScrollEnd, itemsFromStartToDisplayEnd,\r\n        itemsOnDisplay, leftHiddenItemsWeight, itemHeight, totalSize }) => {\r\n        const displayItems: IRenderVirtualListCollection = [], totalItems = items.length,\r\n          leftItemLength = itemsFromStartToScrollEnd - itemsOffset < Math.min(itemsFromStartToScrollEnd, itemsOffset) ? 0 : itemsOffset,\r\n          rightItemLength = itemsFromStartToDisplayEnd + itemsOffset > totalItems\r\n            ? totalItems - itemsFromStartToDisplayEnd : itemsOffset,\r\n          leftItemsWeight = leftItemLength * itemHeight, rightItemsWeight = rightItemLength * itemHeight,\r\n          startIndex = itemsFromStartToScrollEnd - leftItemLength;\r\n        let y = leftHiddenItemsWeight - leftItemsWeight,\r\n          renderWeight = itemsOnDisplay + leftItemsWeight + rightItemsWeight, stickyItem: IRenderVirtualListItem | undefined;\r\n\r\n        for (let i = startIndex; i >= 0; i--) {\r\n          const id = items[i].id, sticky = stickyMap[id];\r\n          if (sticky > 0) {\r\n            const measures = {\r\n              x: 0,\r\n              y: scrollSize,\r\n              width,\r\n              height: itemHeight,\r\n            }, config = {\r\n              sticky,\r\n            };\r\n\r\n            const itemData: any = { ...items[i] };\r\n            delete itemData.id;\r\n\r\n            stickyItem = { id, measures, data: itemData, config };\r\n\r\n            displayItems.push(stickyItem);\r\n            break;\r\n          }\r\n        }\r\n\r\n        let i = startIndex, nextSticky: IRenderVirtualListItem | undefined;\r\n\r\n        while (renderWeight > 0) {\r\n          if (i >= totalItems) {\r\n            break;\r\n          }\r\n\r\n          const id = items[i].id, snapen = stickyMap[id] > 0 && y <= scrollSize, measures = {\r\n            x: 0,\r\n            y: snapen ? scrollSize : y,\r\n            width,\r\n            height: itemHeight,\r\n          }, config = {\r\n            sticky: snapen ? stickyMap[id] : 0,\r\n          };\r\n\r\n          const itemData: any = { ...items[i] };\r\n          delete itemData.id;\r\n\r\n          const item: IRenderVirtualListItem = { id, measures, data: itemData, config };\r\n          if (!nextSticky && stickyMap[id] > 0) {\r\n            nextSticky = item;\r\n          }\r\n\r\n          displayItems.push(item);\r\n\r\n          this._sizeCacheMap.set(id, measures);\r\n\r\n          renderWeight -= itemHeight;\r\n          y += itemHeight;\r\n          i++;\r\n        }\r\n\r\n        if (i < totalItems) {\r\n          if (nextSticky && stickyItem && nextSticky.measures.y <= leftHiddenItemsWeight + itemHeight) {\r\n            stickyItem.measures.y = nextSticky.measures.y - itemHeight;\r\n            stickyItem.config.sticky = 1;\r\n          }\r\n        }\r\n\r\n        this._displayItems.set(displayItems);\r\n\r\n        const l = this._list();\r\n        if (l) {\r\n          l.nativeElement.style.height = `${totalSize}px`;\r\n        }\r\n\r\n      })\r\n    ).subscribe();\r\n\r\n    toObservable(this._displayItems).pipe(\r\n      takeUntilDestroyed(),\r\n      tap(displayItems => {\r\n        this.createdisplayComponentsIfNeed(displayItems);\r\n        this.refresh(displayItems);\r\n      }),\r\n    ).subscribe();\r\n  }\r\n\r\n  private createdisplayComponentsIfNeed(displayItems: IRenderVirtualListCollection | null) {\r\n    if (!displayItems || !this._listContainerRef) {\r\n      return;\r\n    }\r\n    const _listContainerRef = this._listContainerRef;\r\n\r\n    while (this._displayComponents.length < displayItems.length) {\r\n      if (_listContainerRef) {\r\n        const comp = _listContainerRef.createComponent(NgVirtualListItemComponent);\r\n        this._displayComponents.push(comp);\r\n      }\r\n    }\r\n\r\n    if (this._displayComponents.length > displayItems.length) {\r\n      while (this._displayComponents.length > displayItems.length) {\r\n        const comp = this._displayComponents.pop();\r\n        comp?.destroy();\r\n      }\r\n    }\r\n  }\r\n\r\n  protected refresh(displayItems: IRenderVirtualListCollection | null) {\r\n    if (!displayItems) {\r\n      return;\r\n    }\r\n\r\n    for (let i = 0, l = displayItems.length; i < l; i++) {\r\n      const el = this._displayComponents[i];\r\n      el.instance.item = displayItems[i];\r\n      el.instance.renderer = this.itemRenderer();\r\n    }\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    const containerEl = this._container();\r\n    if (containerEl) {\r\n      containerEl.nativeElement.addEventListener('scroll', this._onScrollHandler);\r\n\r\n      this._resizeObserver = new ResizeObserver(this._onResizeHandler);\r\n      this._resizeObserver.observe(containerEl.nativeElement);\r\n\r\n      this._onResizeHandler();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    const containerEl = this._container();\r\n    if (containerEl) {\r\n      containerEl.nativeElement.removeEventListener('scroll', this._onScrollHandler);\r\n\r\n      if (this._resizeObserver) {\r\n        this._resizeObserver.unobserve(containerEl.nativeElement);\r\n      }\r\n    }\r\n  }\r\n}\r\n","<div #container class=\"ngvl__container\">\r\n  <ul #list class=\"ngvl__list\">\r\n    <ng-container #renderersContainer></ng-container>\r\n  </ul>\r\n</div>","/*\r\n * Public API Surface of ng-virtual-list\r\n */\r\n\r\nexport * from './lib/ng-virtual-list.component';\r\nexport * from './lib/models';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ng-virtual-list.mjs","sources":["../../../projects/ng-virtual-list/src/lib/components/ng-virtual-list-item.component.ts","../../../projects/ng-virtual-list/src/lib/components/ng-virtual-list-item.component.html","../../../projects/ng-virtual-list/src/lib/const/index.ts","../../../projects/ng-virtual-list/src/lib/ng-virtual-list.component.ts","../../../projects/ng-virtual-list/src/lib/ng-virtual-list.component.html","../../../projects/ng-virtual-list/src/public-api.ts","../../../projects/ng-virtual-list/src/ng-virtual-list.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ElementRef, signal, TemplateRef } from '@angular/core';\r\nimport { IRenderVirtualListItem } from '../models/render-item.model';\r\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\r\nimport { filter, tap } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'ng-virtual-list-item',\r\n  imports: [CommonModule],\r\n  templateUrl: './ng-virtual-list-item.component.html',\r\n  styleUrl: './ng-virtual-list-item.component.scss'\r\n})\r\nexport class NgVirtualListItemComponent {\r\n  data = signal<IRenderVirtualListItem | undefined>(undefined);\r\n\r\n  set item(v: IRenderVirtualListItem | undefined) {\r\n    this.data.set(v);\r\n  }\r\n\r\n  itemRenderer = signal<TemplateRef<any> | undefined>(undefined);\r\n\r\n  set renderer(v: TemplateRef<any> | undefined) {\r\n    this.itemRenderer.set(v);\r\n  }\r\n\r\n  constructor(private _elementRef: ElementRef<HTMLElement>) {\r\n    toObservable(this.data).pipe(\r\n      takeUntilDestroyed(),\r\n      filter(data => !!data),\r\n      tap(data => {\r\n        const styles = this._elementRef.nativeElement.style;\r\n        if (data.config.sticky > 1) {\r\n          styles.position = 'sticky';\r\n          styles.zIndex = String(data.config.sticky);\r\n        } else {\r\n          styles.position = 'absolute';\r\n          styles.zIndex = String(data.config.sticky ?? 1);\r\n        }\r\n        styles.transform = `translate3d(0, ${data.measures.y}px , 0)`;\r\n        styles.height = `${data.measures.height}px`;\r\n      })\r\n    ).subscribe();\r\n  }\r\n}\r\n","@let item = data();\r\n@let renderer = itemRenderer();\r\n\r\n@if (item) {\r\n<li #listItem class=\"ngvl-item__container\">\r\n    @if (renderer) {\r\n    <ng-container [ngTemplateOutlet]=\"renderer\" [ngTemplateOutletContext]=\"{data: item.data || {}}\" />\r\n    }\r\n</li>\r\n}","export const DEFAULT_ITEM_HEIGHT = 24;\r\n\r\nexport const DEFAULT_ITEMS_OFFSET = 1;","import {\r\n  AfterViewInit, ChangeDetectionStrategy, Component, ComponentRef, ElementRef, input,\r\n  OnDestroy, output, signal, TemplateRef, ViewChild, viewChild, ViewContainerRef, ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';\r\nimport { combineLatest, filter, map, of, switchMap, tap } from 'rxjs';\r\nimport { NgVirtualListItemComponent } from './components/ng-virtual-list-item.component';\r\nimport { DEFAULT_ITEM_HEIGHT, DEFAULT_ITEMS_OFFSET } from './const';\r\nimport { IVirtualListCollection, IVirtualListStickyMap } from './models';\r\nimport { Id, IRect } from './types';\r\nimport { IRenderVirtualListCollection } from './models/render-collection.model';\r\nimport { IRenderVirtualListItem } from './models/render-item.model';\r\n\r\n@Component({\r\n  selector: 'ng-virtual-list',\r\n  imports: [CommonModule],\r\n  templateUrl: './ng-virtual-list.component.html',\r\n  styleUrl: './ng-virtual-list.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.ShadowDom,\r\n})\r\nexport class NgVirtualListComponent implements AfterViewInit, OnDestroy {\r\n  @ViewChild('renderersContainer', { read: ViewContainerRef })\r\n  protected _listContainerRef: ViewContainerRef | undefined;\r\n\r\n  protected _container = viewChild<ElementRef<HTMLDivElement>>('container');\r\n\r\n  protected _list = viewChild<ElementRef<HTMLUListElement>>('list');\r\n\r\n  onScroll = output<Event>();\r\n\r\n  onScrollEnd = output<Event>();\r\n\r\n  items = input.required<IVirtualListCollection>();\r\n\r\n  itemRenderer = input.required<TemplateRef<any>>();\r\n\r\n  stickyMap = input<IVirtualListStickyMap>({});\r\n\r\n  itemHeight = input(DEFAULT_ITEM_HEIGHT);\r\n\r\n  protected _itemsOffset = signal<number>(DEFAULT_ITEMS_OFFSET);\r\n\r\n  protected _displayItems = signal<IRenderVirtualListCollection | null>(null);\r\n\r\n  protected _displayComponents: Array<ComponentRef<NgVirtualListItemComponent>> = [];\r\n\r\n  protected _bounds = signal<DOMRect | null>(null);\r\n\r\n  protected _scrollSize = signal<number>(0);\r\n\r\n  private _resizeObserver: ResizeObserver | null = null;\r\n\r\n  private _onResizeHandler = () => {\r\n    this._bounds.set(this._container()?.nativeElement?.getBoundingClientRect() ?? null);\r\n  }\r\n\r\n  private _onScrollHandler = (e: Event) => {\r\n    const target = e.target as HTMLDivElement;\r\n    this._scrollSize.set(target.scrollTop);\r\n\r\n    this.onScroll.emit(e);\r\n  }\r\n\r\n  private _onScrollEndHandler = (e: Event) => {\r\n    this.onScrollEnd.emit(e);\r\n  }\r\n\r\n  private _sizeCacheMap = new Map<Id, IRect>();\r\n\r\n  constructor() {\r\n    const $bounds = toObservable(this._bounds).pipe(\r\n      filter(b => !!b),\r\n    ), $items = toObservable(this.items).pipe(\r\n      map(i => !i ? [] : i),\r\n    ), $scrollSize = toObservable(this._scrollSize),\r\n      $itemHeight = toObservable(this.itemHeight),\r\n      $itemsOffset = toObservable(this._itemsOffset),\r\n      $stickyMap = toObservable(this.stickyMap);\r\n\r\n    combineLatest([$bounds, $items, $stickyMap, $scrollSize, $itemHeight, $itemsOffset]).pipe(\r\n      takeUntilDestroyed(),\r\n      switchMap(([bounds, items, stickyMap, scrollSize, itemHeight, itemsOffset]) => {\r\n        const { width, height } = bounds;\r\n        const itemsFromStartToScrollEnd = Math.floor(scrollSize / itemHeight),\r\n          itemsFromStartToDisplayEnd = Math.ceil((scrollSize + height) / itemHeight),\r\n          leftHiddenItemsWeight = itemsFromStartToScrollEnd * itemHeight,\r\n          totalItemsToDisplayEndWeight = itemsFromStartToDisplayEnd * itemHeight,\r\n          totalItems = items.length,\r\n          totalSize = totalItems * itemHeight,\r\n          itemsOnDisplay = totalItemsToDisplayEndWeight - leftHiddenItemsWeight;\r\n        return of({\r\n          items, stickyMap, itemsOffset, width, scrollSize, itemsFromStartToScrollEnd, itemsFromStartToDisplayEnd,\r\n          itemsOnDisplay, leftHiddenItemsWeight, itemHeight, totalSize\r\n        });\r\n      }),\r\n      tap(({ items, stickyMap, itemsOffset, width, scrollSize, itemsFromStartToScrollEnd, itemsFromStartToDisplayEnd,\r\n        itemsOnDisplay, leftHiddenItemsWeight, itemHeight, totalSize }) => {\r\n        const displayItems: IRenderVirtualListCollection = [], totalItems = items.length,\r\n          leftItemLength = itemsFromStartToScrollEnd - itemsOffset < Math.min(itemsFromStartToScrollEnd, itemsOffset) ? 0 : itemsOffset,\r\n          rightItemLength = itemsFromStartToDisplayEnd + itemsOffset > totalItems\r\n            ? totalItems - itemsFromStartToDisplayEnd : itemsOffset,\r\n          leftItemsWeight = leftItemLength * itemHeight, rightItemsWeight = rightItemLength * itemHeight,\r\n          startIndex = itemsFromStartToScrollEnd - leftItemLength;\r\n        let y = leftHiddenItemsWeight - leftItemsWeight,\r\n          renderWeight = itemsOnDisplay + leftItemsWeight + rightItemsWeight, stickyItem: IRenderVirtualListItem | undefined;\r\n\r\n        for (let i = startIndex; i >= 0; i--) {\r\n          const id = items[i].id, sticky = stickyMap[id];\r\n          if (sticky > 0) {\r\n            const measures = {\r\n              x: 0,\r\n              y: scrollSize,\r\n              width,\r\n              height: itemHeight,\r\n            }, config = {\r\n              sticky,\r\n            };\r\n\r\n            const itemData: any = { ...items[i] };\r\n            delete itemData.id;\r\n\r\n            stickyItem = { id, measures, data: itemData, config };\r\n\r\n            displayItems.push(stickyItem);\r\n            break;\r\n          }\r\n        }\r\n\r\n        let i = startIndex, nextSticky: IRenderVirtualListItem | undefined;\r\n\r\n        while (renderWeight > 0) {\r\n          if (i >= totalItems) {\r\n            break;\r\n          }\r\n\r\n          const id = items[i].id, snapen = stickyMap[id] > 0 && y <= scrollSize, measures = {\r\n            x: 0,\r\n            y: snapen ? scrollSize : y,\r\n            width,\r\n            height: itemHeight,\r\n          }, config = {\r\n            sticky: snapen ? stickyMap[id] : 0,\r\n          };\r\n\r\n          const itemData: any = { ...items[i] };\r\n          delete itemData.id;\r\n\r\n          const item: IRenderVirtualListItem = { id, measures, data: itemData, config };\r\n          if (!nextSticky && stickyMap[id] > 0) {\r\n            nextSticky = item;\r\n          }\r\n\r\n          displayItems.push(item);\r\n\r\n          this._sizeCacheMap.set(id, measures);\r\n\r\n          renderWeight -= itemHeight;\r\n          y += itemHeight;\r\n          i++;\r\n        }\r\n\r\n        if (i < totalItems) {\r\n          if (nextSticky && stickyItem && nextSticky.measures.y <= leftHiddenItemsWeight + itemHeight) {\r\n            stickyItem.measures.y = nextSticky.measures.y - itemHeight;\r\n            stickyItem.config.sticky = 1;\r\n          }\r\n        }\r\n\r\n        this._displayItems.set(displayItems);\r\n\r\n        const l = this._list();\r\n        if (l) {\r\n          l.nativeElement.style.height = `${totalSize}px`;\r\n        }\r\n\r\n      })\r\n    ).subscribe();\r\n\r\n    toObservable(this._displayItems).pipe(\r\n      takeUntilDestroyed(),\r\n      tap(displayItems => {\r\n        this.createdisplayComponentsIfNeed(displayItems);\r\n        this.refresh(displayItems);\r\n      }),\r\n    ).subscribe();\r\n  }\r\n\r\n  private createdisplayComponentsIfNeed(displayItems: IRenderVirtualListCollection | null) {\r\n    if (!displayItems || !this._listContainerRef) {\r\n      return;\r\n    }\r\n    const _listContainerRef = this._listContainerRef;\r\n\r\n    while (this._displayComponents.length < displayItems.length) {\r\n      if (_listContainerRef) {\r\n        const comp = _listContainerRef.createComponent(NgVirtualListItemComponent);\r\n        this._displayComponents.push(comp);\r\n      }\r\n    }\r\n\r\n    if (this._displayComponents.length > displayItems.length) {\r\n      while (this._displayComponents.length > displayItems.length) {\r\n        const comp = this._displayComponents.pop();\r\n        comp?.destroy();\r\n      }\r\n    }\r\n  }\r\n\r\n  protected refresh(displayItems: IRenderVirtualListCollection | null) {\r\n    if (!displayItems) {\r\n      return;\r\n    }\r\n\r\n    for (let i = 0, l = displayItems.length; i < l; i++) {\r\n      const el = this._displayComponents[i];\r\n      el.instance.item = displayItems[i];\r\n      el.instance.renderer = this.itemRenderer();\r\n    }\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    const containerEl = this._container();\r\n    if (containerEl) {\r\n      containerEl.nativeElement.addEventListener('scroll', this._onScrollHandler);\r\n      containerEl.nativeElement.addEventListener('scrollend', this._onScrollEndHandler);\r\n\r\n      this._resizeObserver = new ResizeObserver(this._onResizeHandler);\r\n      this._resizeObserver.observe(containerEl.nativeElement);\r\n\r\n      this._onResizeHandler();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    const containerEl = this._container();\r\n    if (containerEl) {\r\n      containerEl.nativeElement.removeEventListener('scroll', this._onScrollHandler);\r\n      containerEl.nativeElement.removeEventListener('scrollend', this._onScrollEndHandler);\r\n\r\n      if (this._resizeObserver) {\r\n        this._resizeObserver.unobserve(containerEl.nativeElement);\r\n      }\r\n    }\r\n  }\r\n}\r\n","<div #container class=\"ngvl__container\">\r\n  <ul #list class=\"ngvl__list\">\r\n    <ng-container #renderersContainer></ng-container>\r\n  </ul>\r\n</div>","/*\r\n * Public API Surface of ng-virtual-list\r\n */\r\n\r\nexport * from './lib/ng-virtual-list.component';\r\nexport * from './lib/models';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -7,6 +7,8 @@ export declare class NgVirtualListComponent implements AfterViewInit, OnDestroy
     protected _listContainerRef: ViewContainerRef | undefined;
     protected _container: import("@angular/core").Signal<ElementRef<HTMLDivElement> | undefined>;
     protected _list: import("@angular/core").Signal<ElementRef<HTMLUListElement> | undefined>;
+    onScroll: import("@angular/core").OutputEmitterRef<Event>;
+    onScrollEnd: import("@angular/core").OutputEmitterRef<Event>;
     items: import("@angular/core").InputSignal<IVirtualListCollection>;
     itemRenderer: import("@angular/core").InputSignal<TemplateRef<any>>;
     stickyMap: import("@angular/core").InputSignal<IVirtualListStickyMap>;
@@ -19,6 +21,7 @@ export declare class NgVirtualListComponent implements AfterViewInit, OnDestroy
     private _resizeObserver;
     private _onResizeHandler;
     private _onScrollHandler;
+    private _onScrollEndHandler;
     private _sizeCacheMap;
     constructor();
     private createdisplayComponentsIfNeed;
@@ -26,5 +29,5 @@ export declare class NgVirtualListComponent implements AfterViewInit, OnDestroy
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListComponent, "ng-virtual-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": true; "isSignal": true; }; "stickyMap": { "alias": "stickyMap"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListComponent, "ng-virtual-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "itemRenderer": { "alias": "itemRenderer"; "required": true; "isSignal": true; }; "stickyMap": { "alias": "stickyMap"; "required": false; "isSignal": true; }; "itemHeight": { "alias": "itemHeight"; "required": false; "isSignal": true; }; }, { "onScroll": "onScroll"; "onScrollEnd": "onScrollEnd"; }, never, never, true, never>;
 }

package/package.json

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