ng-virtual-list 0.3.5 → 0.4.0

package/README.md

@@ -234,6 +234,124 @@ export class AppComponent {
 
 ```
 
+### ScrollTo
+
+The example demonstrates the scrollTo method by passing it the element id. It is important not to confuse the ordinal index and the element id. In this example, id = index + 1
+
+![NgVirtualList-GoogleChrome2025-06-1512-18-07-ezgif com-video-to-gif-converter](https://github.com/user-attachments/assets/7c860da9-6600-46d2-8aa6-67ee70160fa5)
+
+Template
+```html
+<div class="scroll-to__controls">
+  <input type="number" class="scroll-to__input" [(ngModel)]="itemId" [required]="true" [min]="items[0].id"
+    [max]="items[items.length - 1].id">
+  <button class="scroll-to__button" (click)="onButtonScrollToIdClickHandler($event)">Scroll</button>
+</div>
+
+<ng-virtual-list #virtualList class="list" [items]="items" [itemRenderer]="itemRenderer" [itemsOffset]="10"
+  [itemSize]="40"></ng-virtual-list>
+
+<ng-template #itemRenderer let-data="data">
+@if (data) {
+  <div class="list__container">
+    <span>{{data.name}}</span>
+  </div>
+}
+</ng-template>
+```
+
+Component
+```ts
+import { Component, viewChild } from '@angular/core';
+import { NgVirtualListComponent } from '../../projects/ng-virtual-list/src/public-api';
+import { IVirtualListCollection } from '../../projects/ng-virtual-list/src/lib/models';
+import { FormsModule } from '@angular/forms';
+import { Id } from '../../projects/ng-virtual-list/src/lib/types';
+
+const MAX_ITEMS = 1000000;
+
+const ITEMS: IVirtualListCollection = [];
+for (let i = 0, l = MAX_ITEMS; i < l; i++) {
+  ITEMS.push({ id: i + 1, name: `Item: ${i}` });
+}
+
+@Component({
+  selector: 'app-root',
+  imports: [FormsModule, NgVirtualListComponent],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.scss'
+})
+export class AppComponent {
+  protected _listContainerRef = viewChild('virtualList', { read: NgVirtualListComponent });
+
+  items = ITEMS;
+
+  itemId: Id = this.items[0].id;
+
+  onButtonScrollToIdClickHandler = (e: Event) => {
+    const list = this._listContainerRef();
+    if (list) {
+      list.scrollTo(this.itemId, 'smooth');
+    }
+  }
+}
+
+```
+
+## Stylization
+
+List items are encapsulated in shadowDOM, so to override default styles you need to use ::part access
+
+- Customize a scroll area of list
+```css
+.list::part(scroller) {
+    scroll-behavior: auto;
+
+    /* custom scrollbar */
+    &::-webkit-scrollbar {
+        width: 16px;
+        height: 16px;
+    }
+
+    &::-webkit-scrollbar-track {
+        background-color: #ffffff;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-color: #d6dee1;
+        border-radius: 20px;
+        border: 6px solid transparent;
+        background-clip: content-box;
+        min-width: 60px;
+        min-height: 60px;
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+        background-color: #a8bbbf;
+    }
+}
+
+.list {
+    border-radius: 3px;
+    box-shadow: 1px 2px 8px 4px rgba(0, 0, 0, 0.075);
+    border: 1px solid rgba(0, 0, 0, 0.1);
+}
+```
+
+- Set up the list item canvas
+```css
+.list::part(list) {
+    background-color: #ffffff;
+}
+```
+
+- Set up the list item
+```css
+.list::part(item) {
+    background-color: unset; // override default styles
+}
+```
+
 ## API
 
 [NgVirtualListComponent](https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/ng-virtual-list.component.ts)
@@ -242,13 +360,14 @@ 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 |
-| itemSize | number | If direction = 'vertical', then the height of a typical element. If direction = 'horizontal', then the width of a typical element |
-| itemsOffset | number? | Number of elements outside the scope of visibility. Default value is 2 |
-| 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 |
-| snap | boolean? | Determines whether elements will snap. Default value is "true" |
-| direction | [Direction](https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/enums/direction.ts) | Determines the direction in which elements are placed. Default value is "vertical" |
+| id | number | Readonly. Returns the unique identifier of the component. | 
+| 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. |
+| itemSize | number | If direction = 'vertical', then the height of a typical element. If direction = 'horizontal', then the width of a typical element. |
+| itemsOffset | number? | Number of elements outside the scope of visibility. Default value is 2. |
+| 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. |
+| snap | boolean? | Determines whether elements will snap. Default value is "true". |
+| direction | [Direction](https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/enums/direction.ts) | Determines the direction in which elements are placed. Default value is "vertical". |
 
 <br/>
 
@@ -256,5 +375,13 @@ Outputs
 
 | Event | Type | Description |
 |---|---|---|
-| onScroll | (e: Event) => void | Fires when the list has been scrolled |
+| onScroll | (e: Event) => void | Fires when the list has been scrolled. |
 | onScrollEnd | (e: Event) => void | Fires when the list has completed scrolling. |
+
+<br/>
+
+Methods
+
+| Method | Type | Description |
+|--|--|--|
+| scrollTo | (id: [Id](https://github.com/DjonnyX/ng-virtual-list/blob/main/projects/ng-virtual-list/src/lib/types/id.ts), behavior: ScrollBehavior = 'auto') => number | The method scrolls the list to the element with the given id and returns the value of the scrolled area. Behavior accepts the values ​​"auto", "instant" and "smooth". |

package/fesm2022/ng-virtual-list.mjs

@@ -24,19 +24,34 @@ class NgVirtualListItemComponent {
             styles.width = data.config.isVertical ? '100%' : `${data.measures.width}px`;
         })).subscribe();
     }
+    showIfNeed() {
+        const styles = this._elementRef.nativeElement.style;
+        if (styles.visibility === 'visible') {
+            return;
+        }
+        styles.visibility = 'visible';
+    }
+    hide() {
+        const styles = this._elementRef.nativeElement.style;
+        if (styles.visibility === 'hidden') {
+            return;
+        }
+        styles.visibility = 'hidden';
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgVirtualListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NgVirtualListItemComponent, isStandalone: true, selector: "ng-virtual-list-item", host: { classAttribute: "ngvl__item" }, ngImport: i0, template: "@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}", styles: [":host{position:absolute;left:0;top:0;width:100%;height:100%}.ngvl-item__container{margin:0;padding:0;overflow:hidden;background-color:#fff;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: NgVirtualListItemComponent, isStandalone: true, selector: "ng-virtual-list-item", host: { classAttribute: "ngvl__item" }, ngImport: i0, template: "@let item = data();\r\n@let renderer = itemRenderer();\r\n\r\n@if (item) {\r\n<li #listItem part=\"item\" 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}", styles: [":host{position:absolute;left:0;top:0;width:100%;height:100%}.ngvl-item__container{margin:0;padding:0;overflow:hidden;background-color:#fff;width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: NgVirtualListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-virtual-list-item', imports: [CommonModule], host: {
                         'class': 'ngvl__item',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@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}", styles: [":host{position:absolute;left:0;top:0;width:100%;height:100%}.ngvl-item__container{margin:0;padding:0;overflow:hidden;background-color:#fff;width:100%;height:100%}\n"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "@let item = data();\r\n@let renderer = itemRenderer();\r\n\r\n@if (item) {\r\n<li #listItem part=\"item\" 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}", styles: [":host{position:absolute;left:0;top:0;width:100%;height:100%}.ngvl-item__container{margin:0;padding:0;overflow:hidden;background-color:#fff;width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [] });
 
 const DEFAULT_ITEM_HEIGHT = 24;
 const DEFAULT_ITEMS_OFFSET = 2;
 const DEFAULT_LIST_SIZE = 400;
+const DISPLAY_OBJECTS_LENGTH_MESUREMENT_ERROR = 1;
 
 var Directions;
 (function (Directions) {
@@ -62,17 +77,51 @@ const toggleClassName = (el, className, remove = false) => {
 };
 
 class NgVirtualListComponent {
+    static __nextId = 0;
+    _id = NgVirtualListComponent.__nextId;
+    /**
+     * Readonly. Returns the unique identifier of the component.
+     */
+    get id() { return this._id; }
     _listContainerRef;
     _container = viewChild('container');
     _list = viewChild('list');
+    /**
+     * Fires when the list has been scrolled.
+     */
     onScroll = output();
+    /**
+     * Fires when the list has completed scrolling.
+     */
     onScrollEnd = output();
+    /**
+     * Collection of list items.
+     */
     items = input.required();
+    /**
+     * Determines whether elements will snap. Default value is "true".
+     */
     snap = input(true);
+    /**
+     * Rendering element template.
+     */
     itemRenderer = input.required();
+    /**
+     * 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.
+     */
     stickyMap = input({});
+    /**
+     * If direction = 'vertical', then the height of a typical element. If direction = 'horizontal', then the width of a typical element.
+     */
     itemSize = input(DEFAULT_ITEM_HEIGHT);
+    /**
+     * Determines the direction in which elements are placed. Default value is "vertical".
+     */
     direction = input(Directions.VERTICAL);
+    /**
+     * Number of elements outside the scope of visibility. Default value is 2.
+     */
     itemsOffset = input(DEFAULT_ITEMS_OFFSET);
     _isVertical = this.getIsVertical();
     _displayItems = signal(null);
@@ -95,6 +144,9 @@ class NgVirtualListComponent {
     // for dynamic item size
     // private _sizeCacheMap = new Map<Id, IRect>();
     constructor() {
+        NgVirtualListComponent.__nextId = NgVirtualListComponent.__nextId + 1 === Number.MAX_SAFE_INTEGER
+            ? 0 : NgVirtualListComponent.__nextId + 1;
+        this._id = NgVirtualListComponent.__nextId;
         const $bounds = toObservable(this._bounds).pipe(filter(b => !!b)), $items = toObservable(this.items).pipe(map(i => !i ? [] : i)), $scrollSize = toObservable(this._scrollSize), $itemSize = toObservable(this.itemSize), $itemsOffset = toObservable(this.itemsOffset), $stickyMap = toObservable(this.stickyMap), $snap = toObservable(this.snap), $isVertical = toObservable(this.direction).pipe(map(v => this.getIsVertical(v)), tap(v => {
             this._isVertical = v;
             const el = this._elementRef.nativeElement;
@@ -175,7 +227,7 @@ class NgVirtualListComponent {
                 l.nativeElement.style[isVertical ? 'height' : 'width'] = `${totalSize}px`;
             }
         })).subscribe();
-        toObservable(this._displayItems).pipe(takeUntilDestroyed(), tap(displayItems => {
+        toObservable(this._displayItems).pipe(takeUntilDestroyed(), distinctUntilChanged(), tap(displayItems => {
             this.createDisplayComponentsIfNeed(displayItems);
             this.refresh(displayItems);
         })).subscribe();
@@ -195,11 +247,16 @@ class NgVirtualListComponent {
                 this._displayComponents.push(comp);
             }
         }
-        if (this._displayComponents.length > displayItems.length) {
-            while (this._displayComponents.length > displayItems.length) {
+        const maxLength = displayItems.length + DISPLAY_OBJECTS_LENGTH_MESUREMENT_ERROR + this.itemsOffset();
+        if (this._displayComponents.length > maxLength) {
+            while (this._displayComponents.length > maxLength) {
                 const comp = this._displayComponents.pop();
                 comp?.destroy();
             }
+            for (let i = displayItems.length, l = this._displayComponents.length; i < l; i++) {
+                const comp = this._displayComponents[i];
+                comp.instance.hide();
+            }
         }
     }
     refresh(displayItems) {
@@ -210,6 +267,22 @@ class NgVirtualListComponent {
             const el = this._displayComponents[i];
             el.instance.item = displayItems[i];
             el.instance.renderer = this.itemRenderer();
+            el.instance.showIfNeed();
+        }
+    }
+    /**
+     * The method scrolls the list to the element with the given id and returns the value of the scrolled area.
+     * Behavior accepts the values ​​"auto", "instant" and "smooth".
+     */
+    scrollTo(id, behavior = 'auto') {
+        const items = this.items();
+        if (!items || !items.length) {
+            return;
+        }
+        const index = items.findIndex(item => item.id === id), scrollSize = index * this.itemSize(), container = this._container();
+        if (container) {
+            const params = { [this._isVertical ? 'top' : 'left']: scrollSize, behavior };
+            container.nativeElement.scroll(params);
         }
     }
     ngAfterViewInit() {
@@ -239,11 +312,11 @@ class NgVirtualListComponent {
         }
     }
     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 }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: true, transformFunction: null }, stickyMap: { classPropertyName: "stickyMap", publicName: "stickyMap", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, itemsOffset: { classPropertyName: "itemsOffset", publicName: "itemsOffset", 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;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__container{overflow:auto;width:100%;height:100%}.ngvl__list{position:relative;list-style:none;padding:0;margin:0;width:100%;height:100%}\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 }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: true, transformFunction: null }, stickyMap: { classPropertyName: "stickyMap", publicName: "stickyMap", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, itemsOffset: { classPropertyName: "itemsOffset", publicName: "itemsOffset", 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 part=\"scroller\" class=\"ngvl__container\">\r\n  <ul #list part=\"list\" class=\"ngvl__list\">\r\n    <ng-container #renderersContainer></ng-container>\r\n  </ul>\r\n</div>", styles: [":host{display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__container{overflow:auto;width:100%;height:100%}.ngvl__list{position:relative;list-style:none;padding:0;margin:0;width:100%;height:100%}\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,
-            args: [{ selector: 'ng-virtual-list', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, 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;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__container{overflow:auto;width:100%;height:100%}.ngvl__list{position:relative;list-style:none;padding:0;margin:0;width:100%;height:100%}\n"] }]
+            args: [{ selector: 'ng-virtual-list', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, template: "<div #container part=\"scroller\" class=\"ngvl__container\">\r\n  <ul #list part=\"list\" class=\"ngvl__list\">\r\n    <ng-container #renderersContainer></ng-container>\r\n  </ul>\r\n</div>", styles: [":host{display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__container{overflow:auto;width:100%;height:100%}.ngvl__list{position:relative;list-style:none;padding:0;margin:0;width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _listContainerRef: [{
                 type: ViewChild,
                 args: ['renderersContainer', { read: ViewContainerRef }]

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/enums/directions.ts","../../../projects/ng-virtual-list/src/lib/utils/isDirection.ts","../../../projects/ng-virtual-list/src/lib/utils/toggleClassName.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 { ChangeDetectionStrategy, Component, ElementRef, inject, 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  host: {\r\n    'class': 'ngvl__item',\r\n  },\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\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  private _elementRef = inject(ElementRef<HTMLElement>);\r\n\r\n  constructor() {\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        styles.zIndex = data.config.sticky > 1 ? String(data.config.sticky) : String(data.config.sticky ?? 1);\r\n        styles.transform = `translate3d(${data.config.isVertical ? 0 : data.measures.x}px, ${data.config.isVertical ? data.measures.y : 0}px , 0)`;\r\n        styles.height = data.config.isVertical ? `${data.measures.height}px` : '100%';\r\n        styles.width = data.config.isVertical ? '100%' : `${data.measures.width}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 = 2;\r\n\r\nexport const DEFAULT_LIST_SIZE = 400;","export enum Directions {\r\n    HORIZONTAL = 'horizontal',\r\n    VERTICAL = 'vertical',\r\n}","import { Direction, Directions } from \"../enums\";\r\n\r\nconst HORIZONTAL_ALIASES = [Directions.HORIZONTAL, 'horizontal'],\r\n    VERTICAL_ALIASES = [Directions.VERTICAL, 'vertical']\r\n    ;\r\n\r\nexport const isDirection = (src: Direction, expected: Direction): boolean => {\r\n    if (HORIZONTAL_ALIASES.includes(expected)) {\r\n        return HORIZONTAL_ALIASES.includes(src);\r\n    }\r\n    return VERTICAL_ALIASES.includes(src);\r\n}","export const toggleClassName = (el: HTMLElement, className: string, remove = false) => {\r\n    if (!el.classList.contains(className)) {\r\n        el.classList.add(className);\r\n    } else if (remove) {\r\n        el.classList.remove(className);\r\n    }\r\n};\r\n","import {\r\n  AfterViewInit, ChangeDetectionStrategy, Component, ComponentRef, ElementRef, inject, 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, distinctUntilChanged, 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, IVirtualListItem, IVirtualListStickyMap } from './models';\r\n// import { Id, IRect } from './types';\r\nimport { IRenderVirtualListCollection } from './models/render-collection.model';\r\nimport { IRenderVirtualListItem } from './models/render-item.model';\r\nimport { Direction, Directions } from './enums';\r\nimport { isDirection, toggleClassName } from './utils';\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  snap = input<boolean>(true);\r\n\r\n  itemRenderer = input.required<TemplateRef<any>>();\r\n\r\n  stickyMap = input<IVirtualListStickyMap>({});\r\n\r\n  itemSize = input(DEFAULT_ITEM_HEIGHT);\r\n\r\n  direction = input<Direction>(Directions.VERTICAL);\r\n\r\n  itemsOffset = input<number>(DEFAULT_ITEMS_OFFSET);\r\n\r\n  private _isVertical = this.getIsVertical();\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(this._isVertical ? target.scrollTop : target.scrollLeft);\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 _elementRef = inject(ElementRef<HTMLDivElement>);\r\n\r\n  // for dynamic item size\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      $itemSize = toObservable(this.itemSize),\r\n      $itemsOffset = toObservable(this.itemsOffset),\r\n      $stickyMap = toObservable(this.stickyMap),\r\n      $snap = toObservable(this.snap),\r\n      $isVertical = toObservable(this.direction).pipe(\r\n        map(v => this.getIsVertical(v)),\r\n        tap(v => {\r\n          this._isVertical = v;\r\n          const el: HTMLElement = this._elementRef.nativeElement;\r\n          toggleClassName(el, v ? 'vertical' : 'horizontal', true);\r\n        }),\r\n      );\r\n\r\n    combineLatest([$bounds, $items, $stickyMap, $scrollSize, $itemSize, $itemsOffset, $snap, $isVertical]).pipe(\r\n      takeUntilDestroyed(),\r\n      distinctUntilChanged(),\r\n      switchMap(([bounds, items, stickyMap, scrollSize, itemSize, itemsOffset, snap, isVertical]) => {\r\n        const { width, height } = bounds, size = isVertical ? height : width;\r\n        const itemsFromStartToScrollEnd = Math.floor(scrollSize / itemSize),\r\n          itemsFromStartToDisplayEnd = Math.ceil((scrollSize + size) / itemSize),\r\n          leftHiddenItemsWeight = itemsFromStartToScrollEnd * itemSize,\r\n          totalItemsToDisplayEndWeight = itemsFromStartToDisplayEnd * itemSize,\r\n          totalItems = items.length,\r\n          totalSize = totalItems * itemSize,\r\n          itemsOnDisplay = totalItemsToDisplayEndWeight - leftHiddenItemsWeight;\r\n        return of({\r\n          items, stickyMap, itemsOffset, width, height, isVertical, scrollSize, itemsFromStartToScrollEnd, itemsFromStartToDisplayEnd,\r\n          itemsOnDisplay, leftHiddenItemsWeight, itemSize, totalSize, snap\r\n        });\r\n      }),\r\n      tap(({ items, stickyMap, itemsOffset, width, height, isVertical, scrollSize, itemsFromStartToScrollEnd, itemsFromStartToDisplayEnd,\r\n        itemsOnDisplay, leftHiddenItemsWeight, itemSize, totalSize, snap }) => {\r\n        const displayItems: IRenderVirtualListCollection = [];\r\n        if (items.length) {\r\n          const w = isVertical ? width : itemSize, h = isVertical ? itemSize : height, 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 * itemSize, rightItemsWeight = rightItemLength * itemSize,\r\n            startIndex = itemsFromStartToScrollEnd - leftItemLength, snippedPos = Math.floor(scrollSize);\r\n          let pos = leftHiddenItemsWeight - leftItemsWeight,\r\n            renderWeight = itemsOnDisplay + leftItemsWeight + rightItemsWeight, stickyItem: IRenderVirtualListItem | undefined;\r\n\r\n          if (snap) {\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: isVertical ? 0 : snippedPos,\r\n                  y: isVertical ? snippedPos : 0,\r\n                  width: w,\r\n                  height: h,\r\n                }, config = {\r\n                  isVertical,\r\n                  sticky,\r\n                  snap,\r\n                };\r\n\r\n                const itemData: IVirtualListItem = items[i];\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\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, snaped = snap && stickyMap[id] > 0 && pos <= scrollSize, measures = {\r\n              x: isVertical ? 0 : snaped ? snippedPos : pos,\r\n              y: isVertical ? snaped ? snippedPos : pos : 0,\r\n              width: w,\r\n              height: h,\r\n            }, config = {\r\n              isVertical,\r\n              sticky: snaped ? stickyMap[id] : 0,\r\n              snap,\r\n            };\r\n\r\n            const itemData: IVirtualListItem = items[i];\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            // for dynamic item size\r\n            // this._sizeCacheMap.set(id, measures);\r\n\r\n            renderWeight -= itemSize;\r\n            pos += itemSize;\r\n            i++;\r\n          }\r\n\r\n          const axis = isVertical ? 'y' : 'x';\r\n\r\n          if (i < totalItems) {\r\n            if (nextSticky && stickyItem && nextSticky.measures[axis] <= leftHiddenItemsWeight + itemSize) {\r\n              stickyItem.measures[axis] = nextSticky.measures[axis] - itemSize;\r\n              stickyItem.config.sticky = 1;\r\n            }\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[isVertical ? 'height' : 'width'] = `${totalSize}px`;\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 getIsVertical(d?: Direction) {\r\n    const dir = d || this.direction();\r\n    return isDirection(dir, Directions.VERTICAL);\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    if (this._displayComponents) {\r\n      while (this._displayComponents.length > 0) {\r\n        const comp = this._displayComponents.pop();\r\n        comp?.destroy();\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/enums/directions.ts","../../../projects/ng-virtual-list/src/lib/utils/isDirection.ts","../../../projects/ng-virtual-list/src/lib/utils/toggleClassName.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 { ChangeDetectionStrategy, Component, ElementRef, inject, 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  host: {\r\n    'class': 'ngvl__item',\r\n  },\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\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  private _elementRef = inject(ElementRef<HTMLElement>);\r\n\r\n  constructor() {\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        styles.zIndex = data.config.sticky > 1 ? String(data.config.sticky) : String(data.config.sticky ?? 1);\r\n        styles.transform = `translate3d(${data.config.isVertical ? 0 : data.measures.x}px, ${data.config.isVertical ? data.measures.y : 0}px , 0)`;\r\n        styles.height = data.config.isVertical ? `${data.measures.height}px` : '100%';\r\n        styles.width = data.config.isVertical ? '100%' : `${data.measures.width}px`;\r\n      })\r\n    ).subscribe();\r\n  }\r\n\r\n  showIfNeed() {\r\n    const styles = this._elementRef.nativeElement.style;\r\n    if (styles.visibility === 'visible') {\r\n      return;\r\n    }\r\n\r\n    styles.visibility = 'visible';\r\n  }\r\n\r\n  hide() {\r\n    const styles = this._elementRef.nativeElement.style;\r\n    if (styles.visibility === 'hidden') {\r\n      return;\r\n    }\r\n\r\n    styles.visibility = 'hidden';\r\n  }\r\n}\r\n","@let item = data();\r\n@let renderer = itemRenderer();\r\n\r\n@if (item) {\r\n<li #listItem part=\"item\" 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 = 2;\r\n\r\nexport const DEFAULT_LIST_SIZE = 400;\r\n\r\nexport const DISPLAY_OBJECTS_LENGTH_MESUREMENT_ERROR = 1;\r\n","export enum Directions {\r\n    HORIZONTAL = 'horizontal',\r\n    VERTICAL = 'vertical',\r\n}","import { Direction, Directions } from \"../enums\";\r\n\r\nconst HORIZONTAL_ALIASES = [Directions.HORIZONTAL, 'horizontal'],\r\n    VERTICAL_ALIASES = [Directions.VERTICAL, 'vertical']\r\n    ;\r\n\r\nexport const isDirection = (src: Direction, expected: Direction): boolean => {\r\n    if (HORIZONTAL_ALIASES.includes(expected)) {\r\n        return HORIZONTAL_ALIASES.includes(src);\r\n    }\r\n    return VERTICAL_ALIASES.includes(src);\r\n}","export const toggleClassName = (el: HTMLElement, className: string, remove = false) => {\r\n    if (!el.classList.contains(className)) {\r\n        el.classList.add(className);\r\n    } else if (remove) {\r\n        el.classList.remove(className);\r\n    }\r\n};\r\n","import {\r\n  AfterViewInit, ChangeDetectionStrategy, Component, ComponentRef, ElementRef, inject, 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, distinctUntilChanged, 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, DISPLAY_OBJECTS_LENGTH_MESUREMENT_ERROR } from './const';\r\nimport { IVirtualListCollection, IVirtualListItem, 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\nimport { Direction, Directions } from './enums';\r\nimport { isDirection, toggleClassName } from './utils';\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  private static __nextId: number = 0;\r\n\r\n  private _id: number = NgVirtualListComponent.__nextId;\r\n  /**\r\n   * Readonly. Returns the unique identifier of the component.\r\n   */\r\n  get id() { return this._id; }\r\n\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  /**\r\n   * Fires when the list has been scrolled.\r\n   */\r\n  onScroll = output<Event | undefined>();\r\n\r\n  /**\r\n   * Fires when the list has completed scrolling.\r\n   */\r\n  onScrollEnd = output<Event | undefined>();\r\n\r\n  /**\r\n   * Collection of list items.\r\n   */\r\n  items = input.required<IVirtualListCollection>();\r\n\r\n  /**\r\n   * Determines whether elements will snap. Default value is \"true\".\r\n   */\r\n  snap = input<boolean>(true);\r\n\r\n  /**\r\n   * Rendering element template.\r\n   */\r\n  itemRenderer = input.required<TemplateRef<any>>();\r\n\r\n  /**\r\n   * Dictionary zIndex by id of the list element. If the value is not set or equal to 0,\r\n   * then a simple element is displayed, if the value is greater than 0, then the sticky position mode is enabled for the element.\r\n   */\r\n  stickyMap = input<IVirtualListStickyMap>({});\r\n\r\n  /**\r\n   * If direction = 'vertical', then the height of a typical element. If direction = 'horizontal', then the width of a typical element.\r\n   */\r\n  itemSize = input(DEFAULT_ITEM_HEIGHT);\r\n\r\n  /**\r\n   * Determines the direction in which elements are placed. Default value is \"vertical\".\r\n   */\r\n  direction = input<Direction>(Directions.VERTICAL);\r\n\r\n  /**\r\n   * Number of elements outside the scope of visibility. Default value is 2.\r\n   */\r\n  itemsOffset = input<number>(DEFAULT_ITEMS_OFFSET);\r\n\r\n  private _isVertical = this.getIsVertical();\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(this._isVertical ? target.scrollTop : target.scrollLeft);\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 _elementRef = inject(ElementRef<HTMLDivElement>);\r\n\r\n  // for dynamic item size\r\n  // private _sizeCacheMap = new Map<Id, IRect>();\r\n\r\n  constructor() {\r\n    NgVirtualListComponent.__nextId = NgVirtualListComponent.__nextId + 1 === Number.MAX_SAFE_INTEGER\r\n      ? 0 : NgVirtualListComponent.__nextId + 1;\r\n    this._id = NgVirtualListComponent.__nextId;\r\n\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      $itemSize = toObservable(this.itemSize),\r\n      $itemsOffset = toObservable(this.itemsOffset),\r\n      $stickyMap = toObservable(this.stickyMap),\r\n      $snap = toObservable(this.snap),\r\n      $isVertical = toObservable(this.direction).pipe(\r\n        map(v => this.getIsVertical(v)),\r\n        tap(v => {\r\n          this._isVertical = v;\r\n          const el: HTMLElement = this._elementRef.nativeElement;\r\n          toggleClassName(el, v ? 'vertical' : 'horizontal', true);\r\n        }),\r\n      );\r\n\r\n    combineLatest([$bounds, $items, $stickyMap, $scrollSize, $itemSize, $itemsOffset, $snap, $isVertical]).pipe(\r\n      takeUntilDestroyed(),\r\n      distinctUntilChanged(),\r\n      switchMap(([bounds, items, stickyMap, scrollSize, itemSize, itemsOffset, snap, isVertical]) => {\r\n        const { width, height } = bounds, size = isVertical ? height : width;\r\n        const itemsFromStartToScrollEnd = Math.floor(scrollSize / itemSize),\r\n          itemsFromStartToDisplayEnd = Math.ceil((scrollSize + size) / itemSize),\r\n          leftHiddenItemsWeight = itemsFromStartToScrollEnd * itemSize,\r\n          totalItemsToDisplayEndWeight = itemsFromStartToDisplayEnd * itemSize,\r\n          totalItems = items.length,\r\n          totalSize = totalItems * itemSize,\r\n          itemsOnDisplay = totalItemsToDisplayEndWeight - leftHiddenItemsWeight;\r\n        return of({\r\n          items, stickyMap, itemsOffset, width, height, isVertical, scrollSize, itemsFromStartToScrollEnd, itemsFromStartToDisplayEnd,\r\n          itemsOnDisplay, leftHiddenItemsWeight, itemSize, totalSize, snap\r\n        });\r\n      }),\r\n      tap(({ items, stickyMap, itemsOffset, width, height, isVertical, scrollSize, itemsFromStartToScrollEnd, itemsFromStartToDisplayEnd,\r\n        itemsOnDisplay, leftHiddenItemsWeight, itemSize, totalSize, snap }) => {\r\n        const displayItems: IRenderVirtualListCollection = [];\r\n        if (items.length) {\r\n          const w = isVertical ? width : itemSize, h = isVertical ? itemSize : height, 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 * itemSize, rightItemsWeight = rightItemLength * itemSize,\r\n            startIndex = itemsFromStartToScrollEnd - leftItemLength, snippedPos = Math.floor(scrollSize);\r\n          let pos = leftHiddenItemsWeight - leftItemsWeight,\r\n            renderWeight = itemsOnDisplay + leftItemsWeight + rightItemsWeight, stickyItem: IRenderVirtualListItem | undefined;\r\n\r\n          if (snap) {\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: isVertical ? 0 : snippedPos,\r\n                  y: isVertical ? snippedPos : 0,\r\n                  width: w,\r\n                  height: h,\r\n                }, config = {\r\n                  isVertical,\r\n                  sticky,\r\n                  snap,\r\n                };\r\n\r\n                const itemData: IVirtualListItem = items[i];\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\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, snaped = snap && stickyMap[id] > 0 && pos <= scrollSize, measures = {\r\n              x: isVertical ? 0 : snaped ? snippedPos : pos,\r\n              y: isVertical ? snaped ? snippedPos : pos : 0,\r\n              width: w,\r\n              height: h,\r\n            }, config = {\r\n              isVertical,\r\n              sticky: snaped ? stickyMap[id] : 0,\r\n              snap,\r\n            };\r\n\r\n            const itemData: IVirtualListItem = items[i];\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            // for dynamic item size\r\n            // this._sizeCacheMap.set(id, measures);\r\n\r\n            renderWeight -= itemSize;\r\n            pos += itemSize;\r\n            i++;\r\n          }\r\n\r\n          const axis = isVertical ? 'y' : 'x';\r\n\r\n          if (i < totalItems) {\r\n            if (nextSticky && stickyItem && nextSticky.measures[axis] <= leftHiddenItemsWeight + itemSize) {\r\n              stickyItem.measures[axis] = nextSticky.measures[axis] - itemSize;\r\n              stickyItem.config.sticky = 1;\r\n            }\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[isVertical ? 'height' : 'width'] = `${totalSize}px`;\r\n        }\r\n      })\r\n    ).subscribe();\r\n\r\n    toObservable(this._displayItems).pipe(\r\n      takeUntilDestroyed(),\r\n      distinctUntilChanged(),\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 getIsVertical(d?: Direction) {\r\n    const dir = d || this.direction();\r\n    return isDirection(dir, Directions.VERTICAL);\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    const maxLength = displayItems.length + DISPLAY_OBJECTS_LENGTH_MESUREMENT_ERROR + this.itemsOffset();\r\n    if (this._displayComponents.length > maxLength) {\r\n      while (this._displayComponents.length > maxLength) {\r\n        const comp = this._displayComponents.pop();\r\n        comp?.destroy();\r\n      }\r\n      for (let i = displayItems.length, l = this._displayComponents.length; i < l; i++) {\r\n        const comp = this._displayComponents[i];\r\n        comp.instance.hide();\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      el.instance.showIfNeed();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * The method scrolls the list to the element with the given id and returns the value of the scrolled area.\r\n   * Behavior accepts the values ​​\"auto\", \"instant\" and \"smooth\".\r\n   */\r\n  scrollTo(id: Id, behavior: ScrollBehavior = 'auto') {\r\n    const items = this.items();\r\n    if (!items || !items.length) {\r\n      return;\r\n    }\r\n\r\n    const index = items.findIndex(item => item.id === id), scrollSize = index * this.itemSize(), container = this._container();\r\n    if (container) {\r\n      const params: ScrollToOptions = { [this._isVertical ? 'top' : 'left']: scrollSize, behavior };\r\n      container.nativeElement.scroll(params);\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    if (this._displayComponents) {\r\n      while (this._displayComponents.length > 0) {\r\n        const comp = this._displayComponents.pop();\r\n        comp?.destroy();\r\n      }\r\n    }\r\n  }\r\n}\r\n","<div #container part=\"scroller\" class=\"ngvl__container\">\r\n  <ul #list part=\"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":";;;;;;;MAgBa,0BAA0B,CAAA;AACrC,IAAA,IAAI,GAAG,MAAM,CAAqC,SAAS,CAAC;IAE5D,IAAI,IAAI,CAAC,CAAqC,EAAA;AAC5C,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;;AAGlB,IAAA,YAAY,GAAG,MAAM,CAA+B,SAAS,CAAC;IAE9D,IAAI,QAAQ,CAAC,CAA+B,EAAA;AAC1C,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC;;AAGlB,IAAA,WAAW,GAAG,MAAM,EAAC,UAAuB,EAAC;AAErD,IAAA,WAAA,GAAA;QACE,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAC1B,kBAAkB,EAAE,EACpB,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EACtB,GAAG,CAAC,IAAI,IAAG;YACT,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK;AACnD,YAAA,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC;AACrG,YAAA,MAAM,CAAC,SAAS,GAAG,eAAe,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA,IAAA,EAAO,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,SAAS;YAC1I,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,GAAG,MAAM;YAC7E,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,GAAG,CAAG,EAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAA,EAAA,CAAI;AAC7E,SAAC,CAAC,CACH,CAAC,SAAS,EAAE;;IAGf,UAAU,GAAA;QACR,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK;AACnD,QAAA,IAAI,MAAM,CAAC,UAAU,KAAK,SAAS,EAAE;YACnC;;AAGF,QAAA,MAAM,CAAC,UAAU,GAAG,SAAS;;IAG/B,IAAI,GAAA;QACF,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK;AACnD,QAAA,IAAI,MAAM,CAAC,UAAU,KAAK,QAAQ,EAAE;YAClC;;AAGF,QAAA,MAAM,CAAC,UAAU,GAAG,QAAQ;;wGA5CnB,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBvC,wSASC,EAAA,MAAA,EAAA,CAAA,sKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDW,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAQX,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAVtC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,sBAAsB,EACvB,OAAA,EAAA,CAAC,YAAY,CAAC,EAGjB,IAAA,EAAA;AACJ,wBAAA,OAAO,EAAE,YAAY;qBACtB,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wSAAA,EAAA,MAAA,EAAA,CAAA,sKAAA,CAAA,EAAA;;;AEd1C,MAAM,mBAAmB,GAAG,EAAE;AAE9B,MAAM,oBAAoB,GAAG,CAAC;AAE9B,MAAM,iBAAiB,GAAG,GAAG;AAE7B,MAAM,uCAAuC,GAAG,CAAC;;ACNxD,IAAY,UAGX;AAHD,CAAA,UAAY,UAAU,EAAA;AAClB,IAAA,UAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,UAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACzB,CAAC,EAHW,UAAU,KAAV,UAAU,GAGrB,EAAA,CAAA,CAAA;;ACDD,MAAM,kBAAkB,GAAG,CAAC,UAAU,CAAC,UAAU,EAAE,YAAY,CAAC,EAC5D,gBAAgB,GAAG,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC;AAGjD,MAAM,WAAW,GAAG,CAAC,GAAc,EAAE,QAAmB,KAAa;AACxE,IAAA,IAAI,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;AACvC,QAAA,OAAO,kBAAkB,CAAC,QAAQ,CAAC,GAAG,CAAC;;AAE3C,IAAA,OAAO,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC;AACzC,CAAC;;ACXM,MAAM,eAAe,GAAG,CAAC,EAAe,EAAE,SAAiB,EAAE,MAAM,GAAG,KAAK,KAAI;IAClF,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;AACnC,QAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC;;SACxB,IAAI,MAAM,EAAE;AACf,QAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;;AAEtC,CAAC;;MCkBY,sBAAsB,CAAA;AACzB,IAAA,OAAO,QAAQ,GAAW,CAAC;AAE3B,IAAA,GAAG,GAAW,sBAAsB,CAAC,QAAQ;AACrD;;AAEG;IACH,IAAI,EAAE,KAAK,OAAO,IAAI,CAAC,GAAG,CAAC;AAGjB,IAAA,iBAAiB;AAEjB,IAAA,UAAU,GAAG,SAAS,CAA6B,WAAW,CAAC;AAE/D,IAAA,KAAK,GAAG,SAAS,CAA+B,MAAM,CAAC;AAEjE;;AAEG;IACH,QAAQ,GAAG,MAAM,EAAqB;AAEtC;;AAEG;IACH,WAAW,GAAG,MAAM,EAAqB;AAEzC;;AAEG;AACH,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,EAA0B;AAEhD;;AAEG;AACH,IAAA,IAAI,GAAG,KAAK,CAAU,IAAI,CAAC;AAE3B;;AAEG;AACH,IAAA,YAAY,GAAG,KAAK,CAAC,QAAQ,EAAoB;AAEjD;;;AAGG;AACH,IAAA,SAAS,GAAG,KAAK,CAAwB,EAAE,CAAC;AAE5C;;AAEG;AACH,IAAA,QAAQ,GAAG,KAAK,CAAC,mBAAmB,CAAC;AAErC;;AAEG;AACH,IAAA,SAAS,GAAG,KAAK,CAAY,UAAU,CAAC,QAAQ,CAAC;AAEjD;;AAEG;AACH,IAAA,WAAW,GAAG,KAAK,CAAS,oBAAoB,CAAC;AAEzC,IAAA,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE;AAEhC,IAAA,aAAa,GAAG,MAAM,CAAsC,IAAI,CAAC;IAEjE,kBAAkB,GAAoD,EAAE;AAExE,IAAA,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAEtC,IAAA,WAAW,GAAG,MAAM,CAAS,CAAC,CAAC;IAEjC,eAAe,GAA0B,IAAI;IAE7C,gBAAgB,GAAG,MAAK;AAC9B,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,aAAa,EAAE,qBAAqB,EAAE,IAAI,IAAI,CAAC;AACrF,KAAC;AAEO,IAAA,gBAAgB,GAAG,CAAC,CAAQ,KAAI;AACtC,QAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAAwB;QACzC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC;AAE7E,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AACvB,KAAC;AAEO,IAAA,mBAAmB,GAAG,CAAC,CAAQ,KAAI;AACzC,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1B,KAAC;AAEO,IAAA,WAAW,GAAG,MAAM,EAAC,UAA0B,EAAC;;;AAKxD,IAAA,WAAA,GAAA;QACE,sBAAsB,CAAC,QAAQ,GAAG,sBAAsB,CAAC,QAAQ,GAAG,CAAC,KAAK,MAAM,CAAC;cAC7E,CAAC,GAAG,sBAAsB,CAAC,QAAQ,GAAG,CAAC;AAC3C,QAAA,IAAI,CAAC,GAAG,GAAG,sBAAsB,CAAC,QAAQ;AAE1C,QAAA,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAC7C,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACjB,EAAE,MAAM,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CACvC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CACtB,EAAE,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EAC7C,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EACvC,YAAY,GAAG,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EAC7C,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,EACzC,KAAK,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAC/B,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAC7C,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC/B,GAAG,CAAC,CAAC,IAAG;AACN,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC;AACpB,YAAA,MAAM,EAAE,GAAgB,IAAI,CAAC,WAAW,CAAC,aAAa;AACtD,YAAA,eAAe,CAAC,EAAE,EAAE,CAAC,GAAG,UAAU,GAAG,YAAY,EAAE,IAAI,CAAC;SACzD,CAAC,CACH;QAEH,aAAa,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CACzG,kBAAkB,EAAE,EACpB,oBAAoB,EAAE,EACtB,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC,KAAI;AAC5F,YAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK;YACpE,MAAM,yBAAyB,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC,EACjE,0BAA0B,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,UAAU,GAAG,IAAI,IAAI,QAAQ,CAAC,EACtE,qBAAqB,GAAG,yBAAyB,GAAG,QAAQ,EAC5D,4BAA4B,GAAG,0BAA0B,GAAG,QAAQ,EACpE,UAAU,GAAG,KAAK,CAAC,MAAM,EACzB,SAAS,GAAG,UAAU,GAAG,QAAQ,EACjC,cAAc,GAAG,4BAA4B,GAAG,qBAAqB;AACvE,YAAA,OAAO,EAAE,CAAC;AACR,gBAAA,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,yBAAyB,EAAE,0BAA0B;AAC3H,gBAAA,cAAc,EAAE,qBAAqB,EAAE,QAAQ,EAAE,SAAS,EAAE;AAC7D,aAAA,CAAC;AACJ,SAAC,CAAC,EACF,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,yBAAyB,EAAE,0BAA0B,EAChI,cAAc,EAAE,qBAAqB,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,KAAI;YACtE,MAAM,YAAY,GAAiC,EAAE;AACrD,YAAA,IAAI,KAAK,CAAC,MAAM,EAAE;gBAChB,MAAM,CAAC,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,EAAE,CAAC,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,GAAG,KAAK,CAAC,MAAM,EACpG,cAAc,GAAG,yBAAyB,GAAG,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,yBAAyB,EAAE,WAAW,CAAC,GAAG,CAAC,GAAG,WAAW,EAC7H,eAAe,GAAG,0BAA0B,GAAG,WAAW,GAAG;AAC3D,sBAAE,UAAU,GAAG,0BAA0B,GAAG,WAAW,EACzD,eAAe,GAAG,cAAc,GAAG,QAAQ,EAAE,gBAAgB,GAAG,eAAe,GAAG,QAAQ,EAC1F,UAAU,GAAG,yBAAyB,GAAG,cAAc,EAAE,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;AAC9F,gBAAA,IAAI,GAAG,GAAG,qBAAqB,GAAG,eAAe,EAC/C,YAAY,GAAG,cAAc,GAAG,eAAe,GAAG,gBAAgB,EAAE,UAA8C;gBAEpH,IAAI,IAAI,EAAE;AACR,oBAAA,KAAK,IAAI,CAAC,GAAG,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AACpC,wBAAA,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;AAC9C,wBAAA,IAAI,MAAM,GAAG,CAAC,EAAE;AACd,4BAAA,MAAM,QAAQ,GAAG;gCACf,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,UAAU;gCAC9B,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,CAAC;AAC9B,gCAAA,KAAK,EAAE,CAAC;AACR,gCAAA,MAAM,EAAE,CAAC;AACV,6BAAA,EAAE,MAAM,GAAG;gCACV,UAAU;gCACV,MAAM;gCACN,IAAI;6BACL;AAED,4BAAA,MAAM,QAAQ,GAAqB,KAAK,CAAC,CAAC,CAAC;AAE3C,4BAAA,UAAU,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE;AAErD,4BAAA,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC;4BAC7B;;;;AAKN,gBAAA,IAAI,CAAC,GAAG,UAAU,EAAE,UAA8C;AAElE,gBAAA,OAAO,YAAY,GAAG,CAAC,EAAE;AACvB,oBAAA,IAAI,CAAC,IAAI,UAAU,EAAE;wBACnB;;oBAGF,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,UAAU,EAAE,QAAQ,GAAG;AAC1F,wBAAA,CAAC,EAAE,UAAU,GAAG,CAAC,GAAG,MAAM,GAAG,UAAU,GAAG,GAAG;AAC7C,wBAAA,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,GAAG,GAAG,CAAC;AAC7C,wBAAA,KAAK,EAAE,CAAC;AACR,wBAAA,MAAM,EAAE,CAAC;AACV,qBAAA,EAAE,MAAM,GAAG;wBACV,UAAU;AACV,wBAAA,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC;wBAClC,IAAI;qBACL;AAED,oBAAA,MAAM,QAAQ,GAAqB,KAAK,CAAC,CAAC,CAAC;AAE3C,oBAAA,MAAM,IAAI,GAA2B,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE;oBAC7E,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE;wBACpC,UAAU,GAAG,IAAI;;AAGnB,oBAAA,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;;oBAKvB,YAAY,IAAI,QAAQ;oBACxB,GAAG,IAAI,QAAQ;AACf,oBAAA,CAAC,EAAE;;gBAGL,MAAM,IAAI,GAAG,UAAU,GAAG,GAAG,GAAG,GAAG;AAEnC,gBAAA,IAAI,CAAC,GAAG,UAAU,EAAE;AAClB,oBAAA,IAAI,UAAU,IAAI,UAAU,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qBAAqB,GAAG,QAAQ,EAAE;AAC7F,wBAAA,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,QAAQ;AAChE,wBAAA,UAAU,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;;;;AAKlC,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,YAAY,CAAC;AAEpC,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE;YACtB,IAAI,CAAC,EAAE;AACL,gBAAA,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAG,EAAA,SAAS,IAAI;;AAE7E,SAAC,CAAC,CACH,CAAC,SAAS,EAAE;AAEb,QAAA,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI,CACnC,kBAAkB,EAAE,EACpB,oBAAoB,EAAE,EACtB,GAAG,CAAC,YAAY,IAAG;AACjB,YAAA,IAAI,CAAC,6BAA6B,CAAC,YAAY,CAAC;AAChD,YAAA,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC;AAC5B,SAAC,CAAC,CACH,CAAC,SAAS,EAAE;;AAGP,IAAA,aAAa,CAAC,CAAa,EAAA;QACjC,MAAM,GAAG,GAAG,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE;QACjC,OAAO,WAAW,CAAC,GAAG,EAAE,UAAU,CAAC,QAAQ,CAAC;;AAGtC,IAAA,6BAA6B,CAAC,YAAiD,EAAA;QACrF,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC5C;;AAEF,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB;QAEhD,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,EAAE;YAC3D,IAAI,iBAAiB,EAAE;gBACrB,MAAM,IAAI,GAAG,iBAAiB,CAAC,eAAe,CAAC,0BAA0B,CAAC;AAC1E,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;;;AAItC,QAAA,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,GAAG,uCAAuC,GAAG,IAAI,CAAC,WAAW,EAAE;QACpG,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,SAAS,EAAE;YAC9C,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,SAAS,EAAE;gBACjD,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,EAAE;gBAC1C,IAAI,EAAE,OAAO,EAAE;;YAEjB,KAAK,IAAI,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;gBAChF,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;AACvC,gBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;;;;AAKhB,IAAA,OAAO,CAAC,YAAiD,EAAA;QACjE,IAAI,CAAC,YAAY,EAAE;YACjB;;AAGF,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YACnD,MAAM,EAAE,GAAG,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;YACrC,EAAE,CAAC,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC;YAClC,EAAE,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,EAAE;AAC1C,YAAA,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE;;;AAI5B;;;AAGG;AACH,IAAA,QAAQ,CAAC,EAAM,EAAE,QAAA,GAA2B,MAAM,EAAA;AAChD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;QAC1B,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC3B;;AAGF,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE;QAC1H,IAAI,SAAS,EAAE;YACb,MAAM,MAAM,GAAoB,EAAE,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,UAAU,EAAE,QAAQ,EAAE;AAC7F,YAAA,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC;;;IAI1C,eAAe,GAAA;AACb,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE;QACrC,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC;YAC3E,WAAW,CAAC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC;YAEjF,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,gBAAgB,CAAC;YAChE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC,aAAa,CAAC;YAEvD,IAAI,CAAC,gBAAgB,EAAE;;;IAI3B,WAAW,GAAA;AACT,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE;QACrC,IAAI,WAAW,EAAE;YACf,WAAW,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC;YAC9E,WAAW,CAAC,aAAa,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,mBAAmB,CAAC;AAEpF,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;gBACxB,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC;;;AAI7D,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,OAAO,IAAI,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE;gBACzC,MAAM,IAAI,GAAG,IAAI,CAAC,kBAAkB,CAAC,GAAG,EAAE;gBAC1C,IAAI,EAAE,OAAO,EAAE;;;;wGApUV,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,EASQ,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,gBAAgB,ECjC3D,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+LAIM,sTDcM,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,SAAA,EAAA,CAAA;;4FAMX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;+BACE,iBAAiB,EAAA,OAAA,EAClB,CAAC,YAAY,CAAC,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,SAAS,EAAA,QAAA,EAAA,+LAAA,EAAA,MAAA,EAAA,CAAA,+PAAA,CAAA,EAAA;wDAYhC,iBAAiB,EAAA,CAAA;sBAD1B,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,oBAAoB,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;;;AEjC7D;;AAEG;;ACFH;;AAEG;;;;"}

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

@@ -8,6 +8,8 @@ export declare class NgVirtualListItemComponent {
     set renderer(v: TemplateRef<any> | undefined);
     private _elementRef;
     constructor();
+    showIfNeed(): void;
+    hide(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgVirtualListItemComponent, "ng-virtual-list-item", never, {}, {}, never, never, true, never>;
 }

package/lib/const/index.d.ts

@@ -1,3 +1,4 @@
 export declare const DEFAULT_ITEM_HEIGHT = 24;
 export declare const DEFAULT_ITEMS_OFFSET = 2;
 export declare const DEFAULT_LIST_SIZE = 400;
+export declare const DISPLAY_OBJECTS_LENGTH_MESUREMENT_ERROR = 1;

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

@@ -1,21 +1,56 @@
 import { AfterViewInit, ComponentRef, ElementRef, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
 import { NgVirtualListItemComponent } from './components/ng-virtual-list-item.component';
 import { IVirtualListCollection, IVirtualListStickyMap } from './models';
+import { Id } from './types';
 import { IRenderVirtualListCollection } from './models/render-collection.model';
 import { Direction } from './enums';
 import * as i0 from "@angular/core";
 export declare class NgVirtualListComponent implements AfterViewInit, OnDestroy {
+    private static __nextId;
+    private _id;
+    /**
+     * Readonly. Returns the unique identifier of the component.
+     */
+    get id(): number;
     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>;
+    /**
+     * Fires when the list has been scrolled.
+     */
+    onScroll: import("@angular/core").OutputEmitterRef<Event | undefined>;
+    /**
+     * Fires when the list has completed scrolling.
+     */
+    onScrollEnd: import("@angular/core").OutputEmitterRef<Event | undefined>;
+    /**
+     * Collection of list items.
+     */
     items: import("@angular/core").InputSignal<IVirtualListCollection>;
+    /**
+     * Determines whether elements will snap. Default value is "true".
+     */
     snap: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Rendering element template.
+     */
     itemRenderer: import("@angular/core").InputSignal<TemplateRef<any>>;
+    /**
+     * 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.
+     */
     stickyMap: import("@angular/core").InputSignal<IVirtualListStickyMap>;
+    /**
+     * If direction = 'vertical', then the height of a typical element. If direction = 'horizontal', then the width of a typical element.
+     */
     itemSize: import("@angular/core").InputSignal<number>;
+    /**
+     * Determines the direction in which elements are placed. Default value is "vertical".
+     */
     direction: import("@angular/core").InputSignal<Direction>;
+    /**
+     * Number of elements outside the scope of visibility. Default value is 2.
+     */
     itemsOffset: import("@angular/core").InputSignal<number>;
     private _isVertical;
     protected _displayItems: import("@angular/core").WritableSignal<IRenderVirtualListCollection | null>;
@@ -31,6 +66,11 @@ export declare class NgVirtualListComponent implements AfterViewInit, OnDestroy
     private getIsVertical;
     private createDisplayComponentsIfNeed;
     protected refresh(displayItems: IRenderVirtualListCollection | null): void;
+    /**
+     * The method scrolls the list to the element with the given id and returns the value of the scrolled area.
+     * Behavior accepts the values ​​"auto", "instant" and "smooth".
+     */
+    scrollTo(id: Id, behavior?: ScrollBehavior): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgVirtualListComponent, never>;

package/package.json

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