ng-virtual-list 16.7.0 → 16.7.2

package/fesm2015/ng-virtual-list.mjs

@@ -1,2582 +0,0 @@
-import * as i0 from '@angular/core';
-import { Injectable, Component, ChangeDetectionStrategy, EventEmitter as EventEmitter$1, ViewContainerRef, ElementRef, ViewEncapsulation, ViewChild, Output, Input, NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
-import { takeUntil as takeUntil$1, map, tap as tap$1 } from 'rxjs/operators';
-import { Subject, takeUntil, tap, BehaviorSubject as BehaviorSubject$1, combineLatest, filter, map as map$1, debounceTime, distinctUntilChanged, switchMap, of } from 'rxjs';
-import { BehaviorSubject } from 'rxjs/internal/BehaviorSubject';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-
-/**
- * Axis of the arrangement of virtual list elements.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/enums/directions.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-var Directions;
-(function (Directions) {
-    /**
-     * Horizontal axis.
-     */
-    Directions["HORIZONTAL"] = "horizontal";
-    /**
-     * Vertical axis.
-     */
-    Directions["VERTICAL"] = "vertical";
-})(Directions || (Directions = {}));
-
-/**
- * Methods for selecting list items.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/enums/methods-for-selecting.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-var MethodsForSelecting;
-(function (MethodsForSelecting) {
-    /**
-     * List items are not selectable.
-     */
-    MethodsForSelecting["NONE"] = "none";
-    /**
-     * List items are selected one by one.
-     */
-    MethodsForSelecting["SELECT"] = "select";
-    /**
-     * Multiple selection of list items.
-     */
-    MethodsForSelecting["MULTI_SELECT"] = "multi-select";
-})(MethodsForSelecting || (MethodsForSelecting = {}));
-
-/**
- * Snapping method.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/enums/snapping-method.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-var SnappingMethods;
-(function (SnappingMethods) {
-    /**
-     * Normal group rendering.
-     */
-    SnappingMethods["NORMAL"] = "normal";
-    /**
-     * The group is rendered on a transparent background. List items below the group are not rendered.
-     */
-    SnappingMethods["ADVANCED"] = "advanced";
-})(SnappingMethods || (SnappingMethods = {}));
-
-const DEFAULT_ITEM_SIZE = 24;
-const DEFAULT_BUFFER_SIZE = 2;
-const DEFAULT_MAX_BUFFER_SIZE = 100;
-const DEFAULT_LIST_SIZE = 400;
-const DEFAULT_SNAP = false;
-const DEFAULT_ENABLED_BUFFER_OPTIMIZATION = false;
-const DEFAULT_DYNAMIC_SIZE = false;
-const TRACK_BY_PROPERTY_NAME = 'id';
-const DEFAULT_DIRECTION = Directions.VERTICAL;
-const DISPLAY_OBJECTS_LENGTH_MESUREMENT_ERROR = 1;
-const MAX_SCROLL_TO_ITERATIONS = 5;
-const DEFAULT_SNAPPING_METHOD = SnappingMethods.NORMAL;
-const DEFAULT_SELECT_METHOD = MethodsForSelecting.NONE;
-// presets
-const BEHAVIOR_AUTO = 'auto';
-const BEHAVIOR_INSTANT = 'instant';
-const BEHAVIOR_SMOOTH = 'smooth';
-const DISPLAY_BLOCK = 'block';
-const DISPLAY_NONE = 'none';
-const OPACITY_0 = '0';
-const OPACITY_100 = '100';
-const VISIBILITY_VISIBLE = 'visible';
-const VISIBILITY_HIDDEN = 'hidden';
-const SIZE_100_PERSENT = '100%';
-const SIZE_AUTO = 'auto';
-const POSITION_ABSOLUTE = 'absolute';
-const POSITION_STICKY = 'sticky';
-const TRANSLATE_3D = 'translate3d';
-const ZEROS_TRANSLATE_3D = `${TRANSLATE_3D}(0,0,0)`;
-const HIDDEN_ZINDEX = '-1';
-const DEFAULT_ZINDEX = '0';
-const TOP_PROP_NAME = 'top';
-const LEFT_PROP_NAME = 'left';
-const X_PROP_NAME = 'x';
-const Y_PROP_NAME = 'y';
-const WIDTH_PROP_NAME = 'width';
-const HEIGHT_PROP_NAME = 'height';
-const PX = 'px';
-const SCROLL = 'scroll';
-const SCROLL_END = 'scrollend';
-const CLASS_LIST_VERTICAL = 'vertical';
-const CLASS_LIST_HORIZONTAL = 'horizontal';
-// styles
-const PART_DEFAULT_ITEM = 'item';
-const PART_ITEM_ODD = ' odd';
-const PART_ITEM_EVEN = ' even';
-const PART_ITEM_SNAPPED = ' snapped';
-const PART_ITEM_SELECTED = ' selected';
-
-/**
- * Virtual List Item Interface
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/models/base-virtual-list-item-component.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-class BaseVirtualListItemComponent {
-}
-
-/**
- * Methods for selecting list items.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/enums/method-for-selecting-types.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-var MethodsForSelectingTypes;
-(function (MethodsForSelectingTypes) {
-    /**
-     * List items are not selectable.
-     */
-    MethodsForSelectingTypes[MethodsForSelectingTypes["NONE"] = 0] = "NONE";
-    /**
-     * List items are selected one by one.
-     */
-    MethodsForSelectingTypes[MethodsForSelectingTypes["SELECT"] = 1] = "SELECT";
-    /**
-     * Multiple selection of list items.
-     */
-    MethodsForSelectingTypes[MethodsForSelectingTypes["MULTI_SELECT"] = 2] = "MULTI_SELECT";
-})(MethodsForSelectingTypes || (MethodsForSelectingTypes = {}));
-
-class NgVirtualListService {
-    set methodOfSelecting(v) {
-        this._$methodOfSelecting.next(v);
-    }
-    constructor() {
-        this._$unsubscribe = new Subject();
-        this._nextComponentId = 0;
-        this._$itemClick = new Subject();
-        this.$itemClick = this._$itemClick.asObservable();
-        this._$selectedIds = new BehaviorSubject(undefined);
-        this.$selectedIds = this._$selectedIds.asObservable();
-        this._$methodOfSelecting = new BehaviorSubject(0);
-        this.$methodOfSelecting = this._$methodOfSelecting.asObservable();
-        this._$methodOfSelecting.pipe(takeUntil(this._$unsubscribe), tap(v => {
-            switch (v) {
-                case MethodsForSelectingTypes.SELECT: {
-                    const curr = this._$selectedIds.getValue();
-                    if (typeof curr !== 'number' && typeof curr !== 'string') {
-                        this._$selectedIds.next(undefined);
-                    }
-                    break;
-                }
-                case MethodsForSelectingTypes.MULTI_SELECT: {
-                    if (!Array.isArray(this._$selectedIds.getValue())) {
-                        this._$selectedIds.next([]);
-                    }
-                    break;
-                }
-                case MethodsForSelectingTypes.NONE:
-                default: {
-                    this._$selectedIds.next(undefined);
-                    break;
-                }
-            }
-        })).subscribe();
-    }
-    setSelectedIds(ids) {
-        this._$selectedIds.next(ids);
-    }
-    itemClick(data) {
-        this._$itemClick.next(data);
-        if (data) {
-            switch (this._$methodOfSelecting.getValue()) {
-                case MethodsForSelectingTypes.SELECT: {
-                    const curr = this._$selectedIds.getValue();
-                    this._$selectedIds.next(curr !== (data === null || data === void 0 ? void 0 : data.id) ? data === null || data === void 0 ? void 0 : data.id : undefined);
-                    break;
-                }
-                case MethodsForSelectingTypes.MULTI_SELECT: {
-                    const curr = [...(this._$selectedIds.getValue() || [])], index = curr.indexOf(data.id);
-                    if (index > -1) {
-                        curr.splice(index, 1);
-                        this._$selectedIds.next(curr);
-                    }
-                    else {
-                        this._$selectedIds.next([...curr, data.id]);
-                    }
-                    break;
-                }
-                case MethodsForSelectingTypes.NONE:
-                default: {
-                    this._$selectedIds.next(undefined);
-                }
-            }
-        }
-    }
-    initialize(trackBox) {
-        this._trackBox = trackBox;
-    }
-    generateComponentId() {
-        return this._nextComponentId = this._nextComponentId === Number.MAX_SAFE_INTEGER
-            ? 0 : this._nextComponentId + 1;
-    }
-    destroy() {
-        if (this._$unsubscribe) {
-            this._$unsubscribe.next();
-            this._$unsubscribe.complete();
-        }
-    }
-}
-NgVirtualListService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-NgVirtualListService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return []; } });
-
-const ATTR_AREA_SELECTED = 'area-selected';
-/**
- * Virtual list item component
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/components/ng-virtual-list-item.component.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-class NgVirtualListItemComponent extends BaseVirtualListItemComponent {
-    get id() {
-        return this._id;
-    }
-    get part() { return this._part; }
-    set item(v) {
-        if (this.data === v) {
-            return;
-        }
-        this.data = v;
-        this.updatePartStr(v, this._isSelected);
-        this.updateConfig(v);
-        this.update();
-        this._$data.next(v);
-        this._cdr.detectChanges();
-    }
-    set regularLength(v) {
-        if (this._regularLength === v) {
-            return;
-        }
-        this._regularLength = v;
-        this.update();
-        this._cdr.detectChanges();
-    }
-    get item() {
-        return this.data;
-    }
-    get itemId() {
-        var _a;
-        return (_a = this.data) === null || _a === void 0 ? void 0 : _a.id;
-    }
-    set renderer(v) {
-        if (this.itemRenderer === v) {
-            return;
-        }
-        this.itemRenderer = v;
-        this._cdr.markForCheck();
-    }
-    get element() {
-        return this._elementRef.nativeElement;
-    }
-    constructor(_cdr, _elementRef, _service) {
-        super();
-        this._cdr = _cdr;
-        this._elementRef = _elementRef;
-        this._service = _service;
-        this._$unsubscribe = new Subject();
-        this._part = PART_DEFAULT_ITEM;
-        this._isSelected = false;
-        this.config = new BehaviorSubject$1({});
-        this.regular = false;
-        this._$data = new BehaviorSubject$1(this.data);
-        this.$data = this._$data.asObservable();
-        this._regularLength = SIZE_100_PERSENT;
-        this._id = this._service.generateComponentId();
-        const $data = this.$data;
-        combineLatest([$data, this._service.$methodOfSelecting, this._service.$selectedIds]).pipe(takeUntil$1(this._$unsubscribe), map(([, m, ids]) => ({ method: m, ids })), tap$1(({ method, ids }) => {
-            switch (method) {
-                case MethodsForSelectingTypes.SELECT: {
-                    const id = ids, isSelected = id === this.itemId;
-                    this._elementRef.nativeElement.setAttribute(ATTR_AREA_SELECTED, String(isSelected));
-                    this._isSelected = isSelected;
-                    break;
-                }
-                case MethodsForSelectingTypes.MULTI_SELECT: {
-                    const actualIds = ids, isSelected = this.itemId !== undefined && actualIds && actualIds.includes(this.itemId);
-                    this._elementRef.nativeElement.setAttribute(ATTR_AREA_SELECTED, String(isSelected));
-                    this._isSelected = isSelected;
-                    break;
-                }
-                case MethodsForSelectingTypes.NONE:
-                default: {
-                    this._elementRef.nativeElement.removeAttribute(ATTR_AREA_SELECTED);
-                    this._isSelected = false;
-                    break;
-                }
-            }
-            this.updatePartStr(this.data, this._isSelected);
-            this.updateConfig(this.data);
-        })).subscribe();
-    }
-    updateConfig(v) {
-        this.config.next(Object.assign(Object.assign({}, (v === null || v === void 0 ? void 0 : v.config) || {}), { selected: this._isSelected }));
-    }
-    update() {
-        const data = this.data, regular = this.regular, length = this._regularLength;
-        if (data) {
-            const styles = this._elementRef.nativeElement.style;
-            styles.zIndex = data.config.zIndex;
-            if (data.config.snapped) {
-                styles.transform = data.config.sticky === 1 ? ZEROS_TRANSLATE_3D : `${TRANSLATE_3D}(${data.config.isVertical ? 0 : data.measures.x}${PX}, ${data.config.isVertical ? data.measures.y : 0}${PX} , 0)`;
-                ;
-                if (!data.config.isSnappingMethodAdvanced) {
-                    styles.position = POSITION_STICKY;
-                }
-            }
-            else {
-                styles.position = POSITION_ABSOLUTE;
-                if (regular) {
-                    styles.transform = `${TRANSLATE_3D}(${data.config.isVertical ? 0 : data.measures.delta}${PX}, ${data.config.isVertical ? data.measures.delta : 0}${PX} , 0)`;
-                }
-                else {
-                    styles.transform = `${TRANSLATE_3D}(${data.config.isVertical ? 0 : data.measures.x}${PX}, ${data.config.isVertical ? data.measures.y : 0}${PX} , 0)`;
-                }
-            }
-            styles.height = data.config.isVertical ? data.config.dynamic ? SIZE_AUTO : `${data.measures.height}${PX}` : regular ? length : SIZE_100_PERSENT;
-            styles.width = data.config.isVertical ? regular ? length : SIZE_100_PERSENT : data.config.dynamic ? SIZE_AUTO : `${data.measures.width}${PX}`;
-        }
-        this._cdr.markForCheck();
-    }
-    updatePartStr(v, isSelected) {
-        let odd = false;
-        if ((v === null || v === void 0 ? void 0 : v.index) !== undefined) {
-            odd = v.index % 2 === 0;
-        }
-        let part = PART_DEFAULT_ITEM;
-        part += odd ? PART_ITEM_ODD : PART_ITEM_EVEN;
-        if (v ? v.config.snapped : false) {
-            part += PART_ITEM_SNAPPED;
-        }
-        if (isSelected) {
-            part += PART_ITEM_SELECTED;
-        }
-        this._part = part;
-    }
-    getBounds() {
-        const el = this._elementRef.nativeElement, { width, height } = el.getBoundingClientRect();
-        return { width, height };
-    }
-    show() {
-        var _a, _b, _c;
-        const styles = this._elementRef.nativeElement.style;
-        if (this.regular) {
-            if (styles.display === DISPLAY_BLOCK) {
-                return;
-            }
-            styles.display = DISPLAY_BLOCK;
-        }
-        else {
-            if (styles.visibility === VISIBILITY_VISIBLE) {
-                return;
-            }
-            styles.visibility = VISIBILITY_VISIBLE;
-        }
-        styles.zIndex = (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.zIndex) !== null && _c !== void 0 ? _c : DEFAULT_ZINDEX;
-    }
-    hide() {
-        const styles = this._elementRef.nativeElement.style;
-        if (this.regular) {
-            if (styles.display === DISPLAY_NONE) {
-                return;
-            }
-            styles.display = DISPLAY_NONE;
-        }
-        else {
-            if (styles.visibility === VISIBILITY_HIDDEN) {
-                return;
-            }
-            styles.visibility = VISIBILITY_HIDDEN;
-        }
-        styles.position = POSITION_ABSOLUTE;
-        styles.transform = ZEROS_TRANSLATE_3D;
-        styles.zIndex = HIDDEN_ZINDEX;
-    }
-    onClickHandler() {
-        this._service.itemClick(this.data);
-    }
-    ngOnDestroy() {
-        if (this._$unsubscribe) {
-            this._$unsubscribe.next();
-            this._$unsubscribe.complete();
-        }
-    }
-}
-NgVirtualListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NgVirtualListService }], target: i0.ɵɵFactoryTarget.Component });
-NgVirtualListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NgVirtualListItemComponent, selector: "ng-virtual-list-item", host: { attributes: { "role": "listitem" }, classAttribute: "ngvl__item" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"data\">\r\n    <div #listItem [part]=\"part\" class=\"ngvl-item__container\" [ngClass]=\"{'snapped': data.config.snapped,\r\n        'snapped-out': data.config.snappedOut}\" (click)=\"onClickHandler()\">\r\n        <ng-container *ngIf=\"itemRenderer\">\r\n            <ng-container [ngTemplateOutlet]=\"itemRenderer\"\r\n                [ngTemplateOutletContext]=\"{data: data.data || {}, config: config | async}\"></ng-container>\r\n        </ng-container>\r\n    </div>\r\n</ng-container>", styles: [":host{display:block;position:absolute;left:0;top:0;box-sizing:border-box;overflow:hidden}.ngvl-item__container{margin:0;padding:0;overflow:hidden;background-color:#fff;width:inherit;height:inherit}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListItemComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ng-virtual-list-item', host: {
-                        'class': 'ngvl__item',
-                        'role': 'listitem',
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"data\">\r\n    <div #listItem [part]=\"part\" class=\"ngvl-item__container\" [ngClass]=\"{'snapped': data.config.snapped,\r\n        'snapped-out': data.config.snappedOut}\" (click)=\"onClickHandler()\">\r\n        <ng-container *ngIf=\"itemRenderer\">\r\n            <ng-container [ngTemplateOutlet]=\"itemRenderer\"\r\n                [ngTemplateOutletContext]=\"{data: data.data || {}, config: config | async}\"></ng-container>\r\n        </ng-container>\r\n    </div>\r\n</ng-container>", styles: [":host{display:block;position:absolute;left:0;top:0;box-sizing:border-box;overflow:hidden}.ngvl-item__container{margin:0;padding:0;overflow:hidden;background-color:#fff;width:inherit;height:inherit}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: NgVirtualListService }]; } });
-
-/**
- * Simple debounce function.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/utils/debounce.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-const debounce = (cb, debounceTime = 0) => {
-    let timeout;
-    const dispose = () => {
-        if (timeout !== undefined) {
-            clearTimeout(timeout);
-        }
-    };
-    const execute = (...args) => {
-        dispose();
-        timeout = setTimeout(() => {
-            cb(...args);
-        }, debounceTime);
-    };
-    return {
-        /**
-         *  Call handling method
-         */
-        execute,
-        /**
-         * Method of destroying handlers
-         */
-        dispose,
-    };
-};
-
-/**
- * Switch css classes
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/utils/toggleClassName.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-const toggleClassName = (el, className, removeClassName) => {
-    if (!el.classList.contains(className)) {
-        el.classList.add(className);
-    }
-    if (removeClassName) {
-        el.classList.remove(removeClassName);
-    }
-};
-
-/**
- * Scroll event.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/utils/scrollEvent.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-class ScrollEvent {
-    get direction() { return this._direction; }
-    get scrollSize() { return this._scrollSize; }
-    get scrollWeight() { return this._scrollWeight; }
-    get isVertical() { return this._isVertical; }
-    get listSize() { return this._listSize; }
-    get size() { return this._size; }
-    get isStart() { return this._isStart; }
-    get isEnd() { return this._isEnd; }
-    get delta() { return this._delta; }
-    get scrollDelta() { return this._scrollDelta; }
-    constructor(params) {
-        this._direction = 1;
-        this._scrollSize = 0;
-        this._scrollWeight = 0;
-        this._isVertical = true;
-        this._listSize = 0;
-        this._size = 0;
-        this._isStart = true;
-        this._isEnd = false;
-        this._delta = 0;
-        this._scrollDelta = 0;
-        const { direction, isVertical, container, list, delta, scrollDelta } = params;
-        this._direction = direction;
-        this._isVertical = isVertical;
-        this._scrollSize = isVertical ? container.scrollTop : container.scrollLeft;
-        this._scrollWeight = isVertical ? container.scrollHeight : container.scrollWidth;
-        this._listSize = isVertical ? list.offsetHeight : list.offsetWidth;
-        this._size = isVertical ? container.offsetHeight : container.offsetWidth;
-        this._isEnd = (this._scrollSize + this._size) === this._scrollWeight;
-        this._delta = delta;
-        this._scrollDelta = scrollDelta;
-        this._isStart = this._scrollSize === 0;
-    }
-}
-
-/**
- * Simple event emitter
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/utils/eventEmitter.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-class EventEmitter {
-    constructor() {
-        this._listeners = {};
-        this._disposed = false;
-    }
-    /**
-     * Emits the event
-     */
-    dispatch(event, ...args) {
-        const ctx = this;
-        const listeners = this._listeners[event];
-        if (Array.isArray(listeners)) {
-            for (let i = 0, l = listeners.length; i < l; i++) {
-                const listener = listeners[i];
-                if (listener) {
-                    listener.apply(ctx, args);
-                }
-            }
-        }
-    }
-    /**
-     * Emits the event async
-     */
-    dispatchAsync(event, ...args) {
-        queueMicrotask(() => {
-            if (this._disposed) {
-                return;
-            }
-            this.dispatch(event, ...args);
-        });
-    }
-    /**
-     * Returns true if the event listener is already subscribed.
-     */
-    hasEventListener(eventName, handler) {
-        const event = eventName;
-        if (this._listeners.hasOwnProperty(event)) {
-            const listeners = this._listeners[event];
-            const index = listeners.findIndex(v => v === handler);
-            if (index > -1) {
-                return true;
-            }
-        }
-        return false;
-    }
-    /**
-     * Add event listener
-     */
-    addEventListener(eventName, handler) {
-        const event = eventName;
-        if (!this._listeners.hasOwnProperty(event)) {
-            this._listeners[event] = [];
-        }
-        this._listeners[event].push(handler);
-    }
-    /**
-     * Remove event listener
-     */
-    removeEventListener(eventName, handler) {
-        const event = eventName;
-        if (!this._listeners.hasOwnProperty(event)) {
-            return;
-        }
-        const listeners = this._listeners[event], index = listeners.findIndex(v => v === handler);
-        if (index > -1) {
-            listeners.splice(index, 1);
-            if (listeners.length === 0) {
-                delete this._listeners[event];
-            }
-        }
-    }
-    /**
-     * Remove all listeners
-     */
-    removeAllListeners() {
-        const events = Object.keys(this._listeners);
-        while (events.length > 0) {
-            const event = events.pop();
-            if (event) {
-                const listeners = this._listeners[event];
-                if (Array.isArray(listeners)) {
-                    while (listeners.length > 0) {
-                        const listener = listeners.pop();
-                        if (listener) {
-                            this.removeEventListener(event, listener);
-                        }
-                    }
-                }
-            }
-        }
-    }
-    /**
-     * Method of destroying handlers
-     */
-    dispose() {
-        this._disposed = true;
-        this.removeAllListeners();
-    }
-}
-
-class CMap {
-    constructor(dict) {
-        this._dict = {};
-        if (dict) {
-            this._dict = Object.assign({}, dict._dict);
-        }
-    }
-    get(key) {
-        const k = String(key);
-        return this._dict[k];
-    }
-    set(key, value) {
-        const k = String(key);
-        this._dict[k] = value;
-        return this;
-    }
-    has(key) {
-        return this._dict.hasOwnProperty(String(key));
-    }
-    delete(key) {
-        const k = String(key);
-        delete this._dict[k];
-    }
-    clear() {
-        this._dict = {};
-    }
-}
-const CACHE_BOX_CHANGE_EVENT_NAME = 'change';
-const MAX_SCROLL_DIRECTION_POOL = 50, CLEAR_SCROLL_DIRECTION_TO = 10, DIR_BACK = '-1', DIR_NONE = '0', DIR_FORWARD = '1';
-/**
- * Cache map.
- * Emits a change event on each mutation.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/utils/cacheMap.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-class CacheMap extends EventEmitter {
-    get delta() {
-        return this._delta;
-    }
-    set deltaDirection(v) {
-        this._deltaDirection = v;
-        this._scrollDirection = this.calcScrollDirection(v);
-    }
-    get deltaDirection() {
-        return this._deltaDirection;
-    }
-    get scrollDirection() {
-        return this._scrollDirection;
-    }
-    get version() {
-        return this._version;
-    }
-    constructor() {
-        super();
-        this._map = new CMap();
-        this._snapshot = new CMap();
-        this._version = 0;
-        this._previousVersion = this._version;
-        this._delta = 0;
-        this._deltaDirection = 0;
-        this._scrollDirectionCache = [];
-        this._scrollDirection = 0;
-        this._clearScrollDirectionDebounce = debounce(() => {
-            while (this._scrollDirectionCache.length > CLEAR_SCROLL_DIRECTION_TO) {
-                this._scrollDirectionCache.shift();
-            }
-        }, 10);
-        this.lifeCircle();
-    }
-    changesDetected() {
-        return this._version !== this._previousVersion;
-    }
-    stopLifeCircle() {
-        clearTimeout(this._lifeCircleTimeout);
-    }
-    nextTick(cb) {
-        if (this._disposed) {
-            return;
-        }
-        this._lifeCircleTimeout = setTimeout(() => {
-            cb();
-        });
-        return this._lifeCircleTimeout;
-    }
-    lifeCircle() {
-        this.fireChangeIfNeed();
-        this.lifeCircleDo();
-    }
-    lifeCircleDo() {
-        this._previousVersion = this._version;
-        this.nextTick(() => {
-            this.lifeCircle();
-        });
-    }
-    clearScrollDirectionCache() {
-        this._clearScrollDirectionDebounce.execute();
-    }
-    calcScrollDirection(v) {
-        while (this._scrollDirectionCache.length >= MAX_SCROLL_DIRECTION_POOL) {
-            this._scrollDirectionCache.shift();
-        }
-        this._scrollDirectionCache.push(v);
-        const dict = { [DIR_BACK]: 0, [DIR_NONE]: 0, [DIR_FORWARD]: 0 };
-        for (let i = 0, l = this._scrollDirectionCache.length, li = l - 1; i < l; i++) {
-            const dir = String(this._scrollDirectionCache[i]);
-            dict[dir] += 1;
-            if (i === li) {
-                for (let d in dict) {
-                    if (d === String(v)) {
-                        continue;
-                    }
-                    dict[d] -= 1;
-                }
-            }
-        }
-        if (dict[DIR_BACK] > dict[DIR_NONE] && dict[DIR_BACK] > dict[DIR_FORWARD]) {
-            return -1;
-        }
-        else if (dict[DIR_FORWARD] > dict[DIR_BACK] && dict[DIR_FORWARD] > dict[DIR_NONE]) {
-            return 1;
-        }
-        return 0;
-    }
-    bumpVersion() {
-        if (this.changesDetected()) {
-            return;
-        }
-        const v = this._version === Number.MAX_SAFE_INTEGER ? 0 : this._version + 1;
-        this._version = v;
-    }
-    fireChangeIfNeed() {
-        if (this.changesDetected()) {
-            this.dispatch(CACHE_BOX_CHANGE_EVENT_NAME, this.version);
-        }
-    }
-    set(id, bounds) {
-        if (this._map.has(id)) {
-            const b = this._map.get(id), bb = bounds;
-            if (b.width === bb.width && b.height === bb.height) {
-                return this._map;
-            }
-            return this._map;
-        }
-        const v = this._map.set(id, bounds);
-        this.bumpVersion();
-        return v;
-    }
-    has(id) {
-        return this._map.has(id);
-    }
-    get(id) {
-        return this._map.get(id);
-    }
-    snapshot() {
-        this._snapshot = new CMap(this._map);
-    }
-    dispose() {
-        super.dispose();
-        this.stopLifeCircle();
-        this._snapshot.clear();
-        this._map.clear();
-    }
-}
-
-/**
- * Tracks display items by property
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/utils/tracker.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-class Tracker {
-    set displayObjectIndexMapById(v) {
-        if (this._displayObjectIndexMapById === v) {
-            return;
-        }
-        this._displayObjectIndexMapById = v;
-    }
-    get displayObjectIndexMapById() {
-        return this._displayObjectIndexMapById;
-    }
-    get trackMap() {
-        return this._trackMap;
-    }
-    set trackingPropertyName(v) {
-        this._trackingPropertyName = v;
-    }
-    constructor(trackingPropertyName) {
-        /**
-         * display objects dictionary of indexes by id
-         */
-        this._displayObjectIndexMapById = {};
-        /**
-         * Dictionary displayItems propertyNameId by items propertyNameId
-         */
-        this._trackMap = new CMap();
-        this._trackingPropertyName = trackingPropertyName;
-    }
-    /**
-     * tracking by propName
-     */
-    track(items, components, snapedComponent, direction) {
-        var _a;
-        if (!items) {
-            return;
-        }
-        const idPropName = this._trackingPropertyName, untrackedItems = [...components], newTrackItems = [], isDown = direction === 0 || direction === 1;
-        let isRegularSnapped = false;
-        for (let i = isDown ? 0 : items.length - 1, l = isDown ? items.length : 0; isDown ? i < l : i >= l; isDown ? i++ : i--) {
-            const item = items[i], itemTrackingProperty = item[idPropName];
-            if (this._trackMap) {
-                if (this._trackMap.has(itemTrackingProperty)) {
-                    const diId = this._trackMap.get(itemTrackingProperty), compIndex = this._displayObjectIndexMapById[diId], comp = components[compIndex];
-                    const compId = (_a = comp === null || comp === void 0 ? void 0 : comp.instance) === null || _a === void 0 ? void 0 : _a.id;
-                    if (comp !== undefined && compId === diId) {
-                        const indexByUntrackedItems = untrackedItems.findIndex(v => {
-                            return v.instance.id === compId;
-                        });
-                        if (indexByUntrackedItems > -1) {
-                            if (snapedComponent) {
-                                if (item['config']['snapped'] || item['config']['snappedOut']) {
-                                    isRegularSnapped = true;
-                                    snapedComponent.instance.item = item;
-                                    snapedComponent.instance.show();
-                                }
-                            }
-                            comp.instance.item = item;
-                            if (snapedComponent) {
-                                if (item['config']['snapped'] || item['config']['snappedOut']) {
-                                    comp.instance.hide();
-                                }
-                                else {
-                                    comp.instance.show();
-                                }
-                            }
-                            else {
-                                comp.instance.show();
-                            }
-                            untrackedItems.splice(indexByUntrackedItems, 1);
-                            continue;
-                        }
-                    }
-                    this._trackMap.delete(itemTrackingProperty);
-                }
-            }
-            if (untrackedItems.length > 0) {
-                newTrackItems.push(item);
-            }
-        }
-        for (let i = 0, l = newTrackItems.length; i < l; i++) {
-            const item = newTrackItems[i], itemTrackingProperty = item[idPropName];
-            if (untrackedItems.length > 0) {
-                const comp = untrackedItems.shift(), item = items[i];
-                if (comp) {
-                    if (snapedComponent) {
-                        if (item['config']['snapped'] || item['config']['snappedOut']) {
-                            isRegularSnapped = true;
-                            snapedComponent.instance.item = item;
-                            snapedComponent.instance.show();
-                        }
-                    }
-                    comp.instance.item = item;
-                    if (snapedComponent) {
-                        if (item['config']['snapped'] || item['config']['snappedOut']) {
-                            comp.instance.hide();
-                        }
-                        else {
-                            comp.instance.show();
-                        }
-                    }
-                    else {
-                        comp.instance.show();
-                    }
-                    if (this._trackMap) {
-                        this._trackMap.set(itemTrackingProperty, comp.instance.id);
-                    }
-                }
-            }
-        }
-        if (untrackedItems.length) {
-            for (let i = 0, l = untrackedItems.length; i < l; i++) {
-                const comp = untrackedItems[i];
-                comp.instance.hide();
-            }
-        }
-        if (!isRegularSnapped) {
-            if (snapedComponent) {
-                snapedComponent.instance.item = null;
-                snapedComponent.instance.hide();
-            }
-        }
-    }
-    untrackComponentByIdProperty(component) {
-        if (!component) {
-            return;
-        }
-        const propertyIdName = this._trackingPropertyName;
-        if (this._trackMap && component[propertyIdName] !== undefined) {
-            this._trackMap.delete(propertyIdName);
-        }
-    }
-    dispose() {
-        if (this._trackMap) {
-            this._trackMap.clear();
-        }
-    }
-}
-
-const DEFAULT_EXTRA = {
-    extremumThreshold: 2,
-    bufferSize: 10,
-};
-const bufferInterpolation = (currentBufferValue, array, value, extra) => {
-    const { extremumThreshold = DEFAULT_EXTRA.extremumThreshold, bufferSize = DEFAULT_EXTRA.bufferSize, } = extra !== null && extra !== void 0 ? extra : DEFAULT_EXTRA;
-    if (currentBufferValue < value) {
-        let i = 0;
-        while (i < extremumThreshold) {
-            array.push(value);
-            i++;
-        }
-    }
-    else {
-        array.push(value);
-    }
-    while (array.length >= bufferSize) {
-        array.shift();
-    }
-    const l = array.length;
-    let buffer = 0;
-    for (let i = 0; i < l; i++) {
-        buffer += array[i];
-    }
-    return Math.ceil(buffer / l);
-};
-
-const TRACK_BOX_CHANGE_EVENT_NAME = 'change';
-var ItemDisplayMethods;
-(function (ItemDisplayMethods) {
-    ItemDisplayMethods[ItemDisplayMethods["CREATE"] = 0] = "CREATE";
-    ItemDisplayMethods[ItemDisplayMethods["UPDATE"] = 1] = "UPDATE";
-    ItemDisplayMethods[ItemDisplayMethods["DELETE"] = 2] = "DELETE";
-    ItemDisplayMethods[ItemDisplayMethods["NOT_CHANGED"] = 3] = "NOT_CHANGED";
-})(ItemDisplayMethods || (ItemDisplayMethods = {}));
-const DEFAULT_BUFFER_EXTREMUM_THRESHOLD = 15, DEFAULT_MAX_BUFFER_SEQUENCE_LENGTH = 30, DEFAULT_RESET_BUFFER_SIZE_TIMEOUT = 10000;
-/**
- * An object that performs tracking, calculations and caching.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/utils/trackBox.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-class TrackBox extends CacheMap {
-    set items(v) {
-        if (this._items === v) {
-            return;
-        }
-        this._items = v;
-    }
-    set displayComponents(v) {
-        if (this._displayComponents === v) {
-            return;
-        }
-        this._displayComponents = v;
-    }
-    set snapedDisplayComponent(v) {
-        if (this._snapedDisplayComponent === v) {
-            return;
-        }
-        this._snapedDisplayComponent = v;
-    }
-    set isSnappingMethodAdvanced(v) {
-        if (this._isSnappingMethodAdvanced === v) {
-            return;
-        }
-        this._isSnappingMethodAdvanced = v;
-    }
-    /**
-     * Set the trackBy property
-     */
-    set trackingPropertyName(v) {
-        this._trackingPropertyName = this._tracker.trackingPropertyName = v;
-    }
-    constructor(trackingPropertyName) {
-        super();
-        this._isSnappingMethodAdvanced = false;
-        this._trackingPropertyName = TRACK_BY_PROPERTY_NAME;
-        this._deletedItemsMap = {};
-        this._crudDetected = false;
-        this._previousTotalSize = 0;
-        this._scrollDelta = 0;
-        this.isAdaptiveBuffer = true;
-        this._bufferSequenceExtraThreshold = DEFAULT_BUFFER_EXTREMUM_THRESHOLD;
-        this._maxBufferSequenceLength = DEFAULT_MAX_BUFFER_SEQUENCE_LENGTH;
-        this._bufferSizeSequence = [];
-        this._bufferSize = 0;
-        this._defaultBufferSize = 0;
-        this._maxBufferSize = this._defaultBufferSize;
-        this._resetBufferSizeTimeout = DEFAULT_RESET_BUFFER_SIZE_TIMEOUT;
-        this._previousScrollSize = 0;
-        this._trackingPropertyName = trackingPropertyName;
-        this.initialize();
-    }
-    initialize() {
-        this._tracker = new Tracker(this._trackingPropertyName);
-    }
-    set(id, bounds) {
-        if (this._map.has(id)) {
-            const b = this._map.get(id);
-            if ((b === null || b === void 0 ? void 0 : b.width) === bounds.width && b.height === bounds.height) {
-                return this._map;
-            }
-        }
-        const v = this._map.set(id, bounds);
-        this.bumpVersion();
-        return v;
-    }
-    get crudDetected() { return this._crudDetected; }
-    fireChangeIfNeed() {
-        if (this.changesDetected()) {
-            this.dispatch(TRACK_BOX_CHANGE_EVENT_NAME, this._version);
-        }
-    }
-    get scrollDelta() { return this._scrollDelta; }
-    get bufferSize() { return this._bufferSize; }
-    lifeCircle() {
-        this.fireChangeIfNeed();
-        this.lifeCircleDo();
-    }
-    /**
-     * Scans the collection for deleted items and flushes the deleted item cache.
-     */
-    resetCollection(currentCollection, itemSize) {
-        if (currentCollection !== undefined && currentCollection !== null && currentCollection === this._previousCollection) {
-            console.warn('Attention! The collection must be immutable.');
-            return;
-        }
-        this.updateCache(this._previousCollection, currentCollection, itemSize);
-        this._previousCollection = currentCollection;
-    }
-    /**
-     * Update the cache of items from the list
-     */
-    updateCache(previousCollection, currentCollection, itemSize) {
-        let crudDetected = false;
-        if (!currentCollection || currentCollection.length === 0) {
-            if (previousCollection) {
-                // deleted
-                for (let i = 0, l = previousCollection.length; i < l; i++) {
-                    const item = previousCollection[i], id = item.id;
-                    crudDetected = true;
-                    if (this._map.has(id)) {
-                        this._map.delete(id);
-                    }
-                }
-            }
-            return;
-        }
-        if (!previousCollection || previousCollection.length === 0) {
-            if (currentCollection) {
-                // added
-                for (let i = 0, l = currentCollection.length; i < l; i++) {
-                    crudDetected = true;
-                    const item = currentCollection[i], id = item.id;
-                    this._map.set(id, { width: itemSize, height: itemSize, method: ItemDisplayMethods.CREATE });
-                }
-            }
-            return;
-        }
-        const collectionDict = {};
-        for (let i = 0, l = currentCollection.length; i < l; i++) {
-            const item = currentCollection[i];
-            if (item) {
-                collectionDict[item.id] = item;
-            }
-        }
-        const notChangedMap = {}, deletedMap = {}, deletedItemsMap = {}, updatedMap = {};
-        for (let i = 0, l = previousCollection.length; i < l; i++) {
-            const item = previousCollection[i], id = item.id;
-            if (item) {
-                if (collectionDict.hasOwnProperty(id)) {
-                    if (item === collectionDict[id]) {
-                        // not changed
-                        notChangedMap[item.id] = item;
-                        this._map.set(id, Object.assign(Object.assign({}, (this._map.get(id) || { width: itemSize, height: itemSize })), { method: ItemDisplayMethods.NOT_CHANGED }));
-                        continue;
-                    }
-                    else {
-                        // updated
-                        crudDetected = true;
-                        updatedMap[item.id] = item;
-                        this._map.set(id, Object.assign(Object.assign({}, (this._map.get(id) || { width: itemSize, height: itemSize })), { method: ItemDisplayMethods.UPDATE }));
-                        continue;
-                    }
-                }
-                // deleted
-                crudDetected = true;
-                deletedMap[item.id] = item;
-                deletedItemsMap[i] = this._map.get(item.id);
-                this._map.delete(id);
-            }
-        }
-        for (let i = 0, l = currentCollection.length; i < l; i++) {
-            const item = currentCollection[i], id = item.id;
-            if (item && !deletedMap.hasOwnProperty(id) && !updatedMap.hasOwnProperty(id) && !notChangedMap.hasOwnProperty(id)) {
-                // added
-                crudDetected = true;
-                this._map.set(id, { width: itemSize, height: itemSize, method: ItemDisplayMethods.CREATE });
-            }
-        }
-        this._crudDetected = crudDetected;
-        this._deletedItemsMap = deletedItemsMap;
-    }
-    /**
-     * Finds the position of a collection element by the given Id
-     */
-    getItemPosition(id, stickyMap, options) {
-        const opt = Object.assign({ fromItemId: id, stickyMap }, options);
-        this._defaultBufferSize = opt.bufferSize;
-        this._maxBufferSize = opt.maxBufferSize;
-        const { scrollSize, isFromItemIdFound } = this.recalculateMetrics(Object.assign(Object.assign({}, opt), { dynamicSize: this._crudDetected || opt.dynamicSize, previousTotalSize: this._previousTotalSize, crudDetected: this._crudDetected, deletedItemsMap: this._deletedItemsMap }));
-        return isFromItemIdFound ? scrollSize : -1;
-    }
-    /**
-     * Updates the collection of display objects
-     */
-    updateCollection(items, stickyMap, options) {
-        const opt = Object.assign({ stickyMap }, options), crudDetected = this._crudDetected, deletedItemsMap = this._deletedItemsMap;
-        if (opt.dynamicSize) {
-            this.cacheElements();
-        }
-        this._defaultBufferSize = opt.bufferSize;
-        this._maxBufferSize = opt.maxBufferSize;
-        const metrics = this.recalculateMetrics(Object.assign(Object.assign({}, opt), { collection: items, previousTotalSize: this._previousTotalSize, crudDetected: this._crudDetected, deletedItemsMap }));
-        this._delta += metrics.delta;
-        this.updateAdaptiveBufferParams(metrics, items.length);
-        this._previousTotalSize = metrics.totalSize;
-        this._deletedItemsMap = {};
-        this._crudDetected = false;
-        if (opt.dynamicSize) {
-            this.snapshot();
-        }
-        const displayItems = this.generateDisplayCollection(items, stickyMap, Object.assign({}, metrics));
-        return { displayItems, totalSize: metrics.totalSize, delta: metrics.delta, crudDetected };
-    }
-    /**
-     * Finds the closest element in the collection by scrollSize
-     */
-    getNearestItem(scrollSize, items, itemSize, isVertical) {
-        return this.getElementFromStart(scrollSize, items, this._map, itemSize, isVertical);
-    }
-    updateAdaptiveBufferParams(metrics, totalItemsLength) {
-        this.disposeClearBufferSizeTimer();
-        const scrollSize = metrics.scrollSize + this._delta, delta = Math.abs(this._previousScrollSize - scrollSize);
-        this._previousScrollSize = scrollSize;
-        const bufferRawSize = Math.min(Math.floor(delta / metrics.typicalItemSize) * 5, totalItemsLength), minBufferSize = bufferRawSize < this._defaultBufferSize ? this._defaultBufferSize : bufferRawSize, bufferValue = minBufferSize > this._maxBufferSize ? this._maxBufferSize : minBufferSize;
-        this._bufferSize = bufferInterpolation(this._bufferSize, this._bufferSizeSequence, bufferValue, {
-            extremumThreshold: this._bufferSequenceExtraThreshold,
-            bufferSize: this._maxBufferSequenceLength,
-        });
-        this.startResetBufferSizeTimer();
-    }
-    startResetBufferSizeTimer() {
-        this._resetBufferSizeTimer = setTimeout(() => {
-            this._bufferSize = this._defaultBufferSize;
-            this._bufferSizeSequence = [];
-        }, this._resetBufferSizeTimeout);
-    }
-    disposeClearBufferSizeTimer() {
-        clearTimeout(this._resetBufferSizeTimer);
-    }
-    /**
-     * Calculates the position of an element based on the given scrollSize
-     */
-    getElementFromStart(scrollSize, collection, map, typicalItemSize, isVertical) {
-        const sizeProperty = isVertical ? HEIGHT_PROP_NAME : WIDTH_PROP_NAME;
-        let offset = 0;
-        for (let i = 0, l = collection.length; i < l; i++) {
-            const item = collection[i];
-            let itemSize = 0;
-            if (map.has(item.id)) {
-                const bounds = map.get(item.id);
-                itemSize = bounds ? bounds[sizeProperty] : typicalItemSize;
-            }
-            else {
-                itemSize = typicalItemSize;
-            }
-            if (offset > scrollSize) {
-                return item;
-            }
-            offset += itemSize;
-        }
-        return undefined;
-    }
-    /**
-     * Calculates the entry into the overscroll area and returns the number of overscroll elements
-     */
-    getElementNumToEnd(i, collection, map, typicalItemSize, size, isVertical, indexOffset = 0) {
-        const sizeProperty = isVertical ? HEIGHT_PROP_NAME : WIDTH_PROP_NAME;
-        let offset = 0, num = 0;
-        for (let j = collection.length - indexOffset - 1; j >= i; j--) {
-            const item = collection[j];
-            let itemSize = 0;
-            if (map.has(item.id)) {
-                const bounds = map.get(item.id);
-                itemSize = bounds ? bounds[sizeProperty] : typicalItemSize;
-            }
-            else {
-                itemSize = typicalItemSize;
-            }
-            offset += itemSize;
-            num++;
-            if (offset > size) {
-                return { num: 0, offset };
-            }
-        }
-        return { num, offset };
-    }
-    /**
-     * Calculates list metrics
-     */
-    recalculateMetrics(options) {
-        var _a, _b, _c, _d;
-        const { fromItemId, bounds, collection, dynamicSize, isVertical, itemSize, bufferSize: minBufferSize, scrollSize, snap, stickyMap, enabledBufferOptimization, previousTotalSize, crudDetected, deletedItemsMap } = options;
-        const bufferSize = Math.max(minBufferSize, this._bufferSize), { width, height } = bounds, sizeProperty = isVertical ? HEIGHT_PROP_NAME : WIDTH_PROP_NAME, size = isVertical ? height : width, totalLength = collection.length, typicalItemSize = itemSize, w = isVertical ? width : typicalItemSize, h = isVertical ? typicalItemSize : height, map = this._map, snapshot = this._snapshot, checkOverscrollItemsLimit = Math.ceil(size / typicalItemSize), snippedPos = Math.floor(scrollSize), leftItemsWeights = [], isFromId = fromItemId !== undefined && (typeof fromItemId === 'number' && fromItemId > -1)
-            || (typeof fromItemId === 'string' && fromItemId > '-1');
-        let leftItemsOffset = 0, rightItemsOffset = 0;
-        if (enabledBufferOptimization) {
-            switch (this.scrollDirection) {
-                case 1: {
-                    leftItemsOffset = 0;
-                    rightItemsOffset = bufferSize;
-                    break;
-                }
-                case -1: {
-                    leftItemsOffset = bufferSize;
-                    rightItemsOffset = 0;
-                    break;
-                }
-                case 0:
-                default: {
-                    leftItemsOffset = rightItemsOffset = bufferSize;
-                }
-            }
-        }
-        else {
-            leftItemsOffset = rightItemsOffset = bufferSize;
-        }
-        let itemsFromStartToScrollEnd = -1, itemsFromDisplayEndToOffsetEnd = 0, itemsFromStartToDisplayEnd = -1, leftItemLength = 0, rightItemLength = 0, leftItemsWeight = 0, rightItemsWeight = 0, leftHiddenItemsWeight = 0, totalItemsToDisplayEndWeight = 0, leftSizeOfAddedItems = 0, leftSizeOfUpdatedItems = 0, leftSizeOfDeletedItems = 0, itemById = undefined, itemByIdPos = 0, targetDisplayItemIndex = -1, isTargetInOverscroll = false, actualScrollSize = itemByIdPos, totalSize = 0, startIndex, isFromItemIdFound = false;
-        // If the list is dynamic or there are new elements in the collection, then it switches to the long algorithm.
-        if (dynamicSize) {
-            let y = 0, stickyCollectionItem = undefined, stickyComponentSize = 0;
-            for (let i = 0, l = collection.length; i < l; i++) {
-                const ii = i + 1, collectionItem = collection[i], id = collectionItem.id;
-                let componentSize = 0, componentSizeDelta = 0, itemDisplayMethod = ItemDisplayMethods.NOT_CHANGED;
-                if (map.has(id)) {
-                    const bounds = map.get(id) || { width: typicalItemSize, height: typicalItemSize };
-                    componentSize = bounds[sizeProperty];
-                    itemDisplayMethod = (_a = bounds === null || bounds === void 0 ? void 0 : bounds.method) !== null && _a !== void 0 ? _a : ItemDisplayMethods.UPDATE;
-                    switch (itemDisplayMethod) {
-                        case ItemDisplayMethods.UPDATE: {
-                            const snapshotBounds = snapshot.get(id);
-                            const componentSnapshotSize = componentSize - (snapshotBounds ? snapshotBounds[sizeProperty] : typicalItemSize);
-                            componentSizeDelta = componentSnapshotSize;
-                            map.set(id, Object.assign(Object.assign({}, bounds), { method: ItemDisplayMethods.NOT_CHANGED }));
-                            break;
-                        }
-                        case ItemDisplayMethods.CREATE: {
-                            componentSizeDelta = typicalItemSize;
-                            map.set(id, Object.assign(Object.assign({}, bounds), { method: ItemDisplayMethods.NOT_CHANGED }));
-                            break;
-                        }
-                    }
-                }
-                if (deletedItemsMap.hasOwnProperty(i)) {
-                    const bounds = deletedItemsMap[i], size = (_b = bounds === null || bounds === void 0 ? void 0 : bounds[sizeProperty]) !== null && _b !== void 0 ? _b : typicalItemSize;
-                    if (y < scrollSize - size) {
-                        leftSizeOfDeletedItems += size;
-                    }
-                }
-                totalSize += componentSize;
-                if (isFromId) {
-                    if (itemById === undefined) {
-                        if (id !== fromItemId && stickyMap && stickyMap[id] === 1) {
-                            stickyComponentSize = componentSize;
-                            stickyCollectionItem = collectionItem;
-                        }
-                        if (id === fromItemId) {
-                            isFromItemIdFound = true;
-                            targetDisplayItemIndex = i;
-                            if (stickyCollectionItem && stickyMap) {
-                                const { num } = this.getElementNumToEnd(i, collection, map, typicalItemSize, size, isVertical);
-                                if (num > 0) {
-                                    isTargetInOverscroll = true;
-                                    y -= size - componentSize;
-                                }
-                                else {
-                                    if (stickyMap && !stickyMap[collectionItem.id] && y >= scrollSize && y < scrollSize + stickyComponentSize) {
-                                        const snappedY = scrollSize - stickyComponentSize;
-                                        leftHiddenItemsWeight -= (snappedY - y);
-                                        y = snappedY;
-                                    }
-                                    else {
-                                        y -= stickyComponentSize;
-                                        leftHiddenItemsWeight -= stickyComponentSize;
-                                    }
-                                }
-                            }
-                            itemById = collectionItem;
-                            itemByIdPos = y;
-                        }
-                        else {
-                            leftItemsWeights.push(componentSize);
-                            leftHiddenItemsWeight += componentSize;
-                            itemsFromStartToScrollEnd = ii;
-                        }
-                    }
-                }
-                else if (y <= scrollSize - componentSize) {
-                    leftItemsWeights.push(componentSize);
-                    leftHiddenItemsWeight += componentSize;
-                    itemsFromStartToScrollEnd = ii;
-                }
-                if (isFromId) {
-                    if (itemById === undefined || y < itemByIdPos + size + componentSize) {
-                        itemsFromStartToDisplayEnd = ii;
-                        totalItemsToDisplayEndWeight += componentSize;
-                        itemsFromDisplayEndToOffsetEnd = itemsFromStartToDisplayEnd + rightItemsOffset;
-                    }
-                }
-                else if (y <= scrollSize + size + componentSize) {
-                    itemsFromStartToDisplayEnd = ii;
-                    totalItemsToDisplayEndWeight += componentSize;
-                    itemsFromDisplayEndToOffsetEnd = itemsFromStartToDisplayEnd + rightItemsOffset;
-                    if (y <= scrollSize - componentSize) {
-                        switch (itemDisplayMethod) {
-                            case ItemDisplayMethods.CREATE: {
-                                leftSizeOfAddedItems += componentSizeDelta;
-                                break;
-                            }
-                            case ItemDisplayMethods.UPDATE: {
-                                leftSizeOfUpdatedItems += componentSizeDelta;
-                                break;
-                            }
-                            case ItemDisplayMethods.DELETE: {
-                                leftSizeOfDeletedItems += componentSizeDelta;
-                                break;
-                            }
-                        }
-                    }
-                }
-                else {
-                    if (i < itemsFromDisplayEndToOffsetEnd) {
-                        rightItemsWeight += componentSize;
-                    }
-                }
-                y += componentSize;
-            }
-            if (isTargetInOverscroll) {
-                const { num } = this.getElementNumToEnd(collection.length - (checkOverscrollItemsLimit < 0 ? 0 : collection.length - checkOverscrollItemsLimit), collection, map, typicalItemSize, size, isVertical, collection.length - (collection.length - (targetDisplayItemIndex + 1)));
-                if (num > 0) {
-                    itemsFromStartToScrollEnd -= num;
-                }
-            }
-            if (itemsFromStartToScrollEnd <= -1) {
-                itemsFromStartToScrollEnd = 0;
-            }
-            if (itemsFromStartToDisplayEnd <= -1) {
-                itemsFromStartToDisplayEnd = 0;
-            }
-            actualScrollSize = isFromId ? itemByIdPos : scrollSize;
-            leftItemsWeights.splice(0, leftItemsWeights.length - leftItemsOffset);
-            leftItemsWeights.forEach(v => {
-                leftItemsWeight += v;
-            });
-            leftItemLength = Math.min(itemsFromStartToScrollEnd, leftItemsOffset);
-            rightItemLength = itemsFromStartToDisplayEnd + rightItemsOffset > totalLength
-                ? totalLength - itemsFromStartToDisplayEnd : rightItemsOffset;
-        }
-        else 
-        // Buffer optimization does not work on fast linear algorithm
-        {
-            if (crudDetected) {
-                let y = 0;
-                for (let i = 0, l = collection.length; i < l; i++) {
-                    const collectionItem = collection[i], id = collectionItem.id;
-                    let componentSize = typicalItemSize, itemDisplayMethod = ItemDisplayMethods.NOT_CHANGED;
-                    if (map.has(id)) {
-                        const bounds = map.get(id);
-                        itemDisplayMethod = (_c = bounds === null || bounds === void 0 ? void 0 : bounds.method) !== null && _c !== void 0 ? _c : ItemDisplayMethods.UPDATE;
-                        if (itemDisplayMethod === ItemDisplayMethods.CREATE) {
-                            map.set(id, Object.assign(Object.assign({}, bounds), { method: ItemDisplayMethods.NOT_CHANGED }));
-                        }
-                    }
-                    if (deletedItemsMap.hasOwnProperty(i)) {
-                        const bounds = deletedItemsMap[i], size = (_d = bounds === null || bounds === void 0 ? void 0 : bounds[sizeProperty]) !== null && _d !== void 0 ? _d : typicalItemSize;
-                        if (y < scrollSize - size) {
-                            leftSizeOfDeletedItems += size;
-                        }
-                    }
-                    if (y < scrollSize - componentSize) {
-                        switch (itemDisplayMethod) {
-                            case ItemDisplayMethods.CREATE: {
-                                leftSizeOfUpdatedItems += componentSize;
-                                break;
-                            }
-                            case ItemDisplayMethods.UPDATE: {
-                                leftSizeOfUpdatedItems += componentSize;
-                                break;
-                            }
-                            case ItemDisplayMethods.DELETE: {
-                                leftSizeOfDeletedItems += componentSize;
-                                break;
-                            }
-                        }
-                    }
-                    y += componentSize;
-                }
-            }
-            itemsFromStartToScrollEnd = Math.floor(scrollSize / typicalItemSize);
-            itemsFromStartToDisplayEnd = Math.ceil((scrollSize + size) / typicalItemSize);
-            leftItemLength = Math.min(itemsFromStartToScrollEnd, bufferSize);
-            rightItemLength = itemsFromStartToDisplayEnd + bufferSize > totalLength
-                ? totalLength - itemsFromStartToDisplayEnd : bufferSize;
-            leftItemsWeight = leftItemLength * typicalItemSize;
-            rightItemsWeight = rightItemLength * typicalItemSize;
-            leftHiddenItemsWeight = itemsFromStartToScrollEnd * typicalItemSize;
-            totalItemsToDisplayEndWeight = itemsFromStartToDisplayEnd * typicalItemSize;
-            totalSize = totalLength * typicalItemSize;
-            const k = totalSize !== 0 ? previousTotalSize / totalSize : 0;
-            actualScrollSize = scrollSize * k;
-        }
-        startIndex = Math.min(itemsFromStartToScrollEnd - leftItemLength, totalLength > 0 ? totalLength - 1 : 0);
-        const itemsOnDisplayWeight = totalItemsToDisplayEndWeight - leftItemsWeight, itemsOnDisplayLength = itemsFromStartToDisplayEnd - itemsFromStartToScrollEnd, startPosition = leftHiddenItemsWeight - leftItemsWeight, renderItems = itemsOnDisplayLength + leftItemLength + rightItemLength, delta = leftSizeOfUpdatedItems + leftSizeOfAddedItems - leftSizeOfDeletedItems;
-        const metrics = {
-            delta,
-            normalizedItemWidth: w,
-            normalizedItemHeight: h,
-            width,
-            height,
-            dynamicSize,
-            itemSize,
-            itemsFromStartToScrollEnd,
-            itemsFromStartToDisplayEnd,
-            itemsOnDisplayWeight,
-            itemsOnDisplayLength,
-            isVertical,
-            leftHiddenItemsWeight,
-            leftItemLength,
-            leftItemsWeight,
-            renderItems,
-            rightItemLength,
-            rightItemsWeight,
-            scrollSize: actualScrollSize,
-            leftSizeOfAddedItems,
-            sizeProperty,
-            snap,
-            snippedPos,
-            startIndex,
-            startPosition,
-            totalItemsToDisplayEndWeight,
-            totalLength,
-            totalSize,
-            typicalItemSize,
-            isFromItemIdFound,
-        };
-        return metrics;
-    }
-    clearDeltaDirection() {
-        this.clearScrollDirectionCache();
-    }
-    clearDelta(clearDirectionDetector = false) {
-        this._delta = 0;
-        if (clearDirectionDetector) {
-            this.clearScrollDirectionCache();
-        }
-    }
-    changes() {
-        this.bumpVersion();
-    }
-    generateDisplayCollection(items, stickyMap, metrics) {
-        var _a, _b, _c;
-        const { width, height, normalizedItemWidth, normalizedItemHeight, dynamicSize, itemsOnDisplayLength, itemsFromStartToScrollEnd, isVertical, renderItems: renderItemsLength, scrollSize, sizeProperty, snap, snippedPos, startPosition, totalLength, startIndex, typicalItemSize, } = metrics, displayItems = [];
-        if (items.length) {
-            const actualSnippedPosition = snippedPos, isSnappingMethodAdvanced = this.isSnappingMethodAdvanced, boundsSize = isVertical ? height : width, actualEndSnippedPosition = boundsSize;
-            let pos = startPosition, renderItems = renderItemsLength, stickyItem, nextSticky, stickyItemIndex = -1, stickyItemSize = 0, endStickyItem, nextEndSticky, endStickyItemIndex = -1, endStickyItemSize = 0;
-            if (snap) {
-                for (let i = Math.min(itemsFromStartToScrollEnd > 0 ? itemsFromStartToScrollEnd : 0, totalLength - 1); i >= 0; i--) {
-                    if (!items[i]) {
-                        continue;
-                    }
-                    const id = items[i].id, sticky = stickyMap[id], size = dynamicSize ? ((_a = this.get(id)) === null || _a === void 0 ? void 0 : _a[sizeProperty]) || typicalItemSize : typicalItemSize;
-                    if (sticky === 1) {
-                        const isOdd = i % 2 != 0, measures = {
-                            x: isVertical ? 0 : actualSnippedPosition,
-                            y: isVertical ? actualSnippedPosition : 0,
-                            width: isVertical ? normalizedItemWidth : size,
-                            height: isVertical ? size : normalizedItemHeight,
-                            delta: 0,
-                        }, config = {
-                            odd: isOdd,
-                            even: !isOdd,
-                            isVertical,
-                            sticky,
-                            snap,
-                            snapped: true,
-                            snappedOut: false,
-                            dynamic: dynamicSize,
-                            isSnappingMethodAdvanced,
-                            zIndex: '1',
-                        };
-                        const itemData = items[i];
-                        stickyItem = { index: i, id, measures, data: itemData, config };
-                        stickyItemIndex = i;
-                        stickyItemSize = size;
-                        displayItems.push(stickyItem);
-                        break;
-                    }
-                }
-            }
-            if (snap) {
-                const startIndex = itemsFromStartToScrollEnd + itemsOnDisplayLength - 1;
-                for (let i = Math.min(startIndex, totalLength > 0 ? totalLength - 1 : 0), l = totalLength; i < l; i++) {
-                    if (!items[i]) {
-                        continue;
-                    }
-                    const id = items[i].id, sticky = stickyMap[id], size = dynamicSize
-                        ? ((_b = this.get(id)) === null || _b === void 0 ? void 0 : _b[sizeProperty]) || typicalItemSize
-                        : typicalItemSize;
-                    if (sticky === 2) {
-                        const isOdd = i % 2 != 0, w = isVertical ? normalizedItemWidth : size, h = isVertical ? size : normalizedItemHeight, measures = {
-                            x: isVertical ? 0 : actualEndSnippedPosition - w,
-                            y: isVertical ? actualEndSnippedPosition - h : 0,
-                            width: w,
-                            height: h,
-                            delta: 0,
-                        }, config = {
-                            odd: isOdd,
-                            even: !isOdd,
-                            isVertical,
-                            sticky,
-                            snap,
-                            snapped: true,
-                            snappedOut: false,
-                            dynamic: dynamicSize,
-                            isSnappingMethodAdvanced,
-                            zIndex: '1',
-                        };
-                        const itemData = items[i];
-                        endStickyItem = { index: i, id, measures, data: itemData, config };
-                        endStickyItemIndex = i;
-                        endStickyItemSize = size;
-                        displayItems.push(endStickyItem);
-                        break;
-                    }
-                }
-            }
-            let i = startIndex;
-            while (renderItems > 0) {
-                if (i >= totalLength) {
-                    break;
-                }
-                if (!items[i]) {
-                    continue;
-                }
-                const id = items[i].id, size = dynamicSize ? ((_c = this.get(id)) === null || _c === void 0 ? void 0 : _c[sizeProperty]) || typicalItemSize : typicalItemSize;
-                if (id !== (stickyItem === null || stickyItem === void 0 ? void 0 : stickyItem.id) && id !== (endStickyItem === null || endStickyItem === void 0 ? void 0 : endStickyItem.id)) {
-                    const isOdd = i % 2 != 0, snapped = snap && (stickyMap[id] === 1 && pos <= scrollSize || stickyMap[id] === 2 && pos >= scrollSize + boundsSize - size), measures = {
-                        x: isVertical ? stickyMap[id] === 1 ? 0 : boundsSize - size : pos,
-                        y: isVertical ? pos : stickyMap[id] === 2 ? boundsSize - size : 0,
-                        width: isVertical ? normalizedItemWidth : size,
-                        height: isVertical ? size : normalizedItemHeight,
-                        delta: 0,
-                    }, config = {
-                        odd: isOdd,
-                        even: !isOdd,
-                        isVertical,
-                        sticky: stickyMap[id],
-                        snap,
-                        snapped: false,
-                        snappedOut: false,
-                        dynamic: dynamicSize,
-                        isSnappingMethodAdvanced,
-                        zIndex: '0',
-                    };
-                    if (snapped) {
-                        config.zIndex = '2';
-                    }
-                    const itemData = items[i];
-                    const item = { index: i, id, measures, data: itemData, config };
-                    if (!nextSticky && stickyItemIndex < i && stickyMap[id] === 1 && (pos <= scrollSize + size + stickyItemSize)) {
-                        item.measures.x = isVertical ? 0 : snapped ? actualSnippedPosition : pos;
-                        item.measures.y = isVertical ? snapped ? actualSnippedPosition : pos : 0;
-                        nextSticky = item;
-                        nextSticky.config.snapped = snapped;
-                        nextSticky.measures.delta = isVertical ? (item.measures.y - scrollSize) : (item.measures.x - scrollSize);
-                        nextSticky.config.zIndex = '3';
-                    }
-                    else if (!nextEndSticky && endStickyItemIndex > i && stickyMap[id] === 2 && (pos >= scrollSize + boundsSize - size - endStickyItemSize)) {
-                        item.measures.x = isVertical ? 0 : snapped ? actualEndSnippedPosition - size : pos;
-                        item.measures.y = isVertical ? snapped ? actualEndSnippedPosition - size : pos : 0;
-                        nextEndSticky = item;
-                        nextEndSticky.config.zIndex = '3';
-                        nextEndSticky.config.snapped = snapped;
-                        nextEndSticky.measures.delta = isVertical ? (item.measures.y - scrollSize) : (item.measures.x - scrollSize);
-                    }
-                    displayItems.push(item);
-                }
-                renderItems -= 1;
-                pos += size;
-                i++;
-            }
-            const axis = isVertical ? Y_PROP_NAME : X_PROP_NAME;
-            if (nextSticky && stickyItem && nextSticky.measures[axis] <= scrollSize + stickyItemSize) {
-                if (nextSticky.measures[axis] > scrollSize) {
-                    stickyItem.measures[axis] = nextSticky.measures[axis] - stickyItemSize;
-                    stickyItem.config.snapped = nextSticky.config.snapped = false;
-                    stickyItem.config.snappedOut = true;
-                    stickyItem.config.sticky = 1;
-                    stickyItem.measures.delta = isVertical ? stickyItem.measures.y - scrollSize : stickyItem.measures.x - scrollSize;
-                }
-                else {
-                    nextSticky.config.snapped = true;
-                    nextSticky.measures.delta = isVertical ? nextSticky.measures.y - scrollSize : nextSticky.measures.x - scrollSize;
-                }
-            }
-            if (nextEndSticky && endStickyItem && nextEndSticky.measures[axis] >= scrollSize + boundsSize - endStickyItemSize - nextEndSticky.measures[sizeProperty]) {
-                if (nextEndSticky.measures[axis] < scrollSize + boundsSize - endStickyItemSize) {
-                    endStickyItem.measures[axis] = nextEndSticky.measures[axis] + nextEndSticky.measures[sizeProperty];
-                    endStickyItem.config.snapped = nextEndSticky.config.snapped = false;
-                    endStickyItem.config.snappedOut = true;
-                    endStickyItem.config.sticky = 2;
-                    endStickyItem.measures.delta = isVertical ? endStickyItem.measures.y - scrollSize : endStickyItem.measures.x - scrollSize;
-                }
-                else {
-                    nextEndSticky.config.snapped = true;
-                    nextEndSticky.measures.delta = isVertical ? nextEndSticky.measures.y - scrollSize : nextEndSticky.measures.x - scrollSize;
-                }
-            }
-        }
-        return displayItems;
-    }
-    /**
-     * tracking by propName
-     */
-    track() {
-        if (!this._items || !this._displayComponents) {
-            return;
-        }
-        this._tracker.track(this._items, this._displayComponents, this._snapedDisplayComponent, this.scrollDirection);
-    }
-    setDisplayObjectIndexMapById(v) {
-        this._tracker.displayObjectIndexMapById = v;
-    }
-    untrackComponentByIdProperty(component) {
-        this._tracker.untrackComponentByIdProperty(component);
-    }
-    getItemBounds(id) {
-        if (this.has(id)) {
-            return this.get(id);
-        }
-        return undefined;
-    }
-    cacheElements() {
-        if (!this._displayComponents) {
-            return;
-        }
-        for (let i = 0, l = this._displayComponents.length; i < l; i++) {
-            const component = this._displayComponents[i], itemId = component.instance.itemId;
-            if (itemId === undefined) {
-                continue;
-            }
-            const bounds = component.instance.getBounds();
-            this.set(itemId, bounds);
-        }
-    }
-    dispose() {
-        super.dispose();
-        this.disposeClearBufferSizeTimer();
-        if (this._tracker) {
-            this._tracker.dispose();
-        }
-    }
-}
-
-/**
- * Base disposable component
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/utils/disposableComponent.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-class DisposableComponent {
-    constructor() {
-        this._$unsubscribe = new Subject();
-    }
-    ngOnDestroy() {
-        if (this._$unsubscribe) {
-            this._$unsubscribe.next();
-            this._$unsubscribe.complete();
-        }
-    }
-}
-DisposableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DisposableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DisposableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: DisposableComponent, selector: "ng-component", ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: DisposableComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ``,
-                }]
-        }] });
-
-const ADVANCED_PATTERNS = [SnappingMethods.ADVANCED, 'advanced'], DEFAULT_PATTERN = [SnappingMethods.NORMAL, 'normal'];
-const isSnappingMethodAdvenced = (method) => {
-    return ADVANCED_PATTERNS.includes(method);
-};
-const isSnappingMethodDefault = (method) => {
-    return DEFAULT_PATTERN.includes(method);
-};
-
-const IS_FIREFOX = navigator.userAgent.toLowerCase().includes('firefox');
-const FIREFOX_SCROLLBAR_OVERLAP_SIZE = 12;
-
-const HORIZONTAL_ALIASES = [Directions.HORIZONTAL, 'horizontal'], VERTICAL_ALIASES = [Directions.VERTICAL, 'vertical'];
-/**
- * Determines the axis membership of a virtual list
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/utils/isDirection.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-const isDirection = (src, expected) => {
-    if (HORIZONTAL_ALIASES.includes(expected)) {
-        return HORIZONTAL_ALIASES.includes(src);
-    }
-    return VERTICAL_ALIASES.includes(src);
-};
-
-const NONE_ALIASES = [MethodsForSelecting.NONE, 'none'], SELECT_ALIASES = [MethodsForSelecting.SELECT, 'select'], MULTI_SELECT_ALIASES = [MethodsForSelecting.MULTI_SELECT, 'multi-select'];
-/**
- * Defines the method for selecting list items.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/utils/isMethodForSelecting.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-const isMethodForSelecting = (src, expected) => {
-    if (NONE_ALIASES.includes(expected)) {
-        return NONE_ALIASES.includes(src);
-    }
-    else if (SELECT_ALIASES.includes(expected)) {
-        return SELECT_ALIASES.includes(src);
-    }
-    return MULTI_SELECT_ALIASES.includes(src);
-};
-
-const ROLE_LIST = 'list', ROLE_LIST_BOX = 'listbox';
-/**
- * Virtual list component.
- * Maximum performance for extremely large lists.
- * It is based on algorithms for virtualization of screen objects.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/15.x/projects/ng-virtual-list/src/lib/ng-virtual-list.component.ts
- * @author Evgenii Grebennikov
- * @email djonnyx@gmail.com
- */
-class NgVirtualListComponent extends DisposableComponent {
-    /**
-     * Readonly. Returns the unique identifier of the component.
-     */
-    get id() { return this._id; }
-    /**
-     * Collection of list items.
-     */
-    set items(v) {
-        if (this._$items.getValue() === v) {
-            return;
-        }
-        const transformedValue = this._itemsTransform(v);
-        this._$items.next(transformedValue);
-        this._cdr.markForCheck();
-    }
-    ;
-    get items() { return this._$items.getValue(); }
-    /**
-     * Sets the selected items.
-     */
-    set selectedIds(v) {
-        if (this._$selectedIds.getValue() === v) {
-            return;
-        }
-        this._$selectedIds.next(v);
-        this._cdr.markForCheck();
-    }
-    ;
-    get selectedIds() { return this._$selectedIds.getValue(); }
-    /**
-     * Determines whether elements will snap. Default value is "true".
-     */
-    set snap(v) {
-        if (this._$snap.getValue() === v) {
-            return;
-        }
-        this._$snap.next(v);
-        this._cdr.markForCheck();
-    }
-    ;
-    get snap() { return this._$snap.getValue(); }
-    /**
-     * Experimental!
-     * Enables buffer optimization.
-     * Can only be used if items in the collection are not added or updated. Otherwise, artifacts in the form of twitching of the scroll area are possible.
-     * Works only if the property dynamic = true
-     */
-    set enabledBufferOptimization(v) {
-        if (this._$enabledBufferOptimization.getValue() === v) {
-            return;
-        }
-        this._$enabledBufferOptimization.next(v);
-        this._cdr.markForCheck();
-    }
-    ;
-    get enabledBufferOptimization() { return this._$enabledBufferOptimization.getValue(); }
-    /**
-    * Rendering element template.
-    */
-    set itemRenderer(v) {
-        if (this._$itemRenderer.getValue() === v) {
-            return;
-        }
-        this._$itemRenderer.next(v);
-        this._cdr.markForCheck();
-    }
-    ;
-    get itemRenderer() { return this._$itemRenderer.getValue(); }
-    /**
-     * 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.
-     */
-    set stickyMap(v) {
-        if (this._$stickyMap.getValue() === v) {
-            return;
-        }
-        this._$stickyMap.next(v);
-        this._cdr.markForCheck();
-    }
-    ;
-    get stickyMap() { return this._$stickyMap.getValue(); }
-    /**
-     * If direction = 'vertical', then the height of a typical element. If direction = 'horizontal', then the width of a typical element.
-     * Ignored if the dynamicSize property is true.
-     */
-    set itemSize(v) {
-        if (this._$itemSize.getValue() === v) {
-            return;
-        }
-        this._$itemSize.next(this._itemSizeOptions(v));
-        this._cdr.markForCheck();
-    }
-    ;
-    get itemSize() { return this._$itemSize.getValue(); }
-    /**
-     * If true then the items in the list can have different sizes and the itemSize property is ignored.
-     * If false then the items in the list have a fixed size specified by the itemSize property. The default value is false.
-     */
-    set dynamicSize(v) {
-        if (this._$dynamicSize.getValue() === v) {
-            return;
-        }
-        this._$dynamicSize.next(v);
-        this._cdr.markForCheck();
-    }
-    ;
-    get dynamicSize() { return this._$dynamicSize.getValue(); }
-    /**
-     * Determines the direction in which elements are placed. Default value is "vertical".
-     */
-    set direction(v) {
-        if (this._$direction.getValue() === v) {
-            return;
-        }
-        this._$direction.next(v);
-        this._cdr.markForCheck();
-    }
-    ;
-    get direction() { return this._$direction.getValue(); }
-    /**
-     * @deprecated "itemOffset" parameter is deprecated. Use "bufferSize" and "maxBufferSize".
-     */
-    set itemsOffset(v) {
-        throw Error('"itemOffset" parameter is deprecated. Use "bufferSize" and "maxBufferSize".');
-    }
-    ;
-    /**
-     * Number of elements outside the scope of visibility. Default value is 2.
-     */
-    set bufferSize(v) {
-        if (this._$bufferSize.getValue() === v) {
-            return;
-        }
-        this._$bufferSize.next(v);
-    }
-    ;
-    get bufferSize() { return this._$bufferSize.getValue(); }
-    /**
-     * Maximum number of elements outside the scope of visibility. Default value is 100.
-     * If maxBufferSize is set to be greater than bufferSize, then adaptive buffer mode is enabled.
-     * The greater the scroll size, the more elements are allocated for rendering.
-     */
-    set maxBufferSize(v) {
-        const val = this._maxBufferSizeTransform(v);
-        if (this._$maxBufferSize.getValue() === val) {
-            return;
-        }
-        this._$maxBufferSize.next(val);
-    }
-    ;
-    get maxBufferSize() { return this._$maxBufferSize.getValue(); }
-    /**
-     * The name of the property by which tracking is performed
-     */
-    set trackBy(v) {
-        if (this._$trackBy.getValue() === v) {
-            return;
-        }
-        this._$trackBy.next(v);
-    }
-    ;
-    get trackBy() { return this._$trackBy.getValue(); }
-    get orientation() {
-        return this._isVertical ? Directions.VERTICAL : Directions.HORIZONTAL;
-    }
-    /**
-     * Snapping method.
-     * 'default' - Normal group rendering.
-     * 'advanced' - The group is rendered on a transparent background. List items below the group are not rendered.
-     */
-    set snappingMethod(v) {
-        if (this._$snappingMethod.getValue() === v) {
-            return;
-        }
-        this._$snappingMethod.next(v);
-    }
-    ;
-    get snappingMethod() { return this._$snappingMethod.getValue(); }
-    get isSnappingMethodAdvanced() { return this._isSnappingMethodAdvanced; }
-    /**
-     *  Method for selecting list items.
-     * 'select' - List items are selected one by one.
-     * 'multi-select' - Multiple selection of list items.
-     * 'none' - List items are not selectable.
-     */
-    set methodForSelecting(v) {
-        if (this._$methodForSelecting.getValue() === v) {
-            return;
-        }
-        this._$methodForSelecting.next(v);
-    }
-    ;
-    get methodForSelecting() { return this._$methodForSelecting.getValue(); }
-    get isNotSelecting() { return this._isNotSelecting; }
-    get isSingleSelecting() { return this._isSingleSelecting; }
-    get isMultiSelecting() { return this._isMultiSelecting; }
-    get $cacheVersion() { return this._$cacheVersion.asObservable(); }
-    constructor(_cdr, _elementRef, _service) {
-        super();
-        this._cdr = _cdr;
-        this._elementRef = _elementRef;
-        this._service = _service;
-        this._id = NgVirtualListComponent.__nextId;
-        /**
-         * Fires when the list has been scrolled.
-         */
-        this.onScroll = new EventEmitter$1();
-        /**
-         * Fires when the list has completed scrolling.
-         */
-        this.onScrollEnd = new EventEmitter$1();
-        /**
-         * Fires when the viewport size is changed.
-         */
-        this.onViewportChange = new EventEmitter$1();
-        /**
-         * Fires when an element is clicked.
-         */
-        this.onItemClick = new EventEmitter$1();
-        /**
-         * Fires when an elements are selected.
-         */
-        this.onSelect = new EventEmitter$1();
-        this._$items = new BehaviorSubject$1(undefined);
-        this.$items = this._$items.asObservable();
-        this._itemsTransform = (v) => {
-            this._trackBox.resetCollection(v, this._$itemSize.getValue());
-            return v;
-        };
-        this._$selectedIds = new BehaviorSubject$1(undefined);
-        this.$selectedIds = this._$selectedIds.asObservable();
-        this._$snap = new BehaviorSubject$1(DEFAULT_SNAP);
-        this.$snap = this._$snap.asObservable();
-        this._$enabledBufferOptimization = new BehaviorSubject$1(DEFAULT_ENABLED_BUFFER_OPTIMIZATION);
-        this.$enabledBufferOptimization = this._$enabledBufferOptimization.asObservable();
-        this._$itemRenderer = new BehaviorSubject$1(undefined);
-        this.$itemRenderer = this._$itemRenderer.asObservable();
-        this._$renderer = new BehaviorSubject$1(undefined);
-        this._$stickyMap = new BehaviorSubject$1({});
-        this.$stickyMap = this._$stickyMap.asObservable();
-        this._itemSizeOptions = (v) => {
-            if (v === undefined) {
-                return DEFAULT_ITEM_SIZE;
-            }
-            const val = Number(v);
-            return Number.isNaN(val) || val <= 0 ? DEFAULT_ITEM_SIZE : val;
-        };
-        this._$itemSize = new BehaviorSubject$1(DEFAULT_ITEM_SIZE);
-        this.$itemSize = this._$itemSize.asObservable();
-        this._$dynamicSize = new BehaviorSubject$1(DEFAULT_DYNAMIC_SIZE);
-        this.$dynamicSize = this._$dynamicSize.asObservable();
-        this._$direction = new BehaviorSubject$1(DEFAULT_DIRECTION);
-        this.$direction = this._$direction.asObservable();
-        this._$bufferSize = new BehaviorSubject$1(DEFAULT_BUFFER_SIZE);
-        this.$bufferSize = this._$bufferSize.asObservable();
-        this._maxBufferSizeTransform = (v) => {
-            const bufferSize = this._$bufferSize.getValue();
-            if (v === undefined || v <= bufferSize) {
-                return bufferSize;
-            }
-            return v;
-        };
-        this._$maxBufferSize = new BehaviorSubject$1(DEFAULT_MAX_BUFFER_SIZE);
-        this.$maxBufferSize = this._$maxBufferSize.asObservable();
-        this._$trackBy = new BehaviorSubject$1(TRACK_BY_PROPERTY_NAME);
-        this.$trackBy = this._$trackBy.asObservable();
-        this._isVertical = this.getIsVertical();
-        this._$snappingMethod = new BehaviorSubject$1(DEFAULT_SNAPPING_METHOD);
-        this.$snappingMethod = this._$snappingMethod.asObservable();
-        this._isSnappingMethodAdvanced = this.getIsSnappingMethodAdvanced();
-        this._$methodForSelecting = new BehaviorSubject$1(DEFAULT_SELECT_METHOD);
-        this.$methodForSelecting = this._$methodForSelecting.asObservable();
-        this._isNotSelecting = this.getIsNotSelecting();
-        this._isSingleSelecting = this.getIsSingleSelecting();
-        this._isMultiSelecting = this.getIsMultiSelecting();
-        this._displayComponents = [];
-        this._$bounds = new BehaviorSubject$1(null);
-        this._$scrollSize = new BehaviorSubject$1(0);
-        this._resizeObserver = null;
-        this._resizeSnappedComponentHandler = () => {
-            var _a, _b, _c, _d, _e, _f;
-            const list = this._list, container = this._container, snappedComponent = (_a = this._snapedDisplayComponent) === null || _a === void 0 ? void 0 : _a.instance;
-            if (list && container && snappedComponent) {
-                const isVertical = this._isVertical, listBounds = list.nativeElement.getBoundingClientRect(), listElement = list === null || list === void 0 ? void 0 : list.nativeElement, { width: lWidth, height: lHeight } = (_b = listElement === null || listElement === void 0 ? void 0 : listElement.getBoundingClientRect()) !== null && _b !== void 0 ? _b : { width: 0, height: 0 }, { width, height } = (_c = this._$bounds.getValue()) !== null && _c !== void 0 ? _c : { width: 0, height: 0 }, isScrollable = isVertical ? container.nativeElement.scrollHeight > 0 : container.nativeElement.scrollWidth > 0;
-                let scrollBarSize = isVertical ? width - lWidth : height - lHeight, isScrollBarOverlap = true, overlapScrollBarSize = 0;
-                if (scrollBarSize === 0 && isScrollable) {
-                    isScrollBarOverlap = true;
-                }
-                if (isScrollBarOverlap && IS_FIREFOX) {
-                    scrollBarSize = overlapScrollBarSize = FIREFOX_SCROLLBAR_OVERLAP_SIZE;
-                }
-                const { width: sWidth, height: sHeight } = (_d = snappedComponent.getBounds()) !== null && _d !== void 0 ? _d : { width: 0, height: 0 };
-                snappedComponent.element.style.clipPath = `path("M 0 0 L 0 ${sHeight} L ${sWidth - overlapScrollBarSize} ${sHeight} L ${sWidth - overlapScrollBarSize} 0 Z")`;
-                snappedComponent.regularLength = `${isVertical ? listBounds.width : listBounds.height}${PX}`;
-                const containerElement = container.nativeElement, delta = (_f = (_e = snappedComponent.item) === null || _e === void 0 ? void 0 : _e.measures.delta) !== null && _f !== void 0 ? _f : 0;
-                let left, right, top, bottom;
-                if (isVertical) {
-                    left = 0;
-                    right = width - scrollBarSize;
-                    top = sHeight;
-                    bottom = height;
-                    containerElement.style.clipPath = `path("M 0 ${top + delta} L 0 ${height} L ${width} ${height} L ${width} 0 L ${right} 0 L ${right} ${top + delta} Z")`;
-                }
-                else {
-                    left = sWidth;
-                    right = width;
-                    top = 0;
-                    bottom = height - scrollBarSize;
-                    containerElement.style.clipPath = `path("M ${left + delta} 0 L ${left + delta} ${bottom} L 0 ${bottom} L 0 ${height} L ${width} ${height} L ${width} 0 Z")`;
-                }
-            }
-        };
-        this._resizeSnappedObserver = null;
-        this._onResizeHandler = () => {
-            var _a, _b;
-            const bounds = (_b = (_a = this._container) === null || _a === void 0 ? void 0 : _a.nativeElement) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-            if (bounds) {
-                this._$bounds.next({ width: bounds.width, height: bounds.height });
-            }
-            else {
-                this._$bounds.next({ width: DEFAULT_LIST_SIZE, height: DEFAULT_LIST_SIZE });
-            }
-            if (this._isSnappingMethodAdvanced) {
-                this.updateRegularRenderer();
-            }
-        };
-        this._onScrollHandler = (e) => {
-            var _a;
-            this.clearScrollToRepeatExecutionTimeout();
-            const container = (_a = this._container) === null || _a === void 0 ? void 0 : _a.nativeElement;
-            if (container) {
-                const scrollSize = (this._isVertical ? container.scrollTop : container.scrollLeft);
-                this._$scrollSize.next(scrollSize);
-            }
-        };
-        this._$initialized = new BehaviorSubject$1(false);
-        /**
-         * Base class of the element component
-         */
-        this._itemComponentClass = NgVirtualListItemComponent;
-        /**
-         * Base class trackBox
-         */
-        this._trackBoxClass = TrackBox;
-        /**
-         * Dictionary of element sizes by their id
-         */
-        this._trackBox = new this._trackBoxClass(this.trackBy);
-        this._onTrackBoxChangeHandler = (v) => {
-            this._$cacheVersion.next(v);
-        };
-        this._$cacheVersion = new BehaviorSubject$1(-1);
-        this._componentsResizeObserver = new ResizeObserver(() => {
-            this._trackBox.changes();
-        });
-        this._onContainerScrollHandler = (e) => {
-            const containerEl = this._container;
-            if (containerEl) {
-                const scrollSize = (this._isVertical ? containerEl.nativeElement.scrollTop : containerEl.nativeElement.scrollLeft);
-                this._trackBox.deltaDirection = this._$scrollSize.getValue() > scrollSize ? -1 : this._$scrollSize.getValue() < scrollSize ? 1 : 0;
-                const event = new ScrollEvent({
-                    direction: this._trackBox.scrollDirection, container: containerEl.nativeElement,
-                    list: this._list.nativeElement, delta: this._trackBox.delta,
-                    scrollDelta: this._trackBox.scrollDelta, isVertical: this._isVertical,
-                });
-                this.onScroll.emit(event);
-            }
-        };
-        this._onContainerScrollEndHandler = (e) => {
-            const containerEl = this._container;
-            if (containerEl) {
-                const scrollSize = (this._isVertical ? containerEl.nativeElement.scrollTop : containerEl.nativeElement.scrollLeft);
-                this._trackBox.deltaDirection = this._$scrollSize.getValue() > scrollSize ? -1 : 0;
-                const event = new ScrollEvent({
-                    direction: this._trackBox.scrollDirection, container: containerEl.nativeElement,
-                    list: this._list.nativeElement, delta: this._trackBox.delta,
-                    scrollDelta: this._trackBox.scrollDelta, isVertical: this._isVertical,
-                });
-                this.onScrollEnd.emit(event);
-            }
-        };
-        NgVirtualListComponent.__nextId = NgVirtualListComponent.__nextId + 1 === Number.MAX_SAFE_INTEGER
-            ? 0 : NgVirtualListComponent.__nextId + 1;
-        this._id = NgVirtualListComponent.__nextId;
-        this._service.initialize(this._trackBox);
-        this._$initialized = new BehaviorSubject$1(false);
-        this.$initialized = this._$initialized.asObservable();
-        this._trackBox.displayComponents = this._displayComponents;
-        const $trackBy = this.$trackBy;
-        $trackBy.pipe(takeUntil(this._$unsubscribe), tap(v => {
-            this._trackBox.trackingPropertyName = v;
-        })).subscribe();
-        const $bounds = this._$bounds.asObservable().pipe(filter(b => !!b)), $items = this.$items.pipe(map$1(i => !i ? [] : i)), $scrollSize = this._$scrollSize.asObservable(), $itemSize = this.$itemSize.pipe(map$1(v => v <= 0 ? DEFAULT_ITEM_SIZE : v)), $bufferSize = this.$bufferSize.pipe(map$1(v => v < 0 ? DEFAULT_BUFFER_SIZE : v)), $maxBufferSize = this.$maxBufferSize.pipe(map$1(v => v < 0 ? DEFAULT_MAX_BUFFER_SIZE : v)), $stickyMap = this.$stickyMap.pipe(map$1(v => !v ? {} : v)), $snap = this.$snap, $isVertical = this.$direction.pipe(map$1(v => this.getIsVertical(v || DEFAULT_DIRECTION))), $dynamicSize = this.$dynamicSize, $enabledBufferOptimization = this.$enabledBufferOptimization, $snappingMethod = this.$snappingMethod.pipe(map$1(v => this.getIsSnappingMethodAdvanced(v || DEFAULT_SNAPPING_METHOD))), $methodForSelecting = this.$methodForSelecting, $selectedIds = this.$selectedIds, $cacheVersion = this.$cacheVersion;
-        $isVertical.pipe(takeUntil(this._$unsubscribe), tap(v => {
-            this._isVertical = v;
-            const el = this._elementRef.nativeElement;
-            toggleClassName(el, v ? CLASS_LIST_VERTICAL : CLASS_LIST_HORIZONTAL, v ? CLASS_LIST_HORIZONTAL : CLASS_LIST_VERTICAL);
-        })).subscribe();
-        $snappingMethod.pipe(takeUntil(this._$unsubscribe), tap(v => {
-            this._isSnappingMethodAdvanced = this._trackBox.isSnappingMethodAdvanced = v;
-        })).subscribe();
-        combineLatest([$methodForSelecting, this.$initialized]).pipe(takeUntil(this._$unsubscribe), debounceTime(0), filter(([, init]) => init === true), map$1(([v]) => (v)), tap(v => {
-            var _a;
-            const el = (_a = this._list) === null || _a === void 0 ? void 0 : _a.nativeElement;
-            if (this.getIsMultiSelecting(v || DEFAULT_SNAPPING_METHOD)) {
-                this._isMultiSelecting = true;
-                this._isNotSelecting = this._isSingleSelecting = false;
-                if (el) {
-                    console.log('set role', ROLE_LIST_BOX);
-                    el.setAttribute('role', ROLE_LIST_BOX);
-                }
-                this._service.methodOfSelecting = MethodsForSelectingTypes.MULTI_SELECT;
-            }
-            else if (this.getIsSingleSelecting(v || DEFAULT_SNAPPING_METHOD)) {
-                this._isSingleSelecting = true;
-                this._isNotSelecting = this._isMultiSelecting = false;
-                if (el) {
-                    console.log('set role', ROLE_LIST_BOX);
-                    el.setAttribute('role', ROLE_LIST_BOX);
-                }
-                this._service.methodOfSelecting = MethodsForSelectingTypes.SELECT;
-            }
-            else if (this.getIsNotSelecting(v || DEFAULT_SNAPPING_METHOD)) {
-                this._isNotSelecting = true;
-                this._isSingleSelecting = this._isMultiSelecting = false;
-                if (el) {
-                    console.log('set role', ROLE_LIST);
-                    el.setAttribute('role', ROLE_LIST);
-                }
-                this._service.methodOfSelecting = MethodsForSelectingTypes.NONE;
-            }
-        })).subscribe();
-        $dynamicSize.pipe(takeUntil(this._$unsubscribe), tap(dynamicSize => {
-            this.listenCacheChangesIfNeed(dynamicSize);
-        })).subscribe();
-        combineLatest([this.$initialized, $bounds, $items, $stickyMap, $scrollSize, $itemSize,
-            $bufferSize, $maxBufferSize, $snap, $isVertical, $dynamicSize, $enabledBufferOptimization, $cacheVersion,
-        ]).pipe(takeUntil(this._$unsubscribe), distinctUntilChanged(), filter(([initialized]) => !!initialized), switchMap(([, bounds, items, stickyMap, scrollSize, itemSize, bufferSize, maxBufferSize, snap, isVertical, dynamicSize, enabledBufferOptimization, cacheVersion,]) => {
-            var _a, _b, _c, _d;
-            let actualScrollSize = (_d = (this._isVertical ? (_b = (_a = this._container) === null || _a === void 0 ? void 0 : _a.nativeElement.scrollTop) !== null && _b !== void 0 ? _b : 0 : (_c = this._container) === null || _c === void 0 ? void 0 : _c.nativeElement.scrollLeft)) !== null && _d !== void 0 ? _d : 0;
-            const { width, height } = bounds, opts = {
-                bounds: { width, height }, dynamicSize, isVertical, itemSize,
-                bufferSize, maxBufferSize, scrollSize: actualScrollSize, snap, enabledBufferOptimization,
-            }, { displayItems, totalSize } = this._trackBox.updateCollection(items, stickyMap, opts);
-            this.resetBoundsSize(isVertical, totalSize);
-            this.createDisplayComponentsIfNeed(displayItems);
-            this.tracking();
-            if (this._isSnappingMethodAdvanced) {
-                this.updateRegularRenderer();
-            }
-            const container = this._container;
-            if (container) {
-                const delta = this._trackBox.delta;
-                actualScrollSize = actualScrollSize + delta;
-                this._trackBox.clearDelta();
-                if (scrollSize !== actualScrollSize) {
-                    const params = {
-                        [this._isVertical ? TOP_PROP_NAME : LEFT_PROP_NAME]: actualScrollSize,
-                        behavior: BEHAVIOR_INSTANT
-                    };
-                    container.nativeElement.scrollTo(params);
-                }
-            }
-            return of(displayItems);
-        })).subscribe();
-        const $itemRenderer = this.$itemRenderer;
-        $itemRenderer.pipe(takeUntil(this._$unsubscribe), distinctUntilChanged(), filter(v => !!v), tap(v => {
-            this._$renderer.next(v);
-        })).subscribe();
-        $bounds.pipe(takeUntil(this._$unsubscribe), distinctUntilChanged(), tap(value => {
-            this.onViewportChange.emit(value !== null && value !== void 0 ? value : undefined);
-        })).subscribe();
-        this._service.$itemClick.pipe(takeUntil(this._$unsubscribe), tap(v => {
-            this.onItemClick.emit(v !== null && v !== void 0 ? v : undefined);
-        })).subscribe();
-        this._service.$selectedIds.pipe(takeUntil(this._$unsubscribe), tap(v => {
-            this.onSelect.emit(v);
-        })).subscribe();
-        $selectedIds.pipe(takeUntil(this._$unsubscribe), tap(v => {
-            this._service.setSelectedIds(v);
-        })).subscribe();
-    }
-    /** @internal */
-    ngOnInit() {
-        this.onInit();
-    }
-    onInit() {
-        this._$initialized.next(true);
-    }
-    listenCacheChangesIfNeed(value) {
-        if (value) {
-            if (!this._trackBox.hasEventListener(TRACK_BOX_CHANGE_EVENT_NAME, this._onTrackBoxChangeHandler)) {
-                this._trackBox.addEventListener(TRACK_BOX_CHANGE_EVENT_NAME, this._onTrackBoxChangeHandler);
-            }
-        }
-        else {
-            if (this._trackBox.hasEventListener(TRACK_BOX_CHANGE_EVENT_NAME, this._onTrackBoxChangeHandler)) {
-                this._trackBox.removeEventListener(TRACK_BOX_CHANGE_EVENT_NAME, this._onTrackBoxChangeHandler);
-            }
-        }
-    }
-    getIsSnappingMethodAdvanced(m) {
-        const method = m || this._$snappingMethod.getValue();
-        return isSnappingMethodAdvenced(method);
-    }
-    getIsNotSelecting(m) {
-        const method = m || this.methodForSelecting;
-        return isMethodForSelecting(method, MethodsForSelecting.NONE);
-    }
-    getIsSingleSelecting(m) {
-        const method = m || this.methodForSelecting;
-        return isMethodForSelecting(method, MethodsForSelecting.SELECT);
-    }
-    getIsMultiSelecting(m) {
-        const method = m || this.methodForSelecting;
-        return isMethodForSelecting(method, MethodsForSelecting.MULTI_SELECT);
-    }
-    getIsVertical(d) {
-        const dir = d || this.direction;
-        return isDirection(dir, Directions.VERTICAL);
-    }
-    createDisplayComponentsIfNeed(displayItems) {
-        if (!displayItems || !this._listContainerRef) {
-            this._trackBox.setDisplayObjectIndexMapById({});
-            return;
-        }
-        if (this._isSnappingMethodAdvanced && this.snap) {
-            if (!this._snapedDisplayComponent && this._snapContainerRef) {
-                const comp = this._snapContainerRef.createComponent(this._itemComponentClass);
-                comp.instance.regular = true;
-                this._snapedDisplayComponent = comp;
-                this._trackBox.snapedDisplayComponent = this._snapedDisplayComponent;
-                this._resizeSnappedObserver = new ResizeObserver(this._resizeSnappedComponentHandler);
-                this._resizeSnappedObserver.observe(comp.instance.element);
-            }
-        }
-        this._trackBox.items = displayItems;
-        const _listContainerRef = this._listContainerRef;
-        const maxLength = displayItems.length, components = this._displayComponents;
-        while (components.length < maxLength) {
-            if (_listContainerRef) {
-                const comp = _listContainerRef.createComponent(this._itemComponentClass);
-                components.push(comp);
-                this._componentsResizeObserver.observe(comp.instance.element);
-            }
-        }
-        this.resetRenderers();
-    }
-    updateRegularRenderer() {
-        this._resizeSnappedComponentHandler();
-    }
-    resetRenderers(itemRenderer) {
-        const doMap = {};
-        for (let i = 0, l = this._displayComponents.length; i < l; i++) {
-            const item = this._displayComponents[i];
-            item.instance.renderer = itemRenderer || this.itemRenderer;
-            doMap[item.instance.id] = i;
-        }
-        if (this._isSnappingMethodAdvanced && this.snap && this._snapedDisplayComponent && this._snapContainerRef) {
-            const comp = this._snapedDisplayComponent;
-            comp.instance.renderer = itemRenderer || this.itemRenderer;
-        }
-        this._trackBox.setDisplayObjectIndexMapById(doMap);
-    }
-    /**
-     * Tracking by id
-     */
-    tracking() {
-        this._trackBox.track();
-    }
-    resetBoundsSize(isVertical, totalSize) {
-        const l = this._list;
-        if (l) {
-            l.nativeElement.style[isVertical ? HEIGHT_PROP_NAME : WIDTH_PROP_NAME] = `${totalSize}${PX}`;
-        }
-    }
-    /**
-     * Returns the bounds of an element with a given id
-     */
-    getItemBounds(id) {
-        return this._trackBox.getItemBounds(id);
-    }
-    /**
-     * 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 = BEHAVIOR_AUTO) {
-        this.scrollToExecutor(id, behavior);
-    }
-    clearScrollToRepeatExecutionTimeout() {
-        clearTimeout(this._scrollToRepeatExecutionTimeout);
-    }
-    scrollToExecutor(id, behavior, iteration = 0, isLastIteration = false) {
-        const items = this.items;
-        if (!items || !items.length) {
-            return;
-        }
-        const dynamicSize = this.dynamicSize, container = this._container, itemSize = this.itemSize;
-        if (container) {
-            this.clearScrollToRepeatExecutionTimeout();
-            if (dynamicSize) {
-                if (container) {
-                    container.nativeElement.removeEventListener(SCROLL, this._onScrollHandler);
-                }
-                const { width, height } = this._$bounds.getValue() || { width: 0, height: 0 }, stickyMap = this.stickyMap, items = this.items, isVertical = this._isVertical, delta = this._trackBox.delta, opts = {
-                    bounds: { width, height }, collection: items, dynamicSize, isVertical: this._isVertical, itemSize,
-                    bufferSize: this.bufferSize, maxBufferSize: this.maxBufferSize, scrollSize: (isVertical ? container.nativeElement.scrollTop : container.nativeElement.scrollLeft) + delta,
-                    snap: this.snap, fromItemId: id, enabledBufferOptimization: this.enabledBufferOptimization,
-                }, scrollSize = this._trackBox.getItemPosition(id, stickyMap, opts), params = { [isVertical ? TOP_PROP_NAME : LEFT_PROP_NAME]: scrollSize, behavior };
-                if (scrollSize === -1) {
-                    container.nativeElement.addEventListener(SCROLL, this._onScrollHandler);
-                    return;
-                }
-                this._trackBox.clearDelta();
-                if (container) {
-                    const { displayItems, totalSize } = this._trackBox.updateCollection(items, stickyMap, Object.assign(Object.assign({}, opts), { scrollSize, fromItemId: isLastIteration ? undefined : id })), delta = this._trackBox.delta;
-                    this._trackBox.clearDelta();
-                    let actualScrollSize = scrollSize + delta;
-                    this.resetBoundsSize(isVertical, totalSize);
-                    this.createDisplayComponentsIfNeed(displayItems);
-                    this.tracking();
-                    const _scrollSize = this._trackBox.getItemPosition(id, stickyMap, Object.assign(Object.assign({}, opts), { scrollSize: actualScrollSize, fromItemId: id }));
-                    if (_scrollSize === -1) {
-                        container.nativeElement.addEventListener(SCROLL, this._onScrollHandler);
-                        return;
-                    }
-                    const notChanged = actualScrollSize === _scrollSize;
-                    if (!notChanged || iteration < MAX_SCROLL_TO_ITERATIONS) {
-                        this.clearScrollToRepeatExecutionTimeout();
-                        this._scrollToRepeatExecutionTimeout = setTimeout(() => {
-                            this.scrollToExecutor(id, BEHAVIOR_INSTANT, iteration + 1, notChanged);
-                        });
-                    }
-                    else {
-                        this._$scrollSize.next(actualScrollSize);
-                        container.nativeElement.addEventListener(SCROLL, this._onScrollHandler);
-                    }
-                }
-                container.nativeElement.scrollTo(params);
-                this._$scrollSize.next(scrollSize);
-            }
-            else {
-                const index = items.findIndex(item => item.id === id);
-                if (index > -1) {
-                    const scrollSize = index * this.itemSize;
-                    const params = { [this._isVertical ? TOP_PROP_NAME : LEFT_PROP_NAME]: scrollSize, behavior };
-                    container.nativeElement.scrollTo(params);
-                }
-            }
-        }
-    }
-    /**
-     * Scrolls the scroll area to the desired element with the specified ID.
-     */
-    scrollToEnd(behavior = BEHAVIOR_INSTANT) {
-        const items = this.items, latItem = items[items.length > 0 ? items.length - 1 : 0];
-        this.scrollTo(latItem.id, behavior);
-    }
-    /** @internal */
-    ngAfterViewInit() {
-        this.afterViewInit();
-    }
-    afterViewInit() {
-        const containerEl = this._container;
-        if (containerEl) {
-            // for direction calculation
-            containerEl.nativeElement.addEventListener(SCROLL, this._onContainerScrollHandler);
-            containerEl.nativeElement.addEventListener(SCROLL_END, this._onContainerScrollEndHandler);
-            containerEl.nativeElement.addEventListener(SCROLL, this._onScrollHandler);
-            this._resizeObserver = new ResizeObserver(this._onResizeHandler);
-            this._resizeObserver.observe(containerEl.nativeElement);
-            this._onResizeHandler();
-        }
-    }
-    /** @internal */
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.dispose();
-    }
-    dispose() {
-        this.clearScrollToRepeatExecutionTimeout();
-        if (this._trackBox) {
-            this._trackBox.dispose();
-        }
-        if (this._componentsResizeObserver) {
-            this._componentsResizeObserver.disconnect();
-        }
-        if (this._resizeObserver) {
-            this._resizeObserver.disconnect();
-        }
-        if (this._resizeSnappedObserver) {
-            this._resizeSnappedObserver.disconnect();
-        }
-        const containerEl = this._container;
-        if (containerEl) {
-            containerEl.nativeElement.removeEventListener(SCROLL, this._onScrollHandler);
-            containerEl.nativeElement.removeEventListener(SCROLL, this._onContainerScrollHandler);
-            containerEl.nativeElement.removeEventListener(SCROLL_END, this._onContainerScrollEndHandler);
-        }
-        if (this._snapedDisplayComponent) {
-            this._snapedDisplayComponent.destroy();
-        }
-        if (this._displayComponents) {
-            while (this._displayComponents.length > 0) {
-                const comp = this._displayComponents.pop();
-                comp === null || comp === void 0 ? void 0 : comp.destroy();
-            }
-        }
-        if (this._service) {
-            this._service.destroy();
-        }
-    }
-}
-NgVirtualListComponent.__nextId = 0;
-NgVirtualListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: NgVirtualListService }], target: i0.ɵɵFactoryTarget.Component });
-NgVirtualListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NgVirtualListComponent, selector: "ng-virtual-list", inputs: { items: "items", selectedIds: "selectedIds", snap: "snap", enabledBufferOptimization: "enabledBufferOptimization", itemRenderer: "itemRenderer", stickyMap: "stickyMap", itemSize: "itemSize", dynamicSize: "dynamicSize", direction: "direction", itemsOffset: "itemsOffset", bufferSize: "bufferSize", maxBufferSize: "maxBufferSize", trackBy: "trackBy", snappingMethod: "snappingMethod", methodForSelecting: "methodForSelecting" }, outputs: { onScroll: "onScroll", onScrollEnd: "onScrollEnd", onViewportChange: "onViewportChange", onItemClick: "onItemClick", onSelect: "onSelect" }, providers: [NgVirtualListService], viewQueries: [{ propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_container", first: true, predicate: ["container"], descendants: true, read: (ElementRef) }, { propertyName: "_list", first: true, predicate: ["list"], descendants: true, read: (ElementRef) }, { propertyName: "_snapContainerRef", first: true, predicate: ["snapRendererContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_snappedContainer", first: true, predicate: ["snapped"], descendants: true, read: ViewContainerRef }], usesInheritance: true, ngImport: i0, template: "<div *ngIf=\"snap\" #snapped part=\"snapped-item\" class=\"ngvl__list-snapper\">\r\n  <ng-container #snapRendererContainer></ng-container>\r\n</div>\r\n<div #container part=\"scroller\" class=\"ngvl__scroller\">\r\n  <div [attr.aria-orientation]=\"orientation\" #list part=\"list\" class=\"ngvl__list\">\r\n    <ng-container #renderersContainer></ng-container>\r\n  </div>\r\n</div>", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.horizontal) .ngvl__list{display:inline-flex}:host(.horizontal) .ngvl__scroller{overflow:auto hidden}:host(.vertical) .ngvl__scroller{overflow:hidden auto}:host(.vertical){height:320px}.ngvl__scroller{overflow:auto;width:100%;height:100%}.ngvl__list-snapper{pointer-events:none;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list{position:relative;list-style:none;padding:0;margin:0;width:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ng-virtual-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, providers: [NgVirtualListService], template: "<div *ngIf=\"snap\" #snapped part=\"snapped-item\" class=\"ngvl__list-snapper\">\r\n  <ng-container #snapRendererContainer></ng-container>\r\n</div>\r\n<div #container part=\"scroller\" class=\"ngvl__scroller\">\r\n  <div [attr.aria-orientation]=\"orientation\" #list part=\"list\" class=\"ngvl__list\">\r\n    <ng-container #renderersContainer></ng-container>\r\n  </div>\r\n</div>", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.horizontal) .ngvl__list{display:inline-flex}:host(.horizontal) .ngvl__scroller{overflow:auto hidden}:host(.vertical) .ngvl__scroller{overflow:hidden auto}:host(.vertical){height:320px}.ngvl__scroller{overflow:auto;width:100%;height:100%}.ngvl__list-snapper{pointer-events:none;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list{position:relative;list-style:none;padding:0;margin:0;width:100%;height:100%}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: NgVirtualListService }]; }, propDecorators: { _listContainerRef: [{
-                type: ViewChild,
-                args: ['renderersContainer', { read: ViewContainerRef }]
-            }], _container: [{
-                type: ViewChild,
-                args: ['container', { read: (ElementRef) }]
-            }], _list: [{
-                type: ViewChild,
-                args: ['list', { read: (ElementRef) }]
-            }], _snapContainerRef: [{
-                type: ViewChild,
-                args: ['snapRendererContainer', { read: ViewContainerRef }]
-            }], _snappedContainer: [{
-                type: ViewChild,
-                args: ['snapped', { read: ViewContainerRef }]
-            }], onScroll: [{
-                type: Output
-            }], onScrollEnd: [{
-                type: Output
-            }], onViewportChange: [{
-                type: Output
-            }], onItemClick: [{
-                type: Output
-            }], onSelect: [{
-                type: Output
-            }], items: [{
-                type: Input
-            }], selectedIds: [{
-                type: Input
-            }], snap: [{
-                type: Input
-            }], enabledBufferOptimization: [{
-                type: Input
-            }], itemRenderer: [{
-                type: Input
-            }], stickyMap: [{
-                type: Input
-            }], itemSize: [{
-                type: Input
-            }], dynamicSize: [{
-                type: Input
-            }], direction: [{
-                type: Input
-            }], itemsOffset: [{
-                type: Input
-            }], bufferSize: [{
-                type: Input
-            }], maxBufferSize: [{
-                type: Input
-            }], trackBy: [{
-                type: Input
-            }], snappingMethod: [{
-                type: Input
-            }], methodForSelecting: [{
-                type: Input
-            }] } });
-
-class NgVirtualListModule {
-}
-NgVirtualListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-NgVirtualListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListModule, declarations: [NgVirtualListComponent, NgVirtualListItemComponent], imports: [CommonModule], exports: [NgVirtualListComponent] });
-NgVirtualListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NgVirtualListModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [NgVirtualListComponent, NgVirtualListItemComponent],
-                    exports: [NgVirtualListComponent],
-                    imports: [CommonModule],
-                    schemas: [NO_ERRORS_SCHEMA],
-                }]
-        }] });
-
-/*
- * Public API Surface of ng-virtual-list
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { Directions, MethodsForSelecting, NgVirtualListComponent, NgVirtualListItemComponent, NgVirtualListModule, SnappingMethods };
-//# sourceMappingURL=ng-virtual-list.mjs.map