ng-virtual-list 21.12.1 → 22.12.1

package/fesm2022/ng-virtual-list.mjs

@@ -20,7 +20,7 @@ var ScrollbarStates;
  * NgScrollBarService
  * 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/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-bar/ng-scroll-bar.service.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-bar/ng-scroll-bar.service.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -38,10 +38,10 @@ class NgScrollBarService {
     click(event) {
         this._$click.next(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -52,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * NgScrollBarService
  * 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/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-bar/ng-scroll-bar-public.service.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-bar/ng-scroll-bar-public.service.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -60,10 +60,10 @@ class NgScrollBarPublicService {
     _internalService = inject(NgScrollBarService);
     get $click() { return this._internalService.$click; }
     get $state() { return this._internalService.$state; }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarPublicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarPublicService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarPublicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarPublicService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarPublicService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarPublicService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -72,7 +72,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 
 /**
  * Alignments
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/alignments.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/alignments.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -84,7 +84,7 @@ var Alignments;
 
 /**
  * Action modes for collection elements.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/collection-modes.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/collection-modes.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -102,7 +102,7 @@ var CollectionModes;
 
 /**
  * Axis of the arrangement of virtual list elements.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/directions.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/directions.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -120,7 +120,7 @@ var Directions;
 
 /**
  * Focus Alignments.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/focus-alignments.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/focus-alignments.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -134,7 +134,7 @@ var FocusAlignments;
 
 /**
  * Modes for collapsing list items.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/collapsing-modes.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/collapsing-modes.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -156,7 +156,7 @@ var CollapsingModes;
 
 /**
  * Mods for selecting list items.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/selecting-modes.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/selecting-modes.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -178,7 +178,7 @@ var SelectingModes;
 
 /**
  * SnapToAtemAligns.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/snap-to-item-aligns.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/snap-to-item-aligns.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -200,7 +200,7 @@ var SnapToItemAligns;
 
 /**
  * Snapping method.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/snapping-method.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/snapping-method.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -218,7 +218,7 @@ var SnappingMethods;
 
 /**
  * SpreadingModes.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/spreading-modes.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/spreading-modes.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -238,7 +238,7 @@ var SpreadingModes;
  * TextDirections.
  * RTL - right-to-left.
  * LTR - left-to-right.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/text-directions.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/text-directions.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -414,7 +414,7 @@ const Z_INDEX_NONE = '-1', Z_INDEX_0 = '0', Z_INDEX_1 = '1', Z_INDEX_2 = '2', Z_
 const NGVL_INDEX = 'ngvl-index', 
 /**
  * getListElementByIndex
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/components/ng-list-item/utils/get-element-by-index.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-list-item/utils/get-element-by-index.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -423,7 +423,7 @@ getListElementByIndex = (index) => {
 }, 
 /**
  * getListElements
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/components/ng-list-item/utils/get-element-by-index.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-list-item/utils/get-element-by-index.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -433,7 +433,7 @@ getListElements = () => {
 
 /**
  * createDisplayId
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/components/ng-list-item/utils/create-display-id.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-list-item/utils/create-display-id.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -443,7 +443,7 @@ const createDisplayId = (listId, id) => {
 
 /**
  * matrix3d
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/components/ng-list-item/utils/matrix-3d.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-list-item/utils/matrix-3d.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -463,7 +463,7 @@ const ID = 'id', NGVL_VISIBILITY = 'ngvl-visibility', MATRIX_3D_HIDDEN = matrix3
 
 /**
  * TrackBoxEvents
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/core/events/track-box-events.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/core/events/track-box-events.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -475,7 +475,7 @@ var TrackBoxEvents;
 
 /**
  * Mods for selecting list items.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/enums/selecting-modes-types.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/enums/selecting-modes-types.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -584,7 +584,7 @@ const getSelectorByItemId = (id) => {
  * NgVirtualListService
  * 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/21.x/projects/ng-virtual-list/src/lib/ng-virtual-list.service.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/ng-virtual-list.service.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -983,10 +983,10 @@ class NgVirtualListService {
     scrollToEnd(options) {
         this._$scrollToEnd.next(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -997,7 +997,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * NgVirtualListPublicService
  * 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/21.x/projects/ng-virtual-list/src/lib/ng-virtual-list-publick.service.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/ng-virtual-list-publick.service.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -1099,10 +1099,10 @@ class NgVirtualListPublicService {
     scrollToEnd(options) {
         this._internalService.scrollToEnd(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListPublicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListPublicService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListPublicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListPublicService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListPublicService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListPublicService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1111,13 +1111,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 
 /**
  * BaseVirtualListItemComponent
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/components/list-item/base/base-virtual-list-item-component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/list-item/base/base-virtual-list-item-component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
 class BaseVirtualListItemComponent {
-    _item = viewChild('item', ...(ngDevMode ? [{ debugName: "_item" }] : []));
-    _container = viewChild('container', ...(ngDevMode ? [{ debugName: "_container" }] : []));
+    _item = viewChild('item', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_item" }] : /* istanbul ignore next */ []));
+    _container = viewChild('container', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_container" }] : /* istanbul ignore next */ []));
     _apiService = inject(NgVirtualListPublicService);
     _service = inject(NgVirtualListService);
     _id;
@@ -1141,12 +1143,18 @@ class BaseVirtualListItemComponent {
     }
     get isSelected() { return this._isSelected; }
     _isCollapsed = false;
-    config = signal({}, ...(ngDevMode ? [{ debugName: "config" }] : []));
-    measures = signal(null, ...(ngDevMode ? [{ debugName: "measures" }] : []));
-    focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : []));
-    part = signal(PART_DEFAULT_ITEM, ...(ngDevMode ? [{ debugName: "part" }] : []));
-    fxPart = signal(PART_DEFAULT_ITEM_FX, ...(ngDevMode ? [{ debugName: "fxPart" }] : []));
-    data = signal(null, ...(ngDevMode ? [{ debugName: "data" }] : []));
+    config = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
+    measures = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "measures" }] : /* istanbul ignore next */ []));
+    focused = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
+    part = signal(PART_DEFAULT_ITEM, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "part" }] : /* istanbul ignore next */ []));
+    fxPart = signal(PART_DEFAULT_ITEM_FX, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fxPart" }] : /* istanbul ignore next */ []));
+    data = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
     _data = null;
     set item(v) {
         if (this._data === v || this._data?.id === -1 || !v) {
@@ -1186,7 +1194,8 @@ class BaseVirtualListItemComponent {
     get visibility() {
         return this._elementRef.nativeElement.style.visibility;
     }
-    itemRenderer = signal(undefined, ...(ngDevMode ? [{ debugName: "itemRenderer" }] : []));
+    itemRenderer = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemRenderer" }] : /* istanbul ignore next */ []));
     _renderer;
     set renderer(v) {
         if (this._renderer !== v) {
@@ -1218,17 +1227,20 @@ class BaseVirtualListItemComponent {
                 [CLASS_NAME_SNAPPED]: data?.config?.snapped ?? false, [CLASS_NAME_SNAPPED_OUT]: data?.config?.snappedOut ?? false,
                 [CLASS_NAME_FOCUS]: _focus,
             };
-        }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
         this.index = computed(() => {
             return this.config()?.tabIndex ?? -1;
-        }, ...(ngDevMode ? [{ debugName: "index" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
         this.templateContext = computed(() => {
             const data = this.data(), measures = this.measures(), config = this.config();
             return {
                 data: data?.data, prevData: data?.previouseData, nextData: data?.nextData, measures,
                 config, reseted: false, index: data?.index ?? -1, api: this._apiService,
             };
-        }, ...(ngDevMode ? [{ debugName: "templateContext" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "templateContext" }] : /* istanbul ignore next */ []));
         if (this._service.isVertical) {
             this._elementRef.nativeElement.style.height = `${this._service.itemSize}px`;
         }
@@ -1381,10 +1393,10 @@ class BaseVirtualListItemComponent {
             styles.visibility = VISIBILITY_HIDDEN;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BaseVirtualListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: BaseVirtualListItemComponent, isStandalone: false, selector: "ng-base-virtual-list-item", viewQueries: [{ propertyName: "_item", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "_container", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BaseVirtualListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.0", type: BaseVirtualListItemComponent, isStandalone: false, selector: "ng-base-virtual-list-item", viewQueries: [{ propertyName: "_item", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "_container", first: true, predicate: ["container"], descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BaseVirtualListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BaseVirtualListItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-base-virtual-list-item',
@@ -1399,7 +1411,7 @@ const DEFAULT_MAX_DISTANCE = 40;
  * VirtualClickDirective
  * 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/21.x/projects/ng-virtual-list/src/lib/directives/item-click/item-click.directive.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/directives/item-click/item-click.directive.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -1434,10 +1446,10 @@ class VirtualClickDirective {
             }));
         })).subscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: VirtualClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.0", type: VirtualClickDirective, isStandalone: false, selector: "[virtualClick]", inputs: { maxDistance: ["maxClickDistance", "maxDistance"] }, outputs: { onVirtualClick: "onVirtualClick" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: VirtualClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.0", type: VirtualClickDirective, isStandalone: false, selector: "[virtualClick]", inputs: { maxDistance: ["maxClickDistance", "maxDistance"] }, outputs: { onVirtualClick: "onVirtualClick" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: VirtualClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: VirtualClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[virtualClick]',
@@ -1452,12 +1464,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * 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/21.x/projects/ng-virtual-list/src/lib/components/ng-list-item/ng-virtual-list-item.component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-list-item/ng-virtual-list-item.component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
 class NgVirtualListItemComponent extends BaseVirtualListItemComponent {
-    maxClickDistance = signal(DEFAULT_CLICK_DISTANCE, ...(ngDevMode ? [{ debugName: "maxClickDistance" }] : []));
+    maxClickDistance = signal(DEFAULT_CLICK_DISTANCE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxClickDistance" }] : /* istanbul ignore next */ []));
     _injector = inject(Injector);
     constructor() {
         super();
@@ -1625,10 +1638,10 @@ class NgVirtualListItemComponent extends BaseVirtualListItemComponent {
     onClickHandler() {
         this._service.virtualClick(this._data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: NgVirtualListItemComponent, isStandalone: false, selector: "ng-virtual-list-item", host: { attributes: { "role": "listitem" }, classAttribute: "ngvl__item" }, usesInheritance: true, ngImport: i0, template: "@let renderer = itemRenderer();\r\n@let class = classes();\r\n<div #item class=\"ngvl-item\" [ngClass]=\"class\" [part]=\"part()\" [attr.ngvl-index]=\"index()\" [attr.ngvl-visibility]=\"visibility\" tabindex=\"-1\">\r\n    @if (_blendColor) {\r\n        <div class=\"ngvl-item__blend-color\" [style.--blend-color]=\"_blendColor\"></div>\r\n    }\r\n    <div #container virtualClick [part]=\"fxPart()\" [maxClickDistance]=\"maxClickDistance()\" class=\"ngvl-item__container\"\r\n        [ngClass]=\"class\" (onVirtualClick)=\"onClickHandler()\">\r\n        @if (renderer) {\r\n            <ng-container [ngTemplateOutlet]=\"renderer\" [ngTemplateOutletContext]=\"templateContext()\" />\r\n        }\r\n    </div>\r\n</div>", styles: [":host{display:block;position:absolute;left:0;top:0;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-moz-user-drag:none;text-rendering:optimizeSpeed;image-rendering:auto}.ngvl-item{position:relative;margin:0;padding:0;overflow:hidden;outline:none;width:inherit;height:inherit;box-sizing:border-box}.ngvl-item__blend-color{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--blend-color);z-index:-1}.ngvl-item__container{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: VirtualClickDirective, selector: "[virtualClick]", inputs: ["maxClickDistance"], outputs: ["onVirtualClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgVirtualListItemComponent, isStandalone: false, selector: "ng-virtual-list-item", host: { attributes: { "role": "listitem" }, classAttribute: "ngvl__item" }, usesInheritance: true, ngImport: i0, template: "@let renderer = itemRenderer();\r\n@let class = classes();\r\n<div #item class=\"ngvl-item\" [ngClass]=\"class\" [part]=\"part()\" [attr.ngvl-index]=\"index()\" [attr.ngvl-visibility]=\"visibility\" tabindex=\"-1\">\r\n    @if (_blendColor) {\r\n        <div class=\"ngvl-item__blend-color\" [style.--blend-color]=\"_blendColor\"></div>\r\n    }\r\n    <div #container virtualClick [part]=\"fxPart()\" [maxClickDistance]=\"maxClickDistance()\" class=\"ngvl-item__container\"\r\n        [ngClass]=\"class\" (onVirtualClick)=\"onClickHandler()\">\r\n        @if (renderer) {\r\n            <ng-container [ngTemplateOutlet]=\"renderer\" [ngTemplateOutletContext]=\"templateContext()\" />\r\n        }\r\n    </div>\r\n</div>", styles: [":host{display:block;position:absolute;left:0;top:0;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-moz-user-drag:none;text-rendering:optimizeSpeed;image-rendering:auto}.ngvl-item{position:relative;margin:0;padding:0;overflow:hidden;outline:none;width:inherit;height:inherit;box-sizing:border-box}.ngvl-item__blend-color{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--blend-color);z-index:-1}.ngvl-item__container{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: VirtualClickDirective, selector: "[virtualClick]", inputs: ["maxClickDistance"], outputs: ["onVirtualClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-virtual-list-item', host: {
                         'class': 'ngvl__item',
@@ -1638,7 +1651,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 
 /**
  * Simple debounce function.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/debounce.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/debounce.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  * @param cb - Callback.
@@ -1699,7 +1712,7 @@ const debounce = (cb, debounceTime = 0, maxSkips = 0) => {
 
 /**
  * Switch css classes
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/toggle-class-name.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/toggle-class-name.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -1714,7 +1727,7 @@ const toggleClassName = (el, className, removeClassName) => {
 
 /**
  * Scroll event.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/scroll-event.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/scroll-event.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -1903,7 +1916,7 @@ const CACHE_BOX_CHANGE_EVENT_NAME = 'change';
 /**
  * Cache map.
  * Emits a change event on each mutation.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/core/cache-map.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/core/cache-map.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -2000,7 +2013,7 @@ class CacheMap extends EventEmitter {
 
 /**
  * getServiceIdProp
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/core/utils/get-service-id-prop.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/core/utils/get-service-id-prop.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -2012,7 +2025,7 @@ const getServiceIdProp = (trackBy) => {
  * Tracks display items by property
  * 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/21.x/projects/ng-virtual-list/src/lib/core/tracker.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/core/tracker.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -2277,7 +2290,7 @@ const START_COLLECTION_PREFIX_ID = 'n', END_COLLECTION_PREFIX_ID = 'p', DEFAULT_
 
 /**
  * ItemDisplayMethods
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/core/enums/item-display-methods.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/core/enums/item-display-methods.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -2291,7 +2304,7 @@ var ItemDisplayMethods;
 
 /**
  * An object that performs tracking, calculations and caching.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/core/track-box.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/core/track-box.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -3646,7 +3659,7 @@ const isSnappingMethodDefault = (method) => {
 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/21.x/projects/ng-virtual-list/src/lib/utils/is-direction.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/is-direction.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -3660,7 +3673,7 @@ const isDirection = (src, expected) => {
 const NONE_ALIASES$1 = [SelectingModes.NONE, 'none'], SELECT_ALIASES = [SelectingModes.SELECT, 'select'], MULTI_SELECT_ALIASES = [SelectingModes.MULTI_SELECT, 'multi-select'];
 /**
  * Defines the mode for selecting list items.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/is-select-mode.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/is-select-mode.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -3677,7 +3690,7 @@ const isSelectMode = (src, expected) => {
 const NONE_ALIASES = [CollapsingModes.NONE, 'none'], MULTIMPLE_ALIASES = [CollapsingModes.MULTI_COLLAPSE, 'multi-collapse'], ACCORDION_ALIASES = [CollapsingModes.ACCORDION, 'accordion'];
 /**
  * Defines the mode for collapsing list items.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/is-collapse-mode.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/is-collapse-mode.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -3694,7 +3707,7 @@ const isCollapseMode = (src, expected) => {
 const NORMAL_ALIASES$1 = [CollectionModes.NORMAL, 'normal'], LAZY_ALIASES = [CollectionModes.LAZY, 'lazy'];
 /**
  * Determines the axis membership of a virtual list
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/is-collection-mode.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/is-collection-mode.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -3749,7 +3762,7 @@ const formatActualDisplayItems = (items, startOffset, endOffset, scrollSize, isV
 
 /**
  * isPercentageValue
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/is-persentage-value.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/is-persentage-value.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -3763,7 +3776,7 @@ const isPercentageValue = (value) => {
 const PERSENTS_100 = 100, PERSENTS_1 = 1, SIZE_PERSENT = '%', CHAR_NONE = '';
 /**
  * parseFloatOrPersentageValue
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/parse-float-or-persentage-value.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/parse-float-or-persentage-value.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -3791,7 +3804,7 @@ const calculate = (exp, reference, operator = 1) => {
 };
 /**
  * parseArithmeticExpression
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/parse-arithmetic-expression.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/parse-arithmetic-expression.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -3829,7 +3842,7 @@ const parseArithmeticExpression = (value, reference) => {
 
 /**
  * normalizeCollection
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/normalize-collection.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/normalize-collection.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -3871,7 +3884,7 @@ const normalizeCollection = (items, itemConfigMap, trackBy, divides) => {
 const NORMAL_ALIASES = [SpreadingModes.NORMAL, 'normal'], INFINITY_ALIASES = [SpreadingModes.INFINITY, 'infinity'];
 /**
  * Determines the display mode of list items.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/is-select-mode.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/is-select-mode.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -3903,7 +3916,7 @@ var ScrollerDirection$1;
  * ScrollBox
  * 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/21.x/projects/ng-virtual-list/src/lib/components/scroller/utils/scroll-box.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/scroller/utils/scroll-box.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -4044,7 +4057,7 @@ const SCROLL_EVENT$1 = new Event(SCROLLER_SCROLL);
 
 /**
  * calculateDirection
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/utils/calculate-direction.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/utils/calculate-direction.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -4061,7 +4074,7 @@ const calculateDirection = (buffer) => {
 
 /**
  * ScrollerDirection
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/enums/scroller-direction.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/enums/scroller-direction.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -4075,7 +4088,7 @@ var ScrollerDirection;
  * ScrollBox
  * 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/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/utils/scroll-box.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/utils/scroll-box.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -4117,7 +4130,7 @@ class ScrollBox {
 
 /**
  * matrix3d
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/utils/matrix-3d.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/utils/matrix-3d.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -4132,7 +4145,7 @@ const matrix3d = (x, y) => {
 
 /**
  * getDir
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/utils/get-dir.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/utils/get-dir.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -4144,21 +4157,30 @@ const getDir = (p, c) => {
  * BaseScrollView
  * 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/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/base/base-scroll-view.component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/base/base-scroll-view.component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
 class BaseScrollView {
-    scrollContent = viewChild('scrollContent', ...(ngDevMode ? [{ debugName: "scrollContent" }] : []));
-    scrollViewport = viewChild('scrollViewport', ...(ngDevMode ? [{ debugName: "scrollViewport" }] : []));
-    direction = input(ScrollerDirection.VERTICAL, ...(ngDevMode ? [{ debugName: "direction" }] : []));
-    startOffset = input(0, ...(ngDevMode ? [{ debugName: "startOffset" }] : []));
-    endOffset = input(0, ...(ngDevMode ? [{ debugName: "endOffset" }] : []));
-    alignmentStartOffset = input(0, ...(ngDevMode ? [{ debugName: "alignmentStartOffset" }] : []));
-    alignmentEndOffset = input(0, ...(ngDevMode ? [{ debugName: "alignmentEndOffset" }] : []));
-    isInfinity = input(false, ...(ngDevMode ? [{ debugName: "isInfinity" }] : []));
+    scrollContent = viewChild('scrollContent', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollContent" }] : /* istanbul ignore next */ []));
+    scrollViewport = viewChild('scrollViewport', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollViewport" }] : /* istanbul ignore next */ []));
+    direction = input(ScrollerDirection.VERTICAL, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+    startOffset = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startOffset" }] : /* istanbul ignore next */ []));
+    endOffset = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endOffset" }] : /* istanbul ignore next */ []));
+    alignmentStartOffset = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alignmentStartOffset" }] : /* istanbul ignore next */ []));
+    alignmentEndOffset = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alignmentEndOffset" }] : /* istanbul ignore next */ []));
+    isInfinity = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isInfinity" }] : /* istanbul ignore next */ []));
     isVertical;
-    grabbing = signal(false, ...(ngDevMode ? [{ debugName: "grabbing" }] : []));
+    grabbing = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "grabbing" }] : /* istanbul ignore next */ []));
     _inversion = inject(SCROLL_VIEW_INVERSION);
     _overscrollEnabled = inject(SCROLL_VIEW_OVERSCROLL_ENABLED);
     _$updateScrollBar = new Subject();
@@ -4246,13 +4268,16 @@ class BaseScrollView {
         }
         return contentHeight < viewportHeight ? isVertical ? startOffset : 0 : ((contentHeight + this.alignmentEndOffset()) - viewportHeight);
     }
-    viewportBounds = signal({ width: 0, height: 0 }, ...(ngDevMode ? [{ debugName: "viewportBounds" }] : []));
-    contentBounds = signal({ width: 0, height: 0 }, ...(ngDevMode ? [{ debugName: "contentBounds" }] : []));
+    viewportBounds = signal({ width: 0, height: 0 }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewportBounds" }] : /* istanbul ignore next */ []));
+    contentBounds = signal({ width: 0, height: 0 }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "contentBounds" }] : /* istanbul ignore next */ []));
     _isCoordinatesOverrided = false;
     constructor() {
         this.isVertical = computed(() => {
             return this.direction() === ScrollerDirection.VERTICAL;
-        }, ...(ngDevMode ? [{ debugName: "isVertical" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isVertical" }] : /* istanbul ignore next */ []));
     }
     tick() {
         this.onResizeContent();
@@ -4320,10 +4345,10 @@ class BaseScrollView {
             this.contentBounds.set({ width, height });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BaseScrollView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: BaseScrollView, isStandalone: true, selector: "base-scroll-view", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, startOffset: { classPropertyName: "startOffset", publicName: "startOffset", isSignal: true, isRequired: false, transformFunction: null }, endOffset: { classPropertyName: "endOffset", publicName: "endOffset", isSignal: true, isRequired: false, transformFunction: null }, alignmentStartOffset: { classPropertyName: "alignmentStartOffset", publicName: "alignmentStartOffset", isSignal: true, isRequired: false, transformFunction: null }, alignmentEndOffset: { classPropertyName: "alignmentEndOffset", publicName: "alignmentEndOffset", isSignal: true, isRequired: false, transformFunction: null }, isInfinity: { classPropertyName: "isInfinity", publicName: "isInfinity", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "scrollContent", first: true, predicate: ["scrollContent"], descendants: true, isSignal: true }, { propertyName: "scrollViewport", first: true, predicate: ["scrollViewport"], descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BaseScrollView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.0", type: BaseScrollView, isStandalone: true, selector: "base-scroll-view", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, startOffset: { classPropertyName: "startOffset", publicName: "startOffset", isSignal: true, isRequired: false, transformFunction: null }, endOffset: { classPropertyName: "endOffset", publicName: "endOffset", isSignal: true, isRequired: false, transformFunction: null }, alignmentStartOffset: { classPropertyName: "alignmentStartOffset", publicName: "alignmentStartOffset", isSignal: true, isRequired: false, transformFunction: null }, alignmentEndOffset: { classPropertyName: "alignmentEndOffset", publicName: "alignmentEndOffset", isSignal: true, isRequired: false, transformFunction: null }, isInfinity: { classPropertyName: "isInfinity", publicName: "isInfinity", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "scrollContent", first: true, predicate: ["scrollContent"], descendants: true, isSignal: true }, { propertyName: "scrollViewport", first: true, predicate: ["scrollViewport"], descendants: true, isSignal: true }], ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BaseScrollView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: BaseScrollView, decorators: [{
             type: Component,
             args: [{
                     selector: 'base-scroll-view',
@@ -4333,7 +4358,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 
 /**
  * ScrollingDirection
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/utils/scrolling-direction.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/utils/scrolling-direction.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -4361,7 +4386,7 @@ class ScrollingDirection {
 
 /**
  * calculateVelocity
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/utils/calculate-velocity.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/utils/calculate-velocity.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -4374,21 +4399,29 @@ const calculateVelocity = (startPosition, currentPosition, timestamp) => {
  * NgScrollView
  * 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/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/ng-scroll-view.component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-view/ng-scroll-view.component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
 class NgScrollView extends BaseScrollView {
     cdkScrollable;
     _service = inject(NgVirtualListService);
-    scrollBehavior = input(DEFAULT_SCROLL_BEHAVIOR, ...(ngDevMode ? [{ debugName: "scrollBehavior" }] : []));
-    overscrollEnabled = input(DEFAULT_OVERSCROLL_ENABLED, ...(ngDevMode ? [{ debugName: "overscrollEnabled" }] : []));
-    scrollingSettings = input(DEFAULT_SCROLLING_SETTINGS, ...(ngDevMode ? [{ debugName: "scrollingSettings" }] : []));
-    snapToItem = input(DEFAULT_SNAP_TO_ITEM, ...(ngDevMode ? [{ debugName: "snapToItem" }] : []));
-    scrollingOneByOne = input(DEFAULT_SCROLLING_ONE_BY_ONE, ...(ngDevMode ? [{ debugName: "scrollingOneByOne" }] : []));
-    snapToItemAlign = input(DEFAULT_SNAP_TO_ITEM_ALIGN, ...(ngDevMode ? [{ debugName: "snapToItemAlign" }] : []));
-    snappingDistance = input(DEFAULT_SNAPPING_DISTANCE, ...(ngDevMode ? [{ debugName: "snappingDistance" }] : []));
-    animationParams = input(DEFAULT_ANIMATION_PARAMS, ...(ngDevMode ? [{ debugName: "animationParams" }] : []));
+    scrollBehavior = input(DEFAULT_SCROLL_BEHAVIOR, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollBehavior" }] : /* istanbul ignore next */ []));
+    overscrollEnabled = input(DEFAULT_OVERSCROLL_ENABLED, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overscrollEnabled" }] : /* istanbul ignore next */ []));
+    scrollingSettings = input(DEFAULT_SCROLLING_SETTINGS, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollingSettings" }] : /* istanbul ignore next */ []));
+    snapToItem = input(DEFAULT_SNAP_TO_ITEM, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "snapToItem" }] : /* istanbul ignore next */ []));
+    scrollingOneByOne = input(DEFAULT_SCROLLING_ONE_BY_ONE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollingOneByOne" }] : /* istanbul ignore next */ []));
+    snapToItemAlign = input(DEFAULT_SNAP_TO_ITEM_ALIGN, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "snapToItemAlign" }] : /* istanbul ignore next */ []));
+    snappingDistance = input(DEFAULT_SNAPPING_DISTANCE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "snappingDistance" }] : /* istanbul ignore next */ []));
+    animationParams = input(DEFAULT_ANIMATION_PARAMS, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "animationParams" }] : /* istanbul ignore next */ []));
     _normalizeValueFromZero = inject(SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO);
     _isScrollsTo = false;
     _scrollDirection = new ScrollingDirection();
@@ -5123,10 +5156,10 @@ class NgScrollView extends BaseScrollView {
             this._animator.dispose();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: NgScrollView, isStandalone: true, selector: "ng-scroll-view", inputs: { scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null }, overscrollEnabled: { classPropertyName: "overscrollEnabled", publicName: "overscrollEnabled", isSignal: true, isRequired: false, transformFunction: null }, scrollingSettings: { classPropertyName: "scrollingSettings", publicName: "scrollingSettings", isSignal: true, isRequired: false, transformFunction: null }, snapToItem: { classPropertyName: "snapToItem", publicName: "snapToItem", isSignal: true, isRequired: false, transformFunction: null }, scrollingOneByOne: { classPropertyName: "scrollingOneByOne", publicName: "scrollingOneByOne", isSignal: true, isRequired: false, transformFunction: null }, snapToItemAlign: { classPropertyName: "snapToItemAlign", publicName: "snapToItemAlign", isSignal: true, isRequired: false, transformFunction: null }, snappingDistance: { classPropertyName: "snappingDistance", publicName: "snappingDistance", isSignal: true, isRequired: false, transformFunction: null }, animationParams: { classPropertyName: "animationParams", publicName: "animationParams", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "cdkScrollable", first: true, predicate: ["scrollViewport"], descendants: true, read: CdkScrollable }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollView, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: NgScrollView, isStandalone: true, selector: "ng-scroll-view", inputs: { scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null }, overscrollEnabled: { classPropertyName: "overscrollEnabled", publicName: "overscrollEnabled", isSignal: true, isRequired: false, transformFunction: null }, scrollingSettings: { classPropertyName: "scrollingSettings", publicName: "scrollingSettings", isSignal: true, isRequired: false, transformFunction: null }, snapToItem: { classPropertyName: "snapToItem", publicName: "snapToItem", isSignal: true, isRequired: false, transformFunction: null }, scrollingOneByOne: { classPropertyName: "scrollingOneByOne", publicName: "scrollingOneByOne", isSignal: true, isRequired: false, transformFunction: null }, snapToItemAlign: { classPropertyName: "snapToItemAlign", publicName: "snapToItemAlign", isSignal: true, isRequired: false, transformFunction: null }, snappingDistance: { classPropertyName: "snappingDistance", publicName: "snappingDistance", isSignal: true, isRequired: false, transformFunction: null }, animationParams: { classPropertyName: "animationParams", publicName: "animationParams", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "cdkScrollable", first: true, predicate: ["scrollViewport"], descendants: true, read: CdkScrollable }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollView, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-scroll-view',
@@ -5143,31 +5176,47 @@ const DEFAULT_THICKNESS = 6, DEFAULT_SIZE = 6, PX = 'px', WIDTH = 'width', HEIGH
  * ScrollBar 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/21.x/projects/ng-virtual-list/src/lib/components/ng-scroll-bar/ng-scroll-bar.component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-scroll-bar/ng-scroll-bar.component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
 class NgScrollBarComponent extends NgScrollView {
-    _defaultRenderer = viewChild('defaultRenderer', ...(ngDevMode ? [{ debugName: "_defaultRenderer" }] : []));
+    _defaultRenderer = viewChild('defaultRenderer', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_defaultRenderer" }] : /* istanbul ignore next */ []));
     _scrollBarService = inject(NgScrollBarService);
     _apiService = inject(NgScrollBarPublicService);
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
+    loading = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
     onDrag = output();
     onDragEnd = output();
-    thumbGradientPositions = input([0, 0], ...(ngDevMode ? [{ debugName: "thumbGradientPositions" }] : []));
-    size = input(DEFAULT_SIZE, ...(ngDevMode ? [{ debugName: "size" }] : []));
-    thickness = input(DEFAULT_THICKNESS, ...(ngDevMode ? [{ debugName: "thickness" }] : []));
-    scrollbarMinSize = input(0, ...(ngDevMode ? [{ debugName: "scrollbarMinSize" }] : []));
-    prepared = input(false, ...(ngDevMode ? [{ debugName: "prepared" }] : []));
-    langTextDir = input(DEFAULT_LANG_TEXT_DIR, ...(ngDevMode ? [{ debugName: "langTextDir" }] : []));
-    interactive = input(DEFAULT_SCROLLBAR_INTERACTIVE, ...(ngDevMode ? [{ debugName: "interactive" }] : []));
-    overlapping = input(DEFAULT_OVERLAPPING_SCROLLBAR, ...(ngDevMode ? [{ debugName: "overlapping" }] : []));
-    show = input(false, ...(ngDevMode ? [{ debugName: "show" }] : []));
-    params = input({}, ...(ngDevMode ? [{ debugName: "params" }] : []));
-    renderer = input(null, ...(ngDevMode ? [{ debugName: "renderer" }] : []));
-    thumbRenderer = signal(this._defaultRenderer() ?? null, ...(ngDevMode ? [{ debugName: "thumbRenderer" }] : []));
-    hoverState = signal(false, ...(ngDevMode ? [{ debugName: "hoverState" }] : []));
-    pressedState = signal(false, ...(ngDevMode ? [{ debugName: "pressedState" }] : []));
+    thumbGradientPositions = input([0, 0], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumbGradientPositions" }] : /* istanbul ignore next */ []));
+    size = input(DEFAULT_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    thickness = input(DEFAULT_THICKNESS, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thickness" }] : /* istanbul ignore next */ []));
+    scrollbarMinSize = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarMinSize" }] : /* istanbul ignore next */ []));
+    prepared = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "prepared" }] : /* istanbul ignore next */ []));
+    langTextDir = input(DEFAULT_LANG_TEXT_DIR, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "langTextDir" }] : /* istanbul ignore next */ []));
+    interactive = input(DEFAULT_SCROLLBAR_INTERACTIVE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "interactive" }] : /* istanbul ignore next */ []));
+    overlapping = input(DEFAULT_OVERLAPPING_SCROLLBAR, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overlapping" }] : /* istanbul ignore next */ []));
+    show = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "show" }] : /* istanbul ignore next */ []));
+    params = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "params" }] : /* istanbul ignore next */ []));
+    renderer = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "renderer" }] : /* istanbul ignore next */ []));
+    thumbRenderer = signal(this._defaultRenderer() ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumbRenderer" }] : /* istanbul ignore next */ []));
+    hoverState = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hoverState" }] : /* istanbul ignore next */ []));
+    pressedState = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pressedState" }] : /* istanbul ignore next */ []));
     templateContext;
     styles;
     thumbWidth;
@@ -5186,7 +5235,8 @@ class NgScrollBarComponent extends NgScrollView {
                 params: this.params() ?? {},
             };
             return context;
-        }, ...(ngDevMode ? [{ debugName: "templateContext" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "templateContext" }] : /* istanbul ignore next */ []));
         const $renderer = toObservable(this.renderer).pipe(startWith(null)), $defaultRenderer = toObservable(this._defaultRenderer);
         combineLatest([$renderer, $defaultRenderer]).pipe(takeUntilDestroyed(), switchMap$1(([renderer, defaultRenderer]) => {
             return of((renderer ?? defaultRenderer) ?? null);
@@ -5201,10 +5251,12 @@ class NgScrollBarComponent extends NgScrollView {
         })).subscribe();
         this.thumbWidth = computed(() => {
             return this.isVertical() ? this.thickness() : this.size();
-        }, ...(ngDevMode ? [{ debugName: "thumbWidth" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "thumbWidth" }] : /* istanbul ignore next */ []));
         this.thumbHeight = computed(() => {
             return this.isVertical() ? this.size() : this.thickness();
-        }, ...(ngDevMode ? [{ debugName: "thumbHeight" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "thumbHeight" }] : /* istanbul ignore next */ []));
         const $wheel = this.$wheel;
         $wheel.pipe(takeUntilDestroyed(), debounceTime(100), tap(() => {
             const event = this.createDragEvent(true);
@@ -5250,7 +5302,8 @@ class NgScrollBarComponent extends NgScrollView {
                 [sizePropName]: `${show ? this.thickness() : 0}${PX}`,
                 [OPACITY]: show ? OPACITY_1 : OPACITY_0, [TRANSITION]: show ? TRANSITION_FADE_IN : NONE,
             };
-        }, ...(ngDevMode ? [{ debugName: "styles" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "styles" }] : /* istanbul ignore next */ []));
         effect(() => {
             const el = this._elementRef.nativeElement;
             if (!!el) {
@@ -5303,8 +5356,8 @@ class NgScrollBarComponent extends NgScrollView {
     click(event) {
         this._scrollBarService.click(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: NgScrollBarComponent, isStandalone: false, selector: "ng-scroll-bar", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, thumbGradientPositions: { classPropertyName: "thumbGradientPositions", publicName: "thumbGradientPositions", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, scrollbarMinSize: { classPropertyName: "scrollbarMinSize", publicName: "scrollbarMinSize", isSignal: true, isRequired: false, transformFunction: null }, prepared: { classPropertyName: "prepared", publicName: "prepared", isSignal: true, isRequired: false, transformFunction: null }, langTextDir: { classPropertyName: "langTextDir", publicName: "langTextDir", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, overlapping: { classPropertyName: "overlapping", publicName: "overlapping", isSignal: true, isRequired: false, transformFunction: null }, show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, renderer: { classPropertyName: "renderer", publicName: "renderer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDrag: "onDrag", onDragEnd: "onDragEnd" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.0", type: NgScrollBarComponent, isStandalone: false, selector: "ng-scroll-bar", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, thumbGradientPositions: { classPropertyName: "thumbGradientPositions", publicName: "thumbGradientPositions", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, scrollbarMinSize: { classPropertyName: "scrollbarMinSize", publicName: "scrollbarMinSize", isSignal: true, isRequired: false, transformFunction: null }, prepared: { classPropertyName: "prepared", publicName: "prepared", isSignal: true, isRequired: false, transformFunction: null }, langTextDir: { classPropertyName: "langTextDir", publicName: "langTextDir", isSignal: true, isRequired: false, transformFunction: null }, interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, overlapping: { classPropertyName: "overlapping", publicName: "overlapping", isSignal: true, isRequired: false, transformFunction: null }, show: { classPropertyName: "show", publicName: "show", isSignal: true, isRequired: false, transformFunction: null }, params: { classPropertyName: "params", publicName: "params", isSignal: true, isRequired: false, transformFunction: null }, renderer: { classPropertyName: "renderer", publicName: "renderer", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onDrag: "onDrag", onDragEnd: "onDragEnd" }, providers: [
             { provide: SCROLL_VIEW_INVERSION, useValue: true },
             { provide: SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO, useValue: false },
             { provide: SCROLL_VIEW_OVERSCROLL_ENABLED, useValue: false },
@@ -5312,7 +5365,7 @@ class NgScrollBarComponent extends NgScrollView {
             NgScrollBarPublicService,
         ], viewQueries: [{ propertyName: "_defaultRenderer", first: true, predicate: ["defaultRenderer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let grab = grabbing();\r\n<div #scrollViewport class=\"track\" part=\"scrollbar-track\" [ngStyle]=\"styles()\" [ngClass]=\"{grabbing: grab}\">\r\n    <div #scrollContent class=\"thumb\" part=\"scrollbar-thumb\" [class.horizontal]=\"!isVertical()\"\r\n        (pointerdown)=\"click($event)\">\r\n        <ng-container [ngTemplateOutlet]=\"thumbRenderer()\" [ngTemplateOutletContext]=\"templateContext()\" />\r\n    </div>\r\n</div>\r\n\r\n<ng-template #defaultRenderer let-api=\"api\" let-width=\"width\" let-height=\"height\" let-fillPositions=\"fillPositions\"\r\n    let-params=\"params\">\r\n    <div class=\"shape\" part=\"scrollbar-thumb__shape\" [style.width.px]=\"width\" [style.height.px]=\"height\"></div>\r\n</ng-template>", styles: [":host{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;width:100%;height:100%}.track{position:relative;overflow:hidden;width:100%;height:100%;cursor:grab}.track.grabbing{cursor:grabbing}.track .thumb{display:block;position:absolute;list-style:none;padding:0;margin:0;overflow:hidden}.track .thumb.prepared{overflow:hidden}.track .thumb.horizontal{top:0}.track .thumb .shape{box-sizing:border-box;pointer-events:none;background-color:#818181;border-radius:0;overflow:hidden}.track.grabbing .thumb{cursor:grabbing}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-scroll-bar', providers: [
                         { provide: SCROLL_VIEW_INVERSION, useValue: true },
@@ -5328,13 +5381,15 @@ const RIGHT = 'right', DIR = 'dir';
  * LocaleSensitiveDirective
  * 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/21.x/projects/ng-virtual-list/src/lib/directives/locale-sensitive/locale-sensitive.directive.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/directives/locale-sensitive/locale-sensitive.directive.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
 class LocaleSensitiveDirective {
-    langTextDir = input(TextDirections.LTR, ...(ngDevMode ? [{ debugName: "langTextDir" }] : []));
-    listDir = input(ScrollerDirection$1.VERTICAL, ...(ngDevMode ? [{ debugName: "listDir" }] : []));
+    langTextDir = input(TextDirections.LTR, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "langTextDir" }] : /* istanbul ignore next */ []));
+    listDir = input(ScrollerDirection$1.VERTICAL, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listDir" }] : /* istanbul ignore next */ []));
     _elementRef = inject((ElementRef));
     constructor() {
         const $langTextDir = toObservable(this.langTextDir), $listDir = toObservable(this.listDir);
@@ -5352,10 +5407,10 @@ class LocaleSensitiveDirective {
             }
         })).subscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocaleSensitiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.0", type: LocaleSensitiveDirective, isStandalone: false, selector: "[localeSensitive]", inputs: { langTextDir: { classPropertyName: "langTextDir", publicName: "langTextDir", isSignal: true, isRequired: false, transformFunction: null }, listDir: { classPropertyName: "listDir", publicName: "listDir", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: LocaleSensitiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.0", type: LocaleSensitiveDirective, isStandalone: false, selector: "[localeSensitive]", inputs: { langTextDir: { classPropertyName: "langTextDir", publicName: "langTextDir", isSignal: true, isRequired: false, transformFunction: null }, listDir: { classPropertyName: "listDir", publicName: "listDir", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocaleSensitiveDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: LocaleSensitiveDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[localeSensitive]',
@@ -5369,36 +5424,57 @@ const SCROLL_EVENT = new Event(SCROLLER_SCROLL);
  * The scroller for the NgVirtualList item 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/21.x/projects/ng-virtual-list/src/lib/components/scroller/ng-scroller.component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/scroller/ng-scroller.component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
 class NgScrollerComponent extends NgScrollView {
     scrollBar;
-    filter = viewChild('filter', ...(ngDevMode ? [{ debugName: "filter" }] : []));
+    filter = viewChild('filter', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
     onScrollbarVisible = output();
-    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : []));
-    scrollbarInteractive = input(DEFAULT_SCROLLBAR_INTERACTIVE, ...(ngDevMode ? [{ debugName: "scrollbarInteractive" }] : []));
-    focusedElement = input(null, ...(ngDevMode ? [{ debugName: "focusedElement" }] : []));
-    overlappingScrollbar = input(DEFAULT_OVERLAPPING_SCROLLBAR, ...(ngDevMode ? [{ debugName: "overlappingScrollbar" }] : []));
-    content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
-    classes = input({}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
-    scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE, ...(ngDevMode ? [{ debugName: "scrollbarMinSize" }] : []));
-    scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS, ...(ngDevMode ? [{ debugName: "scrollbarThickness" }] : []));
-    scrollbarThumbRenderer = input(null, ...(ngDevMode ? [{ debugName: "scrollbarThumbRenderer" }] : []));
-    scrollbarThumbParams = input(null, ...(ngDevMode ? [{ debugName: "scrollbarThumbParams" }] : []));
-    motionBlur = input(DEFAULT_MOTION_BLUR, ...(ngDevMode ? [{ debugName: "motionBlur" }] : []));
-    maxMotionBlur = input(DEFAULT_MAX_MOTION_BLUR, ...(ngDevMode ? [{ debugName: "maxMotionBlur" }] : []));
-    motionBlurEnabled = input(DEFAULT_MOTION_BLUR_ENABLED, ...(ngDevMode ? [{ debugName: "motionBlurEnabled" }] : []));
+    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : /* istanbul ignore next */ []));
+    scrollbarInteractive = input(DEFAULT_SCROLLBAR_INTERACTIVE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarInteractive" }] : /* istanbul ignore next */ []));
+    focusedElement = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focusedElement" }] : /* istanbul ignore next */ []));
+    overlappingScrollbar = input(DEFAULT_OVERLAPPING_SCROLLBAR, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overlappingScrollbar" }] : /* istanbul ignore next */ []));
+    content = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
+    loading = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    classes = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarMinSize" }] : /* istanbul ignore next */ []));
+    scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarThickness" }] : /* istanbul ignore next */ []));
+    scrollbarThumbRenderer = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarThumbRenderer" }] : /* istanbul ignore next */ []));
+    scrollbarThumbParams = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarThumbParams" }] : /* istanbul ignore next */ []));
+    motionBlur = input(DEFAULT_MOTION_BLUR, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "motionBlur" }] : /* istanbul ignore next */ []));
+    maxMotionBlur = input(DEFAULT_MAX_MOTION_BLUR, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "maxMotionBlur" }] : /* istanbul ignore next */ []));
+    motionBlurEnabled = input(DEFAULT_MOTION_BLUR_ENABLED, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "motionBlurEnabled" }] : /* istanbul ignore next */ []));
     actualClasses;
     containerClasses;
-    thumbGradientPositions = signal([0, 0], ...(ngDevMode ? [{ debugName: "thumbGradientPositions" }] : []));
-    thumbSize = signal(0, ...(ngDevMode ? [{ debugName: "thumbSize" }] : []));
-    scrollbarShow = signal(false, ...(ngDevMode ? [{ debugName: "scrollbarShow" }] : []));
-    preparedSignal = signal(false, ...(ngDevMode ? [{ debugName: "preparedSignal" }] : []));
-    langTextDir = signal(TextDirections.LTR, ...(ngDevMode ? [{ debugName: "langTextDir" }] : []));
-    listStyles = signal({ perspectiveOrigin: 'center' }, ...(ngDevMode ? [{ debugName: "listStyles" }] : []));
+    thumbGradientPositions = signal([0, 0], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumbGradientPositions" }] : /* istanbul ignore next */ []));
+    thumbSize = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumbSize" }] : /* istanbul ignore next */ []));
+    scrollbarShow = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarShow" }] : /* istanbul ignore next */ []));
+    preparedSignal = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "preparedSignal" }] : /* istanbul ignore next */ []));
+    langTextDir = signal(TextDirections.LTR, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "langTextDir" }] : /* istanbul ignore next */ []));
+    listStyles = signal({ perspectiveOrigin: 'center' }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "listStyles" }] : /* istanbul ignore next */ []));
     _scrollBox = new ScrollBox$1();
     get host() {
         return this.scrollViewport()?.nativeElement;
@@ -5452,7 +5528,8 @@ class NgScrollerComponent extends NgScrollView {
         }
     }
     get startLayoutOffset() { return this._startLayoutOffset; }
-    viewInitialized = signal(false, ...(ngDevMode ? [{ debugName: "viewInitialized" }] : []));
+    viewInitialized = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "viewInitialized" }] : /* istanbul ignore next */ []));
     _isScrollbarUserAction = false;
     get isScrollbarUserAction() {
         return this._isScrollbarUserAction;
@@ -5499,11 +5576,13 @@ class NgScrollerComponent extends NgScrollView {
         this.actualClasses = computed(() => {
             const classes = this.classes(), direction = this.direction(), filtered = this.motionBlurEnabled();
             return { ...classes, [direction]: true, grabbing: this.grabbing(), filtered };
-        }, ...(ngDevMode ? [{ debugName: "actualClasses" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "actualClasses" }] : /* istanbul ignore next */ []));
         this.containerClasses = computed(() => {
             const { width: contentWidth, height: contentHeight } = this.contentBounds(), { width, height } = this.viewportBounds(), overlappingScrollbar = this.overlappingScrollbar(), isVertical = this.isVertical(), viewportSize = isVertical ? height : width, contentSize = isVertical ? contentHeight : contentWidth;
             return { [this.direction()]: true, grabbing: this.grabbing(), enabled: this.scrollbarEnabled(), scrollable: contentSize > viewportSize, overlapping: overlappingScrollbar };
-        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "containerClasses" }] : /* istanbul ignore next */ []));
         effect(() => {
             const viewInitialized = this.viewInitialized();
             if (viewInitialized) {
@@ -5704,14 +5783,14 @@ class NgScrollerComponent extends NgScrollView {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: NgScrollerComponent, isStandalone: false, selector: "ng-scroller", inputs: { scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, scrollbarInteractive: { classPropertyName: "scrollbarInteractive", publicName: "scrollbarInteractive", isSignal: true, isRequired: false, transformFunction: null }, focusedElement: { classPropertyName: "focusedElement", publicName: "focusedElement", isSignal: true, isRequired: false, transformFunction: null }, overlappingScrollbar: { classPropertyName: "overlappingScrollbar", publicName: "overlappingScrollbar", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, scrollbarMinSize: { classPropertyName: "scrollbarMinSize", publicName: "scrollbarMinSize", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThickness: { classPropertyName: "scrollbarThickness", publicName: "scrollbarThickness", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbRenderer: { classPropertyName: "scrollbarThumbRenderer", publicName: "scrollbarThumbRenderer", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbParams: { classPropertyName: "scrollbarThumbParams", publicName: "scrollbarThumbParams", isSignal: true, isRequired: false, transformFunction: null }, motionBlur: { classPropertyName: "motionBlur", publicName: "motionBlur", isSignal: true, isRequired: false, transformFunction: null }, maxMotionBlur: { classPropertyName: "maxMotionBlur", publicName: "maxMotionBlur", isSignal: true, isRequired: false, transformFunction: null }, motionBlurEnabled: { classPropertyName: "motionBlurEnabled", publicName: "motionBlurEnabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScrollbarVisible: "onScrollbarVisible" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgScrollerComponent, isStandalone: false, selector: "ng-scroller", inputs: { scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, scrollbarInteractive: { classPropertyName: "scrollbarInteractive", publicName: "scrollbarInteractive", isSignal: true, isRequired: false, transformFunction: null }, focusedElement: { classPropertyName: "focusedElement", publicName: "focusedElement", isSignal: true, isRequired: false, transformFunction: null }, overlappingScrollbar: { classPropertyName: "overlappingScrollbar", publicName: "overlappingScrollbar", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, scrollbarMinSize: { classPropertyName: "scrollbarMinSize", publicName: "scrollbarMinSize", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThickness: { classPropertyName: "scrollbarThickness", publicName: "scrollbarThickness", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbRenderer: { classPropertyName: "scrollbarThumbRenderer", publicName: "scrollbarThumbRenderer", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbParams: { classPropertyName: "scrollbarThumbParams", publicName: "scrollbarThumbParams", isSignal: true, isRequired: false, transformFunction: null }, motionBlur: { classPropertyName: "motionBlur", publicName: "motionBlur", isSignal: true, isRequired: false, transformFunction: null }, maxMotionBlur: { classPropertyName: "maxMotionBlur", publicName: "maxMotionBlur", isSignal: true, isRequired: false, transformFunction: null }, motionBlurEnabled: { classPropertyName: "motionBlurEnabled", publicName: "motionBlurEnabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScrollbarVisible: "onScrollbarVisible" }, providers: [
             { provide: SCROLL_VIEW_INVERSION, useValue: false },
             { provide: SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO, useValue: true },
             { provide: SCROLL_VIEW_OVERSCROLL_ENABLED, useValue: true },
         ], viewQueries: [{ propertyName: "filter", first: true, predicate: ["filter"], descendants: true, isSignal: true }, { propertyName: "scrollBar", first: true, predicate: ["scrollBar"], descendants: true, read: NgScrollBarComponent }], usesInheritance: true, ngImport: i0, template: "@let filtered = motionBlurEnabled();\r\n<div localeSensitive [langTextDir]=\"langTextDir()\" [listDir]=\"direction()\" class=\"ngvl__container\"\r\n    [ngClass]=\"containerClasses()\">\r\n    <svg part=\"viewport\" width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\r\n        <filter [id]=\"_filterId\">\r\n            <feGaussianBlur #filter></feGaussianBlur>\r\n        </filter>\r\n        <foreignObject xmlns=\"http://www.w3.org/1999/xhtml\" width=\"100%\" height=\"100%\" class=\"ngvl__viewport\">\r\n            <div class=\"ngvl__scroller-wrapper\" [class.filtered]=\"filtered\" [style.filter]=\"filtered ? _filter : 'unset'\">\r\n                <div cdkScrollable #scrollViewport part=\"scroller\" class=\"ngvl__scroller\">\r\n                    <div #scrollContent [attr.aria-orientation]=\"direction()\"\r\n                        [attr.aria-activedescendant]=\"focusedElement()\" tabindex=\"0\" part=\"list\" class=\"ngvl__list\"\r\n                        [ngClass]=\"actualClasses()\" [ngStyle]=\"listStyles()\">\r\n                        <ng-content></ng-content>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </foreignObject>\r\n    </svg>\r\n    @if (scrollbarEnabled()) {\r\n        @let prepared = preparedSignal();\r\n        <ng-scroll-bar #scrollBar [direction]=\"direction()\" [size]=\"thumbSize()\" [renderer]=\"scrollbarThumbRenderer()\"\r\n            [thickness]=\"scrollbarThickness()\" [params]=\"scrollbarThumbParams()\" [loading]=\"loading()\" [overlapping]=\"overlappingScrollbar()\"\r\n            [thumbGradientPositions]=\"thumbGradientPositions()\" [prepared]=\"prepared\" [interactive]=\"scrollbarInteractive()\"\r\n            [show]=\"scrollbarShow() && scrollbarEnabled() && prepared\" [startOffset]=\"startOffset()\" [langTextDir]=\"langTextDir()\"\r\n            [endOffset]=\"endOffset()\" [overscrollEnabled]=\"overscrollEnabled()\" [scrollBehavior]=\"scrollBehavior()\"\r\n            [scrollbarMinSize]=\"scrollbarMinSize()\" (onDrag)=\"onScrollBarDragHandler($event)\"\r\n            (onDragEnd)=\"onScrollBarDragEndHandler($event)\"></ng-scroll-bar>\r\n    }\r\n</div>", styles: [":host{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.ngvl__container{position:relative;overflow:hidden;display:grid;width:100%;height:100%;cursor:grab}.ngvl__container.overlapping{position:relative;display:block}.ngvl__container.grabbing{cursor:grabbing}.ngvl__container.horizontal:not(.overlapping){grid-template-rows:1fr 0}.ngvl__container.horizontal{transition:grid-template-rows .1s ease-out}.ngvl__container.horizontal.scrollable.enabled:not(.overlapping){grid-template-rows:1fr auto}.ngvl__container.horizontal .ngvl__list{display:inline-flex}.ngvl__container.horizontal .ngvl__scroller-wrapper.filtered,.ngvl__container.horizontal .ngvl__scroller{overflow:unset}.ngvl__container.vertical:not(.overlapping){grid-template-columns:1fr 0}.ngvl__container.vertical{transition:grid-template-columns .1s ease-out}.ngvl__container.vertical.scrollable.enabled:not(.overlapping){grid-template-columns:1fr auto}.ngvl__container.vertical .ngvl__scroller-wrapper.filtered,.ngvl__container.vertical .ngvl__scroller{overflow:unset}.ngvl__container .ngvl__scroller-wrapper,.ngvl__container .ngvl__scroller{display:block;position:relative;overflow:hidden;width:100%;height:100%}.ngvl__container .ngvl__list{position:absolute;list-style:none;padding:0;margin:0;width:100%;height:100%;opacity:0}.ngvl__container .ngvl__list.prepared{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: NgScrollBarComponent, selector: "ng-scroll-bar", inputs: ["loading", "thumbGradientPositions", "size", "thickness", "scrollbarMinSize", "prepared", "langTextDir", "interactive", "overlapping", "show", "params", "renderer"], outputs: ["onDrag", "onDragEnd"] }, { kind: "directive", type: LocaleSensitiveDirective, selector: "[localeSensitive]", inputs: ["langTextDir", "listDir"] }, { kind: "directive", type: i4.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-scroller', providers: [
                         { provide: SCROLL_VIEW_INVERSION, useValue: false },
@@ -5803,7 +5882,7 @@ const createItemData = (data, isVertical, bounds, boundsSize, dynamic, divides,
  * PrerenderTrackBox
  * 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/21.x/projects/ng-virtual-list/src/lib/prerender-container/core/prerender-track-box.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/prerender-container/core/prerender-track-box.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -5927,7 +6006,7 @@ class PrerenderTrackBox extends EventEmitter {
  * NgPrerenderVirtualListItemComponent
  * 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/21.x/projects/ng-virtual-list/src/lib/components/ng-prerender-container/components/ng-prerender-list-item/ng-prerender-list-item.component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-prerender-container/components/ng-prerender-list-item/ng-prerender-list-item.component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -6001,10 +6080,10 @@ class NgPrerenderVirtualListItemComponent extends NgVirtualListItemComponent {
             styles.visibility = VISIBILITY_HIDDEN;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderVirtualListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: NgPrerenderVirtualListItemComponent, isStandalone: false, selector: "ng-prerender-virtual-list-item", host: { attributes: { "role": "listitem" }, classAttribute: "ngvl__item" }, usesInheritance: true, ngImport: i0, template: "@let renderer = itemRenderer();\r\n@let class = classes();\r\n<div #item class=\"ngvl-item\" [ngClass]=\"class\" [part]=\"part()\" [attr.ngvl-index]=\"index()\" [attr.ngvl-visibility]=\"visibility\" tabindex=\"-1\">\r\n    @if (_blendColor) {\r\n        <div class=\"ngvl-item__blend-color\" [style.--blend-color]=\"_blendColor\"></div>\r\n    }\r\n    <div #container virtualClick [part]=\"fxPart()\" [maxClickDistance]=\"maxClickDistance()\" class=\"ngvl-item__container\"\r\n        [ngClass]=\"class\" (onVirtualClick)=\"onClickHandler()\">\r\n        @if (renderer) {\r\n            <ng-container [ngTemplateOutlet]=\"renderer\" [ngTemplateOutletContext]=\"templateContext()\" />\r\n        }\r\n    </div>\r\n</div>", styles: [":host{display:block;position:absolute;left:0;top:0;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-moz-user-drag:none;text-rendering:optimizeSpeed;image-rendering:auto}.ngvl-item{position:relative;margin:0;padding:0;overflow:hidden;outline:none;width:inherit;height:inherit;box-sizing:border-box}.ngvl-item__blend-color{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--blend-color);z-index:-1}.ngvl-item__container{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}\n", ":host{display:block;position:absolute!important;left:0;top:0;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-moz-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none;text-rendering:optimizeSpeed;image-rendering:pixelated}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: VirtualClickDirective, selector: "[virtualClick]", inputs: ["maxClickDistance"], outputs: ["onVirtualClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderVirtualListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgPrerenderVirtualListItemComponent, isStandalone: false, selector: "ng-prerender-virtual-list-item", host: { attributes: { "role": "listitem" }, classAttribute: "ngvl__item" }, usesInheritance: true, ngImport: i0, template: "@let renderer = itemRenderer();\r\n@let class = classes();\r\n<div #item class=\"ngvl-item\" [ngClass]=\"class\" [part]=\"part()\" [attr.ngvl-index]=\"index()\" [attr.ngvl-visibility]=\"visibility\" tabindex=\"-1\">\r\n    @if (_blendColor) {\r\n        <div class=\"ngvl-item__blend-color\" [style.--blend-color]=\"_blendColor\"></div>\r\n    }\r\n    <div #container virtualClick [part]=\"fxPart()\" [maxClickDistance]=\"maxClickDistance()\" class=\"ngvl-item__container\"\r\n        [ngClass]=\"class\" (onVirtualClick)=\"onClickHandler()\">\r\n        @if (renderer) {\r\n            <ng-container [ngTemplateOutlet]=\"renderer\" [ngTemplateOutletContext]=\"templateContext()\" />\r\n        }\r\n    </div>\r\n</div>", styles: [":host{display:block;position:absolute;left:0;top:0;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-moz-user-drag:none;text-rendering:optimizeSpeed;image-rendering:auto}.ngvl-item{position:relative;margin:0;padding:0;overflow:hidden;outline:none;width:inherit;height:inherit;box-sizing:border-box}.ngvl-item__blend-color{position:absolute;left:0;top:0;width:100%;height:100%;background-color:var(--blend-color);z-index:-1}.ngvl-item__container{margin:0;padding:0;width:100%;height:100%;box-sizing:border-box}\n", ":host{display:block;position:absolute!important;left:0;top:0;box-sizing:border-box;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-drag:none;-moz-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none;text-rendering:optimizeSpeed;image-rendering:pixelated}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: VirtualClickDirective, selector: "[virtualClick]", inputs: ["maxClickDistance"], outputs: ["onVirtualClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderVirtualListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderVirtualListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-prerender-virtual-list-item', host: {
                         'class': 'ngvl__item',
@@ -6016,19 +6095,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * NgPrerenderScrollerComponent
  * 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/21.x/projects/ng-virtual-list/src/lib/components/ng-prerender-container/components/ng-prerender-scroller/ng-prerender-scroller.component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-prerender-container/components/ng-prerender-scroller/ng-prerender-scroller.component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
 class NgPrerenderScrollerComponent extends BaseScrollView {
     scrollBar;
-    langTextDir = signal(TextDirections.LTR, ...(ngDevMode ? [{ debugName: "langTextDir" }] : []));
-    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : []));
-    classes = input({}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    langTextDir = signal(TextDirections.LTR, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "langTextDir" }] : /* istanbul ignore next */ []));
+    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : /* istanbul ignore next */ []));
+    classes = input({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     actualClasses;
-    containerClasses = signal({}, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
-    thumbSize = signal(0, ...(ngDevMode ? [{ debugName: "thumbSize" }] : []));
-    scrollbarShow = signal(false, ...(ngDevMode ? [{ debugName: "scrollbarShow" }] : []));
+    containerClasses = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "containerClasses" }] : /* istanbul ignore next */ []));
+    thumbSize = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thumbSize" }] : /* istanbul ignore next */ []));
+    scrollbarShow = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarShow" }] : /* istanbul ignore next */ []));
     set x(v) {
         if (v !== undefined && !Number.isNaN(v)) {
             this._x = this._actualX = v;
@@ -6063,7 +6148,8 @@ class NgPrerenderScrollerComponent extends BaseScrollView {
         this.actualClasses = computed(() => {
             const classes = this.classes(), direction = this.direction();
             return { ...classes, [direction]: true };
-        }, ...(ngDevMode ? [{ debugName: "actualClasses" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "actualClasses" }] : /* istanbul ignore next */ []));
         const $contentBounds = toObservable(this.contentBounds), $viewportBounds = toObservable(this.viewportBounds), $isVertical = toObservable(this.isVertical), $direction = toObservable(this.direction), $scrollbarEnabled = toObservable(this.scrollbarEnabled);
         combineLatest([$direction, $scrollbarEnabled, $isVertical, $contentBounds, $viewportBounds]).pipe(takeUntilDestroyed(), tap(([direction, scrollbarEnabled]) => {
             this.containerClasses.set({ [direction]: true, enabled: scrollbarEnabled, scrollable: scrollbarEnabled });
@@ -6100,14 +6186,14 @@ class NgPrerenderScrollerComponent extends BaseScrollView {
     updateScrollBar() {
         this._$updateScrollBar.next();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: NgPrerenderScrollerComponent, isStandalone: false, selector: "ng-prerender-scroller", inputs: { scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: NgPrerenderScrollerComponent, isStandalone: false, selector: "ng-prerender-scroller", inputs: { scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             { provide: SCROLL_VIEW_INVERSION, useValue: false },
             { provide: SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO, useValue: true },
             { provide: SCROLL_VIEW_OVERSCROLL_ENABLED, useValue: false },
         ], viewQueries: [{ propertyName: "scrollBar", first: true, predicate: ["scrollBar"], descendants: true, read: NgScrollBarComponent }], usesInheritance: true, ngImport: i0, template: "<div localeSensitive [langTextDir]=\"langTextDir()\" [listDir]=\"direction()\" class=\"ngvl__container\"\r\n    [ngClass]=\"containerClasses()\">\r\n    <div #scrollViewport part=\"scroller\" class=\"ngvl__scroller\">\r\n        <div #scrollContent part=\"list\" class=\"ngvl__list\" [ngClass]=\"actualClasses()\">\r\n            <ng-content></ng-content>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.ngvl__container{position:relative;overflow:hidden;display:grid;width:100%;height:100%;cursor:grab}.ngvl__container.overlapping{position:relative;display:block}.ngvl__container.grabbing{cursor:grabbing}.ngvl__container.horizontal:not(.overlapping){grid-template-rows:1fr 0}.ngvl__container.horizontal{transition:grid-template-rows .1s ease-out}.ngvl__container.horizontal.scrollable.enabled:not(.overlapping){grid-template-rows:1fr auto}.ngvl__container.horizontal .ngvl__list{display:inline-flex}.ngvl__container.horizontal .ngvl__scroller-wrapper.filtered,.ngvl__container.horizontal .ngvl__scroller{overflow:unset}.ngvl__container.vertical:not(.overlapping){grid-template-columns:1fr 0}.ngvl__container.vertical{transition:grid-template-columns .1s ease-out}.ngvl__container.vertical.scrollable.enabled:not(.overlapping){grid-template-columns:1fr auto}.ngvl__container.vertical .ngvl__scroller-wrapper.filtered,.ngvl__container.vertical .ngvl__scroller{overflow:unset}.ngvl__container .ngvl__scroller-wrapper,.ngvl__container .ngvl__scroller{display:block;position:relative;overflow:hidden;width:100%;height:100%}.ngvl__container .ngvl__list{position:absolute;list-style:none;padding:0;margin:0;width:100%;height:100%;opacity:0}.ngvl__container .ngvl__list.prepared{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: LocaleSensitiveDirective, selector: "[localeSensitive]", inputs: ["langTextDir", "listDir"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderScrollerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderScrollerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-prerender-scroller', providers: [
                         { provide: SCROLL_VIEW_INVERSION, useValue: false },
@@ -6123,27 +6209,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * NgPrerenderList
  * 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/21.x/projects/ng-virtual-list/src/lib/components/ng-prerender-container/components/ng-prerender-list/ng-prerender-list.component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-prerender-container/components/ng-prerender-list/ng-prerender-list.component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
 class NgPrerenderList {
     _listContainerRef;
-    enabled = input(false, ...(ngDevMode ? [{ debugName: "enabled" }] : []));
-    direction = input(DEFAULT_DIRECTION, ...(ngDevMode ? [{ debugName: "direction" }] : []));
-    isVertical = input(true, ...(ngDevMode ? [{ debugName: "isVertical" }] : []));
-    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : []));
-    startOffset = input(0, ...(ngDevMode ? [{ debugName: "startOffset" }] : []));
-    endOffset = input(0, ...(ngDevMode ? [{ debugName: "endOffset" }] : []));
-    bounds = input.required(...(ngDevMode ? [{ debugName: "bounds" }] : []));
-    dynamic = input(DEFAULT_DYNAMIC_SIZE, ...(ngDevMode ? [{ debugName: "dynamic" }] : []));
-    itemSize = input(DEFAULT_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "itemSize" }] : []));
-    trackBy = input(TRACK_BY_PROPERTY_NAME, ...(ngDevMode ? [{ debugName: "trackBy" }] : []));
-    divides = input(DEFAULT_DIVIDES, ...(ngDevMode ? [{ debugName: "divides" }] : []));
-    itemRenderer = input(...(ngDevMode ? [undefined, { debugName: "itemRenderer" }] : []));
-    itemComponentClass = input(NgPrerenderVirtualListItemComponent, ...(ngDevMode ? [{ debugName: "itemComponentClass" }] : []));
-    _items = signal(null, ...(ngDevMode ? [{ debugName: "_items" }] : []));
-    classes = signal({ prepared: true }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    enabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
+    direction = input(DEFAULT_DIRECTION, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+    isVertical = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isVertical" }] : /* istanbul ignore next */ []));
+    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : /* istanbul ignore next */ []));
+    startOffset = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startOffset" }] : /* istanbul ignore next */ []));
+    endOffset = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endOffset" }] : /* istanbul ignore next */ []));
+    bounds = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bounds" }] : /* istanbul ignore next */ []));
+    dynamic = input(DEFAULT_DYNAMIC_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dynamic" }] : /* istanbul ignore next */ []));
+    itemSize = input(DEFAULT_ITEM_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemSize" }] : /* istanbul ignore next */ []));
+    trackBy = input(TRACK_BY_PROPERTY_NAME, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trackBy" }] : /* istanbul ignore next */ []));
+    divides = input(DEFAULT_DIVIDES, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "divides" }] : /* istanbul ignore next */ []));
+    itemRenderer = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "itemRenderer" }] : /* istanbul ignore next */ []));
+    itemComponentClass = input(NgPrerenderVirtualListItemComponent, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemComponentClass" }] : /* istanbul ignore next */ []));
+    _items = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
+    classes = signal({ prepared: true }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     _$render = new Subject();
     $render = this._$render.asObservable();
     _$componentResize = new Subject();
@@ -6252,10 +6353,10 @@ class NgPrerenderList {
             this._trackBox = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.0", type: NgPrerenderList, isStandalone: false, selector: "ng-prerender-list", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, isVertical: { classPropertyName: "isVertical", publicName: "isVertical", isSignal: true, isRequired: false, transformFunction: null }, scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, startOffset: { classPropertyName: "startOffset", publicName: "startOffset", isSignal: true, isRequired: false, transformFunction: null }, endOffset: { classPropertyName: "endOffset", publicName: "endOffset", isSignal: true, isRequired: false, transformFunction: null }, bounds: { classPropertyName: "bounds", publicName: "bounds", isSignal: true, isRequired: true, transformFunction: null }, dynamic: { classPropertyName: "dynamic", publicName: "dynamic", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, divides: { classPropertyName: "divides", publicName: "divides", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: false, transformFunction: null }, itemComponentClass: { classPropertyName: "itemComponentClass", publicName: "itemComponentClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "position: relative;" }, viewQueries: [{ propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-prerender-scroller #scroller class=\"ngvl__list-scroller\" [classes]=\"classes()\" [direction]=\"direction()\"\r\n  [scrollbarEnabled]=\"scrollbarEnabled()\" [startOffset]=\"startOffset()\" [endOffset]=\"endOffset()\">\r\n  <ng-container #renderersContainer></ng-container>\r\n</ng-prerender-scroller>", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n", ":host{width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: NgPrerenderScrollerComponent, selector: "ng-prerender-scroller", inputs: ["scrollbarEnabled", "classes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderList, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.0", type: NgPrerenderList, isStandalone: false, selector: "ng-prerender-list", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, isVertical: { classPropertyName: "isVertical", publicName: "isVertical", isSignal: true, isRequired: false, transformFunction: null }, scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, startOffset: { classPropertyName: "startOffset", publicName: "startOffset", isSignal: true, isRequired: false, transformFunction: null }, endOffset: { classPropertyName: "endOffset", publicName: "endOffset", isSignal: true, isRequired: false, transformFunction: null }, bounds: { classPropertyName: "bounds", publicName: "bounds", isSignal: true, isRequired: true, transformFunction: null }, dynamic: { classPropertyName: "dynamic", publicName: "dynamic", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, divides: { classPropertyName: "divides", publicName: "divides", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: false, transformFunction: null }, itemComponentClass: { classPropertyName: "itemComponentClass", publicName: "itemComponentClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "position: relative;" }, viewQueries: [{ propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "<ng-prerender-scroller #scroller class=\"ngvl__list-scroller\" [classes]=\"classes()\" [direction]=\"direction()\"\r\n  [scrollbarEnabled]=\"scrollbarEnabled()\" [startOffset]=\"startOffset()\" [endOffset]=\"endOffset()\">\r\n  <ng-container #renderersContainer></ng-container>\r\n</ng-prerender-scroller>", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n", ":host{width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: NgPrerenderScrollerComponent, selector: "ng-prerender-scroller", inputs: ["scrollbarEnabled", "classes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderList, decorators: [{
             type: Component,
             args: [{ selector: 'ng-prerender-list', host: {
                         'style': 'position: relative;'
@@ -6269,24 +6370,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * NgPrerenderContainer
  * 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/21.x/projects/ng-virtual-list/src/lib/components/ng-prerender-container/ng-prerender-container.component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/components/ng-prerender-container/ng-prerender-container.component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
 class NgPrerenderContainer {
-    _list = viewChild('list', ...(ngDevMode ? [{ debugName: "_list" }] : []));
-    enabled = input(false, ...(ngDevMode ? [{ debugName: "enabled" }] : []));
-    direction = input(DEFAULT_DIRECTION, ...(ngDevMode ? [{ debugName: "direction" }] : []));
-    isVertical = input(true, ...(ngDevMode ? [{ debugName: "isVertical" }] : []));
-    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : []));
-    startOffset = input(0, ...(ngDevMode ? [{ debugName: "startOffset" }] : []));
-    endOffset = input(0, ...(ngDevMode ? [{ debugName: "endOffset" }] : []));
-    bounds = input.required(...(ngDevMode ? [{ debugName: "bounds" }] : []));
-    dynamic = input(DEFAULT_DYNAMIC_SIZE, ...(ngDevMode ? [{ debugName: "dynamic" }] : []));
-    itemSize = input(DEFAULT_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "itemSize" }] : []));
-    trackBy = input(TRACK_BY_PROPERTY_NAME, ...(ngDevMode ? [{ debugName: "trackBy" }] : []));
-    divides = input(DEFAULT_DIVIDES, ...(ngDevMode ? [{ debugName: "divides" }] : []));
-    itemRenderer = input(...(ngDevMode ? [undefined, { debugName: "itemRenderer" }] : []));
+    _list = viewChild('list', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_list" }] : /* istanbul ignore next */ []));
+    enabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
+    direction = input(DEFAULT_DIRECTION, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+    isVertical = input(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isVertical" }] : /* istanbul ignore next */ []));
+    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : /* istanbul ignore next */ []));
+    startOffset = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "startOffset" }] : /* istanbul ignore next */ []));
+    endOffset = input(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "endOffset" }] : /* istanbul ignore next */ []));
+    bounds = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bounds" }] : /* istanbul ignore next */ []));
+    dynamic = input(DEFAULT_DYNAMIC_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dynamic" }] : /* istanbul ignore next */ []));
+    itemSize = input(DEFAULT_ITEM_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "itemSize" }] : /* istanbul ignore next */ []));
+    trackBy = input(TRACK_BY_PROPERTY_NAME, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trackBy" }] : /* istanbul ignore next */ []));
+    divides = input(DEFAULT_DIVIDES, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "divides" }] : /* istanbul ignore next */ []));
+    itemRenderer = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "itemRenderer" }] : /* istanbul ignore next */ []));
     $render;
     get active() {
         return this._list()?.active ?? false;
@@ -6313,10 +6427,10 @@ class NgPrerenderContainer {
             list.off();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: NgPrerenderContainer, isStandalone: false, selector: "ng-prerender-container", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, isVertical: { classPropertyName: "isVertical", publicName: "isVertical", isSignal: true, isRequired: false, transformFunction: null }, scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, startOffset: { classPropertyName: "startOffset", publicName: "startOffset", isSignal: true, isRequired: false, transformFunction: null }, endOffset: { classPropertyName: "endOffset", publicName: "endOffset", isSignal: true, isRequired: false, transformFunction: null }, bounds: { classPropertyName: "bounds", publicName: "bounds", isSignal: true, isRequired: true, transformFunction: null }, dynamic: { classPropertyName: "dynamic", publicName: "dynamic", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, divides: { classPropertyName: "divides", publicName: "divides", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "position: relative;" }, viewQueries: [{ propertyName: "_list", first: true, predicate: ["list"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-prerender-list #list [bounds]=\"bounds()!\" [direction]=\"direction()\" [dynamic]=\"dynamic()\" [divides]=\"divides()\"\r\n  [isVertical]=\"isVertical()\" [itemSize]=\"itemSize()\" [trackBy]=\"trackBy()\" [itemRenderer]=\"itemRenderer()\"\r\n  [startOffset]=\"startOffset()\" [endOffset]=\"endOffset()\" [scrollbarEnabled]=\"scrollbarEnabled()\"\r\n  [enabled]=\"enabled()\" />", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n", ":host{visibility:hidden;height:0!important;width:0!important;overflow:hidden}\n"], dependencies: [{ kind: "component", type: NgPrerenderList, selector: "ng-prerender-list", inputs: ["enabled", "direction", "isVertical", "scrollbarEnabled", "startOffset", "endOffset", "bounds", "dynamic", "itemSize", "trackBy", "divides", "itemRenderer", "itemComponentClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.0", type: NgPrerenderContainer, isStandalone: false, selector: "ng-prerender-container", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, isVertical: { classPropertyName: "isVertical", publicName: "isVertical", isSignal: true, isRequired: false, transformFunction: null }, scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, startOffset: { classPropertyName: "startOffset", publicName: "startOffset", isSignal: true, isRequired: false, transformFunction: null }, endOffset: { classPropertyName: "endOffset", publicName: "endOffset", isSignal: true, isRequired: false, transformFunction: null }, bounds: { classPropertyName: "bounds", publicName: "bounds", isSignal: true, isRequired: true, transformFunction: null }, dynamic: { classPropertyName: "dynamic", publicName: "dynamic", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, divides: { classPropertyName: "divides", publicName: "divides", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "position: relative;" }, viewQueries: [{ propertyName: "_list", first: true, predicate: ["list"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-prerender-list #list [bounds]=\"bounds()!\" [direction]=\"direction()\" [dynamic]=\"dynamic()\" [divides]=\"divides()\"\r\n  [isVertical]=\"isVertical()\" [itemSize]=\"itemSize()\" [trackBy]=\"trackBy()\" [itemRenderer]=\"itemRenderer()\"\r\n  [startOffset]=\"startOffset()\" [endOffset]=\"endOffset()\" [scrollbarEnabled]=\"scrollbarEnabled()\"\r\n  [enabled]=\"enabled()\" />", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n", ":host{visibility:hidden;height:0!important;width:0!important;overflow:hidden}\n"], dependencies: [{ kind: "component", type: NgPrerenderList, selector: "ng-prerender-list", inputs: ["enabled", "direction", "isVertical", "scrollbarEnabled", "startOffset", "endOffset", "bounds", "dynamic", "itemSize", "trackBy", "divides", "itemRenderer", "itemComponentClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderContainer, decorators: [{
             type: Component,
             args: [{ selector: 'ng-prerender-container', host: {
                         'style': 'position: relative;'
@@ -6327,7 +6441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
  * 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/21.x/projects/ng-virtual-list/src/lib/ng-virtual-list.component.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/ng-virtual-list.component.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -6339,10 +6453,12 @@ class NgVirtualListComponent {
      */
     get id() { return this._id; }
     _service = inject(NgVirtualListService);
-    _prerender = viewChild('prerender', ...(ngDevMode ? [{ debugName: "_prerender" }] : []));
+    _prerender = viewChild('prerender', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_prerender" }] : /* istanbul ignore next */ []));
     _listContainerRef;
     _snapContainerRef;
-    _scrollerComponent = viewChild('scroller', ...(ngDevMode ? [{ debugName: "_scrollerComponent" }] : []));
+    _scrollerComponent = viewChild('scroller', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_scrollerComponent" }] : /* istanbul ignore next */ []));
     _scroller;
     _list;
     /**
@@ -6398,7 +6514,7 @@ class NgVirtualListComponent {
     /**
      * Scrollbar thickness.
      */
-    scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS, { ...(ngDevMode ? { debugName: "scrollbarThickness" } : {}), ...this._scrollbarThickness });
+    scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS, { ...(ngDevMode ? { debugName: "scrollbarThickness" } : /* istanbul ignore next */ {}), ...this._scrollbarThickness });
     _scrollbarMinSize = {
         transform: (v) => {
             const valid = validateInt(v);
@@ -6412,7 +6528,7 @@ class NgVirtualListComponent {
     /**
      * Minimum scrollbar size.
      */
-    scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE, { ...(ngDevMode ? { debugName: "scrollbarMinSize" } : {}), ...this._scrollbarMinSize });
+    scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE, { ...(ngDevMode ? { debugName: "scrollbarMinSize" } : /* istanbul ignore next */ {}), ...this._scrollbarMinSize });
     _scrollbarThumbRenderer = {
         transform: (v) => {
             const valid = validateObject(v, true, true);
@@ -6426,7 +6542,7 @@ class NgVirtualListComponent {
     /**
      * Scrollbar customization template.
      */
-    scrollbarThumbRenderer = input(null, { ...(ngDevMode ? { debugName: "scrollbarThumbRenderer" } : {}), ...this._scrollbarThumbRenderer });
+    scrollbarThumbRenderer = input(null, { ...(ngDevMode ? { debugName: "scrollbarThumbRenderer" } : /* istanbul ignore next */ {}), ...this._scrollbarThumbRenderer });
     _scrollbarThumbParams = {
         transform: (v) => {
             const valid = validateObject(v, true, true);
@@ -6440,7 +6556,7 @@ class NgVirtualListComponent {
     /**
      * Additional options for the scrollbar.
      */
-    scrollbarThumbParams = input({}, { ...(ngDevMode ? { debugName: "scrollbarThumbParams" } : {}), ...this._scrollbarThumbParams });
+    scrollbarThumbParams = input({}, { ...(ngDevMode ? { debugName: "scrollbarThumbParams" } : /* istanbul ignore next */ {}), ...this._scrollbarThumbParams });
     _loading = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6454,7 +6570,7 @@ class NgVirtualListComponent {
     /**
      * If `true`, the scrollBar goes into loading state. The default value is `false`.
      */
-    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), ...this._loading });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), ...this._loading });
     _waitForPreparation = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6468,7 +6584,7 @@ class NgVirtualListComponent {
     /**
      * If true, it will wait until the list items are fully prepared before displaying them.. The default value is `true`.
      */
-    waitForPreparation = input(DEFAULT_WAIT_FOR_PREPARATION, { ...(ngDevMode ? { debugName: "waitForPreparation" } : {}), ...this._waitForPreparation });
+    waitForPreparation = input(DEFAULT_WAIT_FOR_PREPARATION, { ...(ngDevMode ? { debugName: "waitForPreparation" } : /* istanbul ignore next */ {}), ...this._waitForPreparation });
     _clickDistance = {
         transform: (v) => {
             const valid = validateInt(v);
@@ -6482,7 +6598,7 @@ class NgVirtualListComponent {
     /**
      * The maximum scroll distance at which a click event is triggered.
      */
-    clickDistance = input(DEFAULT_CLICK_DISTANCE, { ...(ngDevMode ? { debugName: "clickDistance" } : {}), ...this._clickDistance });
+    clickDistance = input(DEFAULT_CLICK_DISTANCE, { ...(ngDevMode ? { debugName: "clickDistance" } : /* istanbul ignore next */ {}), ...this._clickDistance });
     _itemsOptions = {
         transform: (v) => {
             let valid = validateArray(v, true, true);
@@ -6511,7 +6627,7 @@ class NgVirtualListComponent {
     /**
      * Collection of list items.
      */
-    items = input.required({ ...(ngDevMode ? { debugName: "items" } : {}), ...this._itemsOptions });
+    items = input.required({ ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), ...this._itemsOptions });
     _selectedIdsOptions = {
         transform: (v) => {
             let valid = validateArray(v, true, true) || validateString(v, true, true) || validateFloat(v, true);
@@ -6533,11 +6649,12 @@ class NgVirtualListComponent {
             return v;
         },
     };
-    defaultItemValue = input(null, ...(ngDevMode ? [{ debugName: "defaultItemValue" }] : []));
+    defaultItemValue = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultItemValue" }] : /* istanbul ignore next */ []));
     /**
      * Sets the selected items.
      */
-    selectedIds = input(null, { ...(ngDevMode ? { debugName: "selectedIds" } : {}), ...this._selectedIdsOptions });
+    selectedIds = input(null, { ...(ngDevMode ? { debugName: "selectedIds" } : /* istanbul ignore next */ {}), ...this._selectedIdsOptions });
     _collapsedIdsOptions = {
         transform: (v) => {
             let valid = validateArray(v, true, true);
@@ -6562,7 +6679,7 @@ class NgVirtualListComponent {
     /**
      * Sets the collapsed items.
      */
-    collapsedIds = input([], { ...(ngDevMode ? { debugName: "collapsedIds" } : {}), ...this._collapsedIdsOptions });
+    collapsedIds = input([], { ...(ngDevMode ? { debugName: "collapsedIds" } : /* istanbul ignore next */ {}), ...this._collapsedIdsOptions });
     _selectByClickOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6577,7 +6694,7 @@ class NgVirtualListComponent {
      * If `false`, the element is selected using the api.select method passed to the template;
      * if `true`, the element is selected by clicking on it. The default value is `true`.
      */
-    selectByClick = input(DEFAULT_SELECT_BY_CLICK, { ...(ngDevMode ? { debugName: "selectByClick" } : {}), ...this._selectByClickOptions });
+    selectByClick = input(DEFAULT_SELECT_BY_CLICK, { ...(ngDevMode ? { debugName: "selectByClick" } : /* istanbul ignore next */ {}), ...this._selectByClickOptions });
     _collapseByClickOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6592,7 +6709,7 @@ class NgVirtualListComponent {
      * If `false`, the element is collapsed using the config.collapse method passed to the template;
      * if `true`, the element is collapsed by clicking on it. The default value is `true`.
      */
-    collapseByClick = input(DEFAULT_COLLAPSE_BY_CLICK, { ...(ngDevMode ? { debugName: "collapseByClick" } : {}), ...this._collapseByClickOptions });
+    collapseByClick = input(DEFAULT_COLLAPSE_BY_CLICK, { ...(ngDevMode ? { debugName: "collapseByClick" } : /* istanbul ignore next */ {}), ...this._collapseByClickOptions });
     _snapOptions = {
         transform: (v) => {
             throw Error(`Property snap is deprecated. Use the \`stickyEnabled\` property instead.`);
@@ -6602,7 +6719,7 @@ class NgVirtualListComponent {
      * @deprecated
      * Use the `stickyEnabled` property instead.
      */
-    snap = input(false, { ...(ngDevMode ? { debugName: "snap" } : {}), ...this._snapOptions });
+    snap = input(false, { ...(ngDevMode ? { debugName: "snap" } : /* istanbul ignore next */ {}), ...this._snapOptions });
     _stickyEnabledOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6616,7 +6733,7 @@ class NgVirtualListComponent {
     /**
      * Determines whether items with the given `sticky` in `itemConfigMap` will stick to the edges. Default value is "true".
      */
-    stickyEnabled = input(DEFAULT_STICKY_ENABLED, { ...(ngDevMode ? { debugName: "stickyEnabled" } : {}), ...this._stickyEnabledOptions });
+    stickyEnabled = input(DEFAULT_STICKY_ENABLED, { ...(ngDevMode ? { debugName: "stickyEnabled" } : /* istanbul ignore next */ {}), ...this._stickyEnabledOptions });
     _snapToEndTransitionInstantOffsetOptions = {
         transform: (v) => {
             const valid = validateFloat(v, true);
@@ -6630,7 +6747,7 @@ class NgVirtualListComponent {
     /**
      * Sets the offset value; if the scroll area value is exceeded, the scroll animation will be disabled. Default value is "0".
      */
-    snapToEndTransitionInstantOffset = input(DEFAULT_SNAP_TO_END_TRANSITION_INSTANT_OFFSET, { ...(ngDevMode ? { debugName: "snapToEndTransitionInstantOffset" } : {}), ...this._snapToEndTransitionInstantOffsetOptions });
+    snapToEndTransitionInstantOffset = input(DEFAULT_SNAP_TO_END_TRANSITION_INSTANT_OFFSET, { ...(ngDevMode ? { debugName: "snapToEndTransitionInstantOffset" } : /* istanbul ignore next */ {}), ...this._snapToEndTransitionInstantOffsetOptions });
     _scrollStartOffsetOptions = {
         transform: (v) => {
             const valid = validateFloat(v, true) || isPercentageValue(v);
@@ -6645,7 +6762,7 @@ class NgVirtualListComponent {
      * Sets the scroll start offset value. Can be specified in absolute or percentage values.
      * Supports arithmetic expressions of addition `50% + 25` or subtraction `50% - 25`. Default value is "0".
      */
-    scrollStartOffset = input(0, { ...(ngDevMode ? { debugName: "scrollStartOffset" } : {}), ...this._scrollStartOffsetOptions });
+    scrollStartOffset = input(0, { ...(ngDevMode ? { debugName: "scrollStartOffset" } : /* istanbul ignore next */ {}), ...this._scrollStartOffsetOptions });
     _scrollEndOffsetOptions = {
         transform: (v) => {
             const valid = validateFloat(v, true) || isPercentageValue(v);
@@ -6660,7 +6777,7 @@ class NgVirtualListComponent {
      * Sets the scroll end offset value. Can be specified in absolute or percentage values.
      * Supports arithmetic expressions of addition `50% + 25` or subtraction `50% - 25`. Default value is "0".
      */
-    scrollEndOffset = input(0, { ...(ngDevMode ? { debugName: "scrollEndOffset" } : {}), ...this._scrollEndOffsetOptions });
+    scrollEndOffset = input(0, { ...(ngDevMode ? { debugName: "scrollEndOffset" } : /* istanbul ignore next */ {}), ...this._scrollEndOffsetOptions });
     _snapScrollToStartOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -6681,7 +6798,7 @@ class NgVirtualListComponent {
      * If both snapScrollToStart and snapScrollToEnd are disabled, the list will never snap to the beginning or end.
      * In the `spreadingMode=SpreadingModes.INFINITY` mode, the `snapScrollToStart` property is automatically disabled, since the list has no beginning or end.
      */
-    snapScrollToStart = input(DEFAULT_SNAP_SCROLLTO_START, { ...(ngDevMode ? { debugName: "snapScrollToStart" } : {}), ...this._snapScrollToStartOptions });
+    snapScrollToStart = input(DEFAULT_SNAP_SCROLLTO_START, { ...(ngDevMode ? { debugName: "snapScrollToStart" } : /* istanbul ignore next */ {}), ...this._snapScrollToStartOptions });
     _snapScrollToEndOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -6701,7 +6818,7 @@ class NgVirtualListComponent {
      * If both snapScrollToStart and snapScrollToEnd are disabled, the list will never snap to the beginning or end.
      * In the `spreadingMode=SpreadingModes.INFINITY` mode, the `snapScrollToEnd` property is automatically disabled, since the list has no beginning or end.
      */
-    snapScrollToEnd = input(DEFAULT_SNAP_SCROLLTO_END, { ...(ngDevMode ? { debugName: "snapScrollToEnd" } : {}), ...this._snapScrollToEndOptions });
+    snapScrollToEnd = input(DEFAULT_SNAP_SCROLLTO_END, { ...(ngDevMode ? { debugName: "snapScrollToEnd" } : /* istanbul ignore next */ {}), ...this._snapScrollToEndOptions });
     _snapScrollToBottomOptions = {
         transform: () => {
             throw Error('The stopSnappingScrollToEnd property is deprecated. Use the snapScrollToEnd property.');
@@ -6711,7 +6828,7 @@ class NgVirtualListComponent {
      * @deprecated
      * The stopSnappingScrollToEnd property is deprecated. Use the snapScrollToEnd property.
      */
-    snapScrollToBottom = input('deprecated', { ...(ngDevMode ? { debugName: "snapScrollToBottom" } : {}), ...this._snapScrollToBottomOptions });
+    snapScrollToBottom = input('deprecated', { ...(ngDevMode ? { debugName: "snapScrollToBottom" } : /* istanbul ignore next */ {}), ...this._snapScrollToBottomOptions });
     _scrollbarEnabledOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -6725,7 +6842,7 @@ class NgVirtualListComponent {
     /**
      * Determines whether the scrollbar is shown or not. The default value is "true".
      */
-    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, { ...(ngDevMode ? { debugName: "scrollbarEnabled" } : {}), ...this._scrollbarEnabledOptions });
+    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, { ...(ngDevMode ? { debugName: "scrollbarEnabled" } : /* istanbul ignore next */ {}), ...this._scrollbarEnabledOptions });
     _scrollbarInteractiveOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -6739,7 +6856,7 @@ class NgVirtualListComponent {
     /**
      * Determines whether scrolling using the scrollbar will be possible. The default value is "true".
      */
-    scrollbarInteractive = input(DEFAULT_SCROLLBAR_INTERACTIVE, { ...(ngDevMode ? { debugName: "scrollbarInteractive" } : {}), ...this._scrollbarInteractiveOptions });
+    scrollbarInteractive = input(DEFAULT_SCROLLBAR_INTERACTIVE, { ...(ngDevMode ? { debugName: "scrollbarInteractive" } : /* istanbul ignore next */ {}), ...this._scrollbarInteractiveOptions });
     _overlappingScrollbarOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -6753,7 +6870,7 @@ class NgVirtualListComponent {
     /**
      * Determines whether the scroll bar will overlap the list. The default value is "false".
      */
-    overlappingScrollbar = input(DEFAULT_OVERLAPPING_SCROLLBAR, { ...(ngDevMode ? { debugName: "overlappingScrollbar" } : {}), ...this._overlappingScrollbarOptions });
+    overlappingScrollbar = input(DEFAULT_OVERLAPPING_SCROLLBAR, { ...(ngDevMode ? { debugName: "overlappingScrollbar" } : /* istanbul ignore next */ {}), ...this._overlappingScrollbarOptions });
     _scrollBehaviorOptions = {
         transform: (v) => {
             const valid = validateString(v, true, true);
@@ -6767,7 +6884,7 @@ class NgVirtualListComponent {
     /**
      * Defines the scrolling behavior for any element on the page. The default value is "smooth".
      */
-    scrollBehavior = input(DEFAULT_SCROLL_BEHAVIOR, { ...(ngDevMode ? { debugName: "scrollBehavior" } : {}), ...this._scrollBehaviorOptions });
+    scrollBehavior = input(DEFAULT_SCROLL_BEHAVIOR, { ...(ngDevMode ? { debugName: "scrollBehavior" } : /* istanbul ignore next */ {}), ...this._scrollBehaviorOptions });
     _scrollingSettingsOptions = {
         transform: (v) => {
             let valid = validateObject(v, true, true);
@@ -6827,7 +6944,7 @@ class NgVirtualListComponent {
      * - speedScale - Speed scale. Default value is 10.
      * - optimization - Enables scrolling performance optimization. Default value is `true`.
      */
-    scrollingSettings = input(DEFAULT_SCROLLING_SETTINGS, { ...(ngDevMode ? { debugName: "scrollingSettings" } : {}), ...this._scrollingSettingsOptions });
+    scrollingSettings = input(DEFAULT_SCROLLING_SETTINGS, { ...(ngDevMode ? { debugName: "scrollingSettings" } : /* istanbul ignore next */ {}), ...this._scrollingSettingsOptions });
     _itemTransformOptions = {
         transform: (v) => {
             let valid = validateFunction(v, true, true);
@@ -6841,7 +6958,7 @@ class NgVirtualListComponent {
     /**
      * Custom transformation of element's position, rotation, scale, opacity and zIndex. The default value is `null`.
      */
-    itemTransform = input(null, { ...(ngDevMode ? { debugName: "itemTransform" } : {}), ...this._itemTransformOptions });
+    itemTransform = input(null, { ...(ngDevMode ? { debugName: "itemTransform" } : /* istanbul ignore next */ {}), ...this._itemTransformOptions });
     _snapToItemOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6855,7 +6972,7 @@ class NgVirtualListComponent {
     /**
      * Snap to an item. The default value is `false`.
      */
-    snapToItem = input(DEFAULT_SNAP_TO_ITEM, { ...(ngDevMode ? { debugName: "snapToItem" } : {}), ...this._snapToItemOptions });
+    snapToItem = input(DEFAULT_SNAP_TO_ITEM, { ...(ngDevMode ? { debugName: "snapToItem" } : /* istanbul ignore next */ {}), ...this._snapToItemOptions });
     _snapToItemAlignOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'start' || v === 'center' || v === 'end');
@@ -6869,7 +6986,7 @@ class NgVirtualListComponent {
     /**
      * Alignment for snapToItem. Available values ​​are `start`, `center`, and `end`. The default value is `center`.
      */
-    snapToItemAlign = input(DEFAULT_SNAP_TO_ITEM_ALIGN, { ...(ngDevMode ? { debugName: "snapToItemAlign" } : {}), ...this._snapToItemAlignOptions });
+    snapToItemAlign = input(DEFAULT_SNAP_TO_ITEM_ALIGN, { ...(ngDevMode ? { debugName: "snapToItemAlign" } : /* istanbul ignore next */ {}), ...this._snapToItemAlignOptions });
     _snappingDistanceOptions = {
         transform: (v) => {
             const valid = validateString(v) || validateFloat(v);
@@ -6884,7 +7001,7 @@ class NgVirtualListComponent {
      * Snapping activation distance. Can be specified as a percentage of the element size or in absolute values.
      * The default value is `25%`.
      */
-    snappingDistance = input(DEFAULT_SNAPPING_DISTANCE, { ...(ngDevMode ? { debugName: "snappingDistance" } : {}), ...this._snappingDistanceOptions });
+    snappingDistance = input(DEFAULT_SNAPPING_DISTANCE, { ...(ngDevMode ? { debugName: "snappingDistance" } : /* istanbul ignore next */ {}), ...this._snappingDistanceOptions });
     _scrollingOneByOneOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6898,7 +7015,7 @@ class NgVirtualListComponent {
     /**
      * Specifies whether to scroll one item at a time if true and the scrollToItem property is set. The default value is `false`.
      */
-    scrollingOneByOne = input(DEFAULT_SCROLLING_ONE_BY_ONE, { ...(ngDevMode ? { debugName: "scrollingOneByOne" } : {}), ...this._scrollingOneByOneOptions });
+    scrollingOneByOne = input(DEFAULT_SCROLLING_ONE_BY_ONE, { ...(ngDevMode ? { debugName: "scrollingOneByOne" } : /* istanbul ignore next */ {}), ...this._scrollingOneByOneOptions });
     _alignmentOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'none' || v === 'center');
@@ -6913,7 +7030,7 @@ class NgVirtualListComponent {
      * Determines the alignment of the list. Two modes are available: `none` and `center`. The `center` mode aligns the list items to the center of the viewport, ideal for use with the `itemTransform` property.
      * The `none` mode means no alignment. The default value is `none`.
      */
-    alignment = input(DEFAULT_ALIGNMENT, { ...(ngDevMode ? { debugName: "alignment" } : {}), ...this._alignmentOptions });
+    alignment = input(DEFAULT_ALIGNMENT, { ...(ngDevMode ? { debugName: "alignment" } : /* istanbul ignore next */ {}), ...this._alignmentOptions });
     _zIndexWhenSelectingOptions = {
         transform: (v) => {
             const valid = validateString(v, true, true);
@@ -6927,7 +7044,7 @@ class NgVirtualListComponent {
     /**
      * Defines the zIndex when a list item is selected. The default value is `null`.
      */
-    zIndexWhenSelecting = input(DEFAULT_ZINDEX_WHEN_SELECTING, { ...(ngDevMode ? { debugName: "zIndexWhenSelecting" } : {}), ...this._zIndexWhenSelectingOptions });
+    zIndexWhenSelecting = input(DEFAULT_ZINDEX_WHEN_SELECTING, { ...(ngDevMode ? { debugName: "zIndexWhenSelecting" } : /* istanbul ignore next */ {}), ...this._zIndexWhenSelectingOptions });
     _spreadingModeOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'normal' || v === 'infinity');
@@ -6945,7 +7062,7 @@ class NgVirtualListComponent {
      * When set to `infinity`, the `alignment` property is forced to the value `Alignments.CENTER`, the `scrollbarEnabled` property is forced to the `false`
      * The default value is `standard`.
      */
-    spreadingMode = input(DEFAULT_SPREADING_MODE, { ...(ngDevMode ? { debugName: "spreadingMode" } : {}), ...this._spreadingModeOptions });
+    spreadingMode = input(DEFAULT_SPREADING_MODE, { ...(ngDevMode ? { debugName: "spreadingMode" } : /* istanbul ignore next */ {}), ...this._spreadingModeOptions });
     _dividesOptions = {
         transform: (v) => {
             const valid = validateFloat(v);
@@ -6959,7 +7076,7 @@ class NgVirtualListComponent {
     /**
      * Column or row numbers. The default value is `1`.
      */
-    divides = input(DEFAULT_DIVIDES, { ...(ngDevMode ? { debugName: "divides" } : {}), ...this._dividesOptions });
+    divides = input(DEFAULT_DIVIDES, { ...(ngDevMode ? { debugName: "divides" } : /* istanbul ignore next */ {}), ...this._dividesOptions });
     _motionBlurOptions = {
         transform: (v) => {
             const valid = validateFloat(v);
@@ -6973,7 +7090,7 @@ class NgVirtualListComponent {
     /**
      * Motion blur effect. The default value is `0.15`.
      */
-    motionBlur = input(DEFAULT_MOTION_BLUR, { ...(ngDevMode ? { debugName: "motionBlur" } : {}), ...this._motionBlurOptions });
+    motionBlur = input(DEFAULT_MOTION_BLUR, { ...(ngDevMode ? { debugName: "motionBlur" } : /* istanbul ignore next */ {}), ...this._motionBlurOptions });
     _maxMotionBlurOptions = {
         transform: (v) => {
             const valid = validateFloat(v);
@@ -6987,7 +7104,7 @@ class NgVirtualListComponent {
     /**
      * Maximum motion blur effect. The default value is `0.5`.
      */
-    maxMotionBlur = input(DEFAULT_MAX_MOTION_BLUR, { ...(ngDevMode ? { debugName: "maxMotionBlur" } : {}), ...this._maxMotionBlurOptions });
+    maxMotionBlur = input(DEFAULT_MAX_MOTION_BLUR, { ...(ngDevMode ? { debugName: "maxMotionBlur" } : /* istanbul ignore next */ {}), ...this._maxMotionBlurOptions });
     _motionBlurEnabledOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -7001,7 +7118,7 @@ class NgVirtualListComponent {
     /**
      * Determines whether to apply motion blur or not. The default value is `false`.
      */
-    motionBlurEnabled = input(DEFAULT_MOTION_BLUR_ENABLED, { ...(ngDevMode ? { debugName: "motionBlurEnabled" } : {}), ...this._motionBlurEnabledOptions });
+    motionBlurEnabled = input(DEFAULT_MOTION_BLUR_ENABLED, { ...(ngDevMode ? { debugName: "motionBlurEnabled" } : /* istanbul ignore next */ {}), ...this._motionBlurEnabledOptions });
     _animationParamsOptions = {
         transform: (v) => {
             const valid = validateObject(v, true, true);
@@ -7031,7 +7148,7 @@ class NgVirtualListComponent {
     /**
      * Animation parameters. The default value is "{ scrollToItem: 50, snapToItem: 150, navigateToItem: 150, navigateByKeyboard: 50 }".
      */
-    animationParams = input(DEFAULT_ANIMATION_PARAMS, { ...(ngDevMode ? { debugName: "animationParams" } : {}), ...this._animationParamsOptions });
+    animationParams = input(DEFAULT_ANIMATION_PARAMS, { ...(ngDevMode ? { debugName: "animationParams" } : /* istanbul ignore next */ {}), ...this._animationParamsOptions });
     _overscrollEnabledOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -7045,7 +7162,7 @@ class NgVirtualListComponent {
     /**
      * Determines whether the overscroll (re-scroll) feature will work. The default value is "true".
      */
-    overscrollEnabled = input(DEFAULT_OVERSCROLL_ENABLED, { ...(ngDevMode ? { debugName: "overscrollEnabled" } : {}), ...this._overscrollEnabledOptions });
+    overscrollEnabled = input(DEFAULT_OVERSCROLL_ENABLED, { ...(ngDevMode ? { debugName: "overscrollEnabled" } : /* istanbul ignore next */ {}), ...this._overscrollEnabledOptions });
     _enabledBufferOptimizationOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -7062,7 +7179,7 @@ class NgVirtualListComponent {
      * 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
      */
-    enabledBufferOptimization = input(DEFAULT_ENABLED_BUFFER_OPTIMIZATION, { ...(ngDevMode ? { debugName: "enabledBufferOptimization" } : {}), ...this._enabledBufferOptimizationOptions });
+    enabledBufferOptimization = input(DEFAULT_ENABLED_BUFFER_OPTIMIZATION, { ...(ngDevMode ? { debugName: "enabledBufferOptimization" } : /* istanbul ignore next */ {}), ...this._enabledBufferOptimizationOptions });
     _itemRendererOptions = {
         transform: (v) => {
             let valid = validateObject(v);
@@ -7078,8 +7195,9 @@ class NgVirtualListComponent {
     /**
      * Rendering element template.
      */
-    itemRenderer = input.required({ ...(ngDevMode ? { debugName: "itemRenderer" } : {}), ...this._itemRendererOptions });
-    _itemRenderer = signal(undefined, ...(ngDevMode ? [{ debugName: "_itemRenderer" }] : []));
+    itemRenderer = input.required({ ...(ngDevMode ? { debugName: "itemRenderer" } : /* istanbul ignore next */ {}), ...this._itemRendererOptions });
+    _itemRenderer = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_itemRenderer" }] : /* istanbul ignore next */ []));
     _itemConfigMapOptions = {
         transform: (v) => {
             let valid = validateObject(v);
@@ -7112,11 +7230,11 @@ class NgVirtualListComponent {
      * `collapsable` determines whether an element with a `sticky` property greater than zero can collapse and
      *  collapse elements in front that do not have a `sticky` property.
      * `fullSize` determines the size of an element when rendering lists with cell divisions. If sticky is 1 or 2, fullSize automatically becomes true. The default value is false.
-     * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/models/item-config-map.model.ts
+     * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/models/item-config-map.model.ts
      * @author Evgenii Alexandrovich Grebennikov
      * @email djonnyx@gmail.com
      */
-    itemConfigMap = input({}, { ...(ngDevMode ? { debugName: "itemConfigMap" } : {}), ...this._itemConfigMapOptions });
+    itemConfigMap = input({}, { ...(ngDevMode ? { debugName: "itemConfigMap" } : /* istanbul ignore next */ {}), ...this._itemConfigMapOptions });
     _itemSizeOptions = {
         transform: (v) => {
             const valid = validateFloat(v) || v === VIEWPORT;
@@ -7133,7 +7251,7 @@ class NgVirtualListComponent {
      * to adjust the sizes of the items in the unallocated area.
      * If the value is 'viewport', the sizes of elements are automatically resized to fit the viewport size.
      */
-    itemSize = input(DEFAULT_ITEM_SIZE, { ...(ngDevMode ? { debugName: "itemSize" } : {}), ...this._itemSizeOptions });
+    itemSize = input(DEFAULT_ITEM_SIZE, { ...(ngDevMode ? { debugName: "itemSize" } : /* istanbul ignore next */ {}), ...this._itemSizeOptions });
     _minItemSizeOptions = {
         transform: (v) => {
             const valid = validateFloat(v) || v === VIEWPORT;
@@ -7148,7 +7266,7 @@ class NgVirtualListComponent {
      * If the `dynamicSize` property is enabled, the minimum size of the element is set.
      * If the value is 'viewport', the sizes of elements are automatically resized to fit the viewport size.
      */
-    minItemSize = input(DEFAULT_MIN_ITEM_SIZE, { ...(ngDevMode ? { debugName: "minItemSize" } : {}), ...this._minItemSizeOptions });
+    minItemSize = input(DEFAULT_MIN_ITEM_SIZE, { ...(ngDevMode ? { debugName: "minItemSize" } : /* istanbul ignore next */ {}), ...this._minItemSizeOptions });
     _maxItemSizeOptions = {
         transform: (v) => {
             const valid = validateFloat(v) || v === VIEWPORT;
@@ -7163,7 +7281,7 @@ class NgVirtualListComponent {
      * If the `dynamicSize` property is enabled, the maximum size of the element is set.
      * If the value is 'viewport', the sizes of elements are automatically resized to fit the viewport size.
      */
-    maxItemSize = input(DEFAULT_MAX_ITEM_SIZE, { ...(ngDevMode ? { debugName: "maxItemSize" } : {}), ...this._maxItemSizeOptions });
+    maxItemSize = input(DEFAULT_MAX_ITEM_SIZE, { ...(ngDevMode ? { debugName: "maxItemSize" } : /* istanbul ignore next */ {}), ...this._maxItemSizeOptions });
     _dynamicSizeOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -7179,7 +7297,7 @@ class NgVirtualListComponent {
      * the sizes of items in the unallocated area.
      * If false then the items in the list have a fixed size specified by the itemSize property. The default value is true.
      */
-    dynamicSize = input(DEFAULT_DYNAMIC_SIZE, { ...(ngDevMode ? { debugName: "dynamicSize" } : {}), ...this._dynamicSizeOptions });
+    dynamicSize = input(DEFAULT_DYNAMIC_SIZE, { ...(ngDevMode ? { debugName: "dynamicSize" } : /* istanbul ignore next */ {}), ...this._dynamicSizeOptions });
     _directionOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'horizontal' || v === 'vertical');
@@ -7193,7 +7311,7 @@ class NgVirtualListComponent {
     /**
      * Determines the direction in which elements are placed. Default value is "vertical".
      */
-    direction = input(DEFAULT_DIRECTION, { ...(ngDevMode ? { debugName: "direction" } : {}), ...this._directionOptions });
+    direction = input(DEFAULT_DIRECTION, { ...(ngDevMode ? { debugName: "direction" } : /* istanbul ignore next */ {}), ...this._directionOptions });
     _collectionModeOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'normal' || v === 'lazy');
@@ -7207,7 +7325,7 @@ class NgVirtualListComponent {
     /**
      * Determines the action modes for collection elements. Default value is "normal".
      */
-    collectionMode = input(DEFAULT_COLLECTION_MODE, { ...(ngDevMode ? { debugName: "collectionMode" } : {}), ...this._collectionModeOptions });
+    collectionMode = input(DEFAULT_COLLECTION_MODE, { ...(ngDevMode ? { debugName: "collectionMode" } : /* istanbul ignore next */ {}), ...this._collectionModeOptions });
     _bufferSizeOptions = {
         transform: (v) => {
             const valid = validateInt(v);
@@ -7221,7 +7339,7 @@ class NgVirtualListComponent {
     /**
      * Number of elements outside the scope of visibility. Default value is 2.
      */
-    bufferSize = input(DEFAULT_BUFFER_SIZE, { ...(ngDevMode ? { debugName: "bufferSize" } : {}), ...this._bufferSizeOptions });
+    bufferSize = input(DEFAULT_BUFFER_SIZE, { ...(ngDevMode ? { debugName: "bufferSize" } : /* istanbul ignore next */ {}), ...this._bufferSizeOptions });
     _maxBufferSizeTransform = {
         transform: (v) => {
             let val = v;
@@ -7242,7 +7360,7 @@ class NgVirtualListComponent {
      * 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.
      */
-    maxBufferSize = input(DEFAULT_MAX_BUFFER_SIZE, { ...(ngDevMode ? { debugName: "maxBufferSize" } : {}), ...this._maxBufferSizeTransform });
+    maxBufferSize = input(DEFAULT_MAX_BUFFER_SIZE, { ...(ngDevMode ? { debugName: "maxBufferSize" } : /* istanbul ignore next */ {}), ...this._maxBufferSizeTransform });
     _snappingMethodOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === SnappingMethods.ADVANCED || v === SnappingMethods.STANDART);
@@ -7258,7 +7376,7 @@ class NgVirtualListComponent {
      * 'standart' - Classic group visualization.
      * 'advanced' - A mask is applied to the viewport area so that the background is displayed underneath the attached group.
      */
-    snappingMethod = input(DEFAULT_SNAPPING_METHOD, { ...(ngDevMode ? { debugName: "snappingMethod" } : {}), ...this._snappingMethodOptions });
+    snappingMethod = input(DEFAULT_SNAPPING_METHOD, { ...(ngDevMode ? { debugName: "snappingMethod" } : /* istanbul ignore next */ {}), ...this._snappingMethodOptions });
     _collapsingModeOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === CollapsingModes.NONE || v === CollapsingModes.MULTI_COLLAPSE || v === CollapsingModes.ACCORDION);
@@ -7276,7 +7394,7 @@ class NgVirtualListComponent {
      * 'accordion' - Accordion collapsible list items.
      * Default value is `multi-collapse
      */
-    collapsingMode = input(DEFAULT_COLLAPSING_MODES, { ...(ngDevMode ? { debugName: "collapsingMode" } : {}), ...this._collapsingModeOptions });
+    collapsingMode = input(DEFAULT_COLLAPSING_MODES, { ...(ngDevMode ? { debugName: "collapsingMode" } : /* istanbul ignore next */ {}), ...this._collapsingModeOptions });
     _methodForSelectingOptions = {
         transform: (v) => {
             throw new Error('The "methodForSelecting" property is deprecated. Use the "selectMode" property instead.');
@@ -7286,7 +7404,7 @@ class NgVirtualListComponent {
      * @deprecated
      * The "methodForSelecting" property is deprecated. Use the "selectMode" property.
      */
-    methodForSelecting = input(DEFAULT_SELECTING_MODES, { ...(ngDevMode ? { debugName: "methodForSelecting" } : {}), ...this._methodForSelectingOptions });
+    methodForSelecting = input(DEFAULT_SELECTING_MODES, { ...(ngDevMode ? { debugName: "methodForSelecting" } : /* istanbul ignore next */ {}), ...this._methodForSelectingOptions });
     _selectingModeOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'none' || v === 'select' || v === 'multi-select');
@@ -7303,7 +7421,7 @@ class NgVirtualListComponent {
      * 'multi-select' - Multiple selection of list items.
      * 'none' - List items are not selectable.
      */
-    selectingMode = input(DEFAULT_SELECTING_MODES, { ...(ngDevMode ? { debugName: "selectingMode" } : {}), ...this._selectingModeOptions });
+    selectingMode = input(DEFAULT_SELECTING_MODES, { ...(ngDevMode ? { debugName: "selectingMode" } : /* istanbul ignore next */ {}), ...this._selectingModeOptions });
     _trackByOptions = {
         transform: (v) => {
             const valid = validateString(v);
@@ -7317,7 +7435,7 @@ class NgVirtualListComponent {
     /**
      * The name of the property by which tracking is performed
      */
-    trackBy = input(TRACK_BY_PROPERTY_NAME, { ...(ngDevMode ? { debugName: "trackBy" } : {}), ...this._trackByOptions });
+    trackBy = input(TRACK_BY_PROPERTY_NAME, { ...(ngDevMode ? { debugName: "trackBy" } : /* istanbul ignore next */ {}), ...this._trackByOptions });
     _screenReaderMessageOptions = {
         transform: (v) => {
             const valid = validateString(v);
@@ -7334,8 +7452,9 @@ class NgVirtualListComponent {
      * where $1 is the number of the first element of the screen collection,
      * $2 is the number of the last element of the screen collection.
      */
-    screenReaderMessage = input(DEFAULT_SCREEN_READER_MESSAGE, { ...(ngDevMode ? { debugName: "screenReaderMessage" } : {}), ...this._screenReaderMessageOptions });
-    screenReaderFormattedMessage = signal(this.screenReaderMessage(), ...(ngDevMode ? [{ debugName: "screenReaderFormattedMessage" }] : []));
+    screenReaderMessage = input(DEFAULT_SCREEN_READER_MESSAGE, { ...(ngDevMode ? { debugName: "screenReaderMessage" } : /* istanbul ignore next */ {}), ...this._screenReaderMessageOptions });
+    screenReaderFormattedMessage = signal(this.screenReaderMessage(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "screenReaderFormattedMessage" }] : /* istanbul ignore next */ []));
     _langTextDir = {
         transform: (v) => {
             const valid = validateString(v);
@@ -7350,7 +7469,7 @@ class NgVirtualListComponent {
      * A string indicating the direction of text for the locale.
      * Can be either "ltr" (left-to-right) or "rtl" (right-to-left).
      */
-    langTextDir = input(DEFAULT_LANG_TEXT_DIR, { ...(ngDevMode ? { debugName: "langTextDir" } : {}), ...this._langTextDir });
+    langTextDir = input(DEFAULT_LANG_TEXT_DIR, { ...(ngDevMode ? { debugName: "langTextDir" } : /* istanbul ignore next */ {}), ...this._langTextDir });
     _isSingleSelection = this.getIsSingleSelection();
     _isMultiSelection = this.getIsMultiSelection();
     _isMultipleCollapse = this.getIsMultipleCollapse();
@@ -7361,36 +7480,54 @@ class NgVirtualListComponent {
     get isVertical() {
         return this._isVertical;
     }
-    focusedElement = signal(null, ...(ngDevMode ? [{ debugName: "focusedElement" }] : []));
-    classes = signal({}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
-    _actualItems = signal([], ...(ngDevMode ? [{ debugName: "_actualItems" }] : []));
-    _collapsedItemIds = signal([], ...(ngDevMode ? [{ debugName: "_collapsedItemIds" }] : []));
+    focusedElement = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "focusedElement" }] : /* istanbul ignore next */ []));
+    classes = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    _actualItems = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_actualItems" }] : /* istanbul ignore next */ []));
+    _collapsedItemIds = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_collapsedItemIds" }] : /* istanbul ignore next */ []));
     _displayComponents = [];
     _snappedDisplayComponents = [];
-    _bounds = signal(null, ...(ngDevMode ? [{ debugName: "_bounds" }] : []));
+    _bounds = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_bounds" }] : /* istanbul ignore next */ []));
     get bounds() { return this._bounds; }
     _actualScrollbarEnabled;
     _actualAlignment;
     get actualAlignment() { return this._actualAlignment; }
-    _actualItemSize = signal(DEFAULT_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "_actualItemSize" }] : []));
+    _actualItemSize = signal(DEFAULT_ITEM_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_actualItemSize" }] : /* istanbul ignore next */ []));
     get actualItemSize() { return this._actualItemSize; }
-    _actualMinItemSize = signal(DEFAULT_MIN_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "_actualMinItemSize" }] : []));
+    _actualMinItemSize = signal(DEFAULT_MIN_ITEM_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_actualMinItemSize" }] : /* istanbul ignore next */ []));
     get actualMinItemSize() { return this._actualMinItemSize; }
-    _actualMaxItemSize = signal(DEFAULT_MAX_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "_actualMaxItemSize" }] : []));
+    _actualMaxItemSize = signal(DEFAULT_MAX_ITEM_SIZE, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_actualMaxItemSize" }] : /* istanbul ignore next */ []));
     get actualMaxItemSize() { return this._actualMaxItemSize; }
-    _totalSize = signal(0, ...(ngDevMode ? [{ debugName: "_totalSize" }] : []));
-    _listBounds = signal(null, ...(ngDevMode ? [{ debugName: "_listBounds" }] : []));
+    _totalSize = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_totalSize" }] : /* istanbul ignore next */ []));
+    _listBounds = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_listBounds" }] : /* istanbul ignore next */ []));
     _$scrollSize = new BehaviorSubject(0);
-    _isScrollStart = signal(true, ...(ngDevMode ? [{ debugName: "_isScrollStart" }] : []));
-    _isScrollEnd = signal(false, ...(ngDevMode ? [{ debugName: "_isScrollEnd" }] : []));
-    _precalculatedScrollStartOffset = signal(0, ...(ngDevMode ? [{ debugName: "_precalculatedScrollStartOffset" }] : []));
-    _precalculatedScrollEndOffset = signal(0, ...(ngDevMode ? [{ debugName: "_precalculatedScrollEndOffset" }] : []));
-    _actualScrollStartOffset = signal(0, ...(ngDevMode ? [{ debugName: "_actualScrollStartOffset" }] : []));
-    _actualScrollEndOffset = signal(0, ...(ngDevMode ? [{ debugName: "_actualScrollEndOffset" }] : []));
+    _isScrollStart = signal(true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isScrollStart" }] : /* istanbul ignore next */ []));
+    _isScrollEnd = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_isScrollEnd" }] : /* istanbul ignore next */ []));
+    _precalculatedScrollStartOffset = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_precalculatedScrollStartOffset" }] : /* istanbul ignore next */ []));
+    _precalculatedScrollEndOffset = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_precalculatedScrollEndOffset" }] : /* istanbul ignore next */ []));
+    _actualScrollStartOffset = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_actualScrollStartOffset" }] : /* istanbul ignore next */ []));
+    _actualScrollEndOffset = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_actualScrollEndOffset" }] : /* istanbul ignore next */ []));
     _actualSnapScrollToStart;
     _actualSnapScrollToEnd;
-    _alignmentScrollStartOffset = signal(0, ...(ngDevMode ? [{ debugName: "_alignmentScrollStartOffset" }] : []));
-    _alignmentScrollEndOffset = signal(0, ...(ngDevMode ? [{ debugName: "_alignmentScrollEndOffset" }] : []));
+    _alignmentScrollStartOffset = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_alignmentScrollStartOffset" }] : /* istanbul ignore next */ []));
+    _alignmentScrollEndOffset = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_alignmentScrollEndOffset" }] : /* istanbul ignore next */ []));
     _resizeSnappedComponentHandler = () => {
         const list = this._list(), scroller = this._scroller(), bounds = this._bounds(), snappedComponents = this._snappedDisplayComponents;
         if (!!list && !!scroller && snappedComponents.length > 0) {
@@ -7529,7 +7666,8 @@ class NgVirtualListComponent {
         this._isInfinity = computed(() => {
             const mode = this.spreadingMode();
             return isSpreadingMode(mode, SpreadingModes.INFINITY);
-        }, ...(ngDevMode ? [{ debugName: "_isInfinity" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_isInfinity" }] : /* istanbul ignore next */ []));
         const $isInfinity = toObservable(this._isInfinity);
         $isInfinity.pipe(takeUntilDestroyed(), tap(v => {
             this._trackBox.isInfinity = this._service.isInfinity = v;
@@ -7608,10 +7746,12 @@ class NgVirtualListComponent {
         const $actualItemSize = toObservable(this._actualItemSize), $actualItems = toObservable(this._actualItems).pipe(takeUntilDestroyed(), distinctUntilChanged());
         this._scroller = computed(() => {
             return this._scrollerComponent()?.scrollViewport();
-        }, ...(ngDevMode ? [{ debugName: "_scroller" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_scroller" }] : /* istanbul ignore next */ []));
         this._list = computed(() => {
             return this._scrollerComponent()?.scrollContent();
-        }, ...(ngDevMode ? [{ debugName: "_list" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_list" }] : /* istanbul ignore next */ []));
         this._service.$focusItem.pipe(takeUntilDestroyed(this._destroyRef), tap(params => {
             const { element, position, align, behavior } = params;
             this.focusItem(element, position, align, behavior);
@@ -7690,11 +7830,13 @@ class NgVirtualListComponent {
         this._actualSnapScrollToStart = computed(() => {
             const snapScrollToStart = this.snapScrollToStart(), spreadingMode = this.spreadingMode(), isInfinity = isSpreadingMode(spreadingMode, SpreadingModes.INFINITY);
             return isInfinity ? false : snapScrollToStart;
-        }, ...(ngDevMode ? [{ debugName: "_actualSnapScrollToStart" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_actualSnapScrollToStart" }] : /* istanbul ignore next */ []));
         this._actualSnapScrollToEnd = computed(() => {
             const snapScrollToEnd = this.snapScrollToEnd(), spreadingMode = this.spreadingMode(), isInfinity = isSpreadingMode(spreadingMode, SpreadingModes.INFINITY);
             return isInfinity ? false : snapScrollToEnd;
-        }, ...(ngDevMode ? [{ debugName: "_actualSnapScrollToEnd" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_actualSnapScrollToEnd" }] : /* istanbul ignore next */ []));
         const $viewInit = this.$viewInit, $prerenderContainer = toObservable(this._prerender);
         const $prerender = $viewInit.pipe(takeUntilDestroyed(), filter$1(v => !!v), switchMap$1(v => {
             return $prerenderContainer.pipe(takeUntilDestroyed(this._destroyRef), filter$1(v => !!v), switchMap$1(v => v.$render));
@@ -7924,11 +8066,13 @@ class NgVirtualListComponent {
         this._actualAlignment = computed(() => {
             const alignment = this.alignment(), spreadingMode = this.spreadingMode();
             return isSpreadingMode(spreadingMode, SpreadingModes.INFINITY) ? Alignments.CENTER : alignment;
-        }, ...(ngDevMode ? [{ debugName: "_actualAlignment" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_actualAlignment" }] : /* istanbul ignore next */ []));
         this._actualScrollbarEnabled = computed(() => {
             const scrollbarEnabled = this.scrollbarEnabled(), spreadingMode = this.spreadingMode();
             return isSpreadingMode(spreadingMode, SpreadingModes.INFINITY) ? false : scrollbarEnabled;
-        }, ...(ngDevMode ? [{ debugName: "_actualScrollbarEnabled" }] : []));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_actualScrollbarEnabled" }] : /* istanbul ignore next */ []));
         const $alignment = toObservable(this._actualAlignment), $precalculatedScrollStartOffset = toObservable(this._precalculatedScrollStartOffset), $precalculatedScrollEndOffset = toObservable(this._precalculatedScrollEndOffset), $listBounds = toObservable(this._listBounds).pipe(filter$1(b => !!b)), $scrollSize = this._$scrollSize.asObservable(), $bufferSize = toObservable(this.bufferSize).pipe(map(v => v < 0 ? DEFAULT_BUFFER_SIZE : v)), $maxBufferSize = toObservable(this.maxBufferSize).pipe(map(v => v < 0 ? DEFAULT_BUFFER_SIZE : v)), $snapToItem = toObservable(this.snapToItem), $snapToItemAlign = toObservable(this.snapToItemAlign), $stickyEnabled = toObservable(this.stickyEnabled), $isLazy = toObservable(this.collectionMode).pipe(map(v => this.getIsLazy(v || DEFAULT_COLLECTION_MODE))), $enabledBufferOptimization = toObservable(this.enabledBufferOptimization), $snappingMethod = toObservable(this.snappingMethod).pipe(map(v => this.getIsSnappingMethodAdvanced(v || DEFAULT_SNAPPING_METHOD))), $collapsingMode = toObservable(this.collapsingMode), $selectingMode = toObservable(this.selectingMode), $selectedIds = toObservable(this.selectedIds), $collapsedIds = toObservable(this.collapsedIds).pipe(distinctUntilChanged(), map(v => Array.isArray(v) ? v : [])), $collapsedItemIds = toObservable(this._collapsedItemIds).pipe(distinctUntilChanged(), map(v => Array.isArray(v) ? v : [])), $itemTransform = toObservable(this.itemTransform), $screenReaderMessage = toObservable(this.screenReaderMessage), $displayItems = this._service.$displayItems, $cacheVersion = this._service.$cacheVersion;
         $snapToItem.pipe(takeUntilDestroyed(), tap(v => {
             this._service.snapToItem = v;
@@ -8920,10 +9064,10 @@ class NgVirtualListComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.0", type: NgVirtualListComponent, isStandalone: false, selector: "ng-virtual-list", inputs: { scrollbarThickness: { classPropertyName: "scrollbarThickness", publicName: "scrollbarThickness", isSignal: true, isRequired: false, transformFunction: null }, scrollbarMinSize: { classPropertyName: "scrollbarMinSize", publicName: "scrollbarMinSize", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbRenderer: { classPropertyName: "scrollbarThumbRenderer", publicName: "scrollbarThumbRenderer", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbParams: { classPropertyName: "scrollbarThumbParams", publicName: "scrollbarThumbParams", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, waitForPreparation: { classPropertyName: "waitForPreparation", publicName: "waitForPreparation", isSignal: true, isRequired: false, transformFunction: null }, clickDistance: { classPropertyName: "clickDistance", publicName: "clickDistance", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, defaultItemValue: { classPropertyName: "defaultItemValue", publicName: "defaultItemValue", isSignal: true, isRequired: false, transformFunction: null }, selectedIds: { classPropertyName: "selectedIds", publicName: "selectedIds", isSignal: true, isRequired: false, transformFunction: null }, collapsedIds: { classPropertyName: "collapsedIds", publicName: "collapsedIds", isSignal: true, isRequired: false, transformFunction: null }, selectByClick: { classPropertyName: "selectByClick", publicName: "selectByClick", isSignal: true, isRequired: false, transformFunction: null }, collapseByClick: { classPropertyName: "collapseByClick", publicName: "collapseByClick", isSignal: true, isRequired: false, transformFunction: null }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, stickyEnabled: { classPropertyName: "stickyEnabled", publicName: "stickyEnabled", isSignal: true, isRequired: false, transformFunction: null }, snapToEndTransitionInstantOffset: { classPropertyName: "snapToEndTransitionInstantOffset", publicName: "snapToEndTransitionInstantOffset", isSignal: true, isRequired: false, transformFunction: null }, scrollStartOffset: { classPropertyName: "scrollStartOffset", publicName: "scrollStartOffset", isSignal: true, isRequired: false, transformFunction: null }, scrollEndOffset: { classPropertyName: "scrollEndOffset", publicName: "scrollEndOffset", isSignal: true, isRequired: false, transformFunction: null }, snapScrollToStart: { classPropertyName: "snapScrollToStart", publicName: "snapScrollToStart", isSignal: true, isRequired: false, transformFunction: null }, snapScrollToEnd: { classPropertyName: "snapScrollToEnd", publicName: "snapScrollToEnd", isSignal: true, isRequired: false, transformFunction: null }, snapScrollToBottom: { classPropertyName: "snapScrollToBottom", publicName: "snapScrollToBottom", isSignal: true, isRequired: false, transformFunction: null }, scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, scrollbarInteractive: { classPropertyName: "scrollbarInteractive", publicName: "scrollbarInteractive", isSignal: true, isRequired: false, transformFunction: null }, overlappingScrollbar: { classPropertyName: "overlappingScrollbar", publicName: "overlappingScrollbar", isSignal: true, isRequired: false, transformFunction: null }, scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null }, scrollingSettings: { classPropertyName: "scrollingSettings", publicName: "scrollingSettings", isSignal: true, isRequired: false, transformFunction: null }, itemTransform: { classPropertyName: "itemTransform", publicName: "itemTransform", isSignal: true, isRequired: false, transformFunction: null }, snapToItem: { classPropertyName: "snapToItem", publicName: "snapToItem", isSignal: true, isRequired: false, transformFunction: null }, snapToItemAlign: { classPropertyName: "snapToItemAlign", publicName: "snapToItemAlign", isSignal: true, isRequired: false, transformFunction: null }, snappingDistance: { classPropertyName: "snappingDistance", publicName: "snappingDistance", isSignal: true, isRequired: false, transformFunction: null }, scrollingOneByOne: { classPropertyName: "scrollingOneByOne", publicName: "scrollingOneByOne", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, zIndexWhenSelecting: { classPropertyName: "zIndexWhenSelecting", publicName: "zIndexWhenSelecting", isSignal: true, isRequired: false, transformFunction: null }, spreadingMode: { classPropertyName: "spreadingMode", publicName: "spreadingMode", isSignal: true, isRequired: false, transformFunction: null }, divides: { classPropertyName: "divides", publicName: "divides", isSignal: true, isRequired: false, transformFunction: null }, motionBlur: { classPropertyName: "motionBlur", publicName: "motionBlur", isSignal: true, isRequired: false, transformFunction: null }, maxMotionBlur: { classPropertyName: "maxMotionBlur", publicName: "maxMotionBlur", isSignal: true, isRequired: false, transformFunction: null }, motionBlurEnabled: { classPropertyName: "motionBlurEnabled", publicName: "motionBlurEnabled", isSignal: true, isRequired: false, transformFunction: null }, animationParams: { classPropertyName: "animationParams", publicName: "animationParams", isSignal: true, isRequired: false, transformFunction: null }, overscrollEnabled: { classPropertyName: "overscrollEnabled", publicName: "overscrollEnabled", isSignal: true, isRequired: false, transformFunction: null }, enabledBufferOptimization: { classPropertyName: "enabledBufferOptimization", publicName: "enabledBufferOptimization", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: true, transformFunction: null }, itemConfigMap: { classPropertyName: "itemConfigMap", publicName: "itemConfigMap", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, minItemSize: { classPropertyName: "minItemSize", publicName: "minItemSize", isSignal: true, isRequired: false, transformFunction: null }, maxItemSize: { classPropertyName: "maxItemSize", publicName: "maxItemSize", isSignal: true, isRequired: false, transformFunction: null }, dynamicSize: { classPropertyName: "dynamicSize", publicName: "dynamicSize", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, collectionMode: { classPropertyName: "collectionMode", publicName: "collectionMode", isSignal: true, isRequired: false, transformFunction: null }, bufferSize: { classPropertyName: "bufferSize", publicName: "bufferSize", isSignal: true, isRequired: false, transformFunction: null }, maxBufferSize: { classPropertyName: "maxBufferSize", publicName: "maxBufferSize", isSignal: true, isRequired: false, transformFunction: null }, snappingMethod: { classPropertyName: "snappingMethod", publicName: "snappingMethod", isSignal: true, isRequired: false, transformFunction: null }, collapsingMode: { classPropertyName: "collapsingMode", publicName: "collapsingMode", isSignal: true, isRequired: false, transformFunction: null }, methodForSelecting: { classPropertyName: "methodForSelecting", publicName: "methodForSelecting", isSignal: true, isRequired: false, transformFunction: null }, selectingMode: { classPropertyName: "selectingMode", publicName: "selectingMode", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, screenReaderMessage: { classPropertyName: "screenReaderMessage", publicName: "screenReaderMessage", isSignal: true, isRequired: false, transformFunction: null }, langTextDir: { classPropertyName: "langTextDir", publicName: "langTextDir", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScroll: "onScroll", onScrollEnd: "onScrollEnd", onViewportChange: "onViewportChange", onSnapItem: "onSnapItem", onItemClick: "onItemClick", onSelect: "onSelect", onCollapse: "onCollapse", onScrollReachStart: "onScrollReachStart", onScrollReachEnd: "onScrollReachEnd" }, host: { styleAttribute: "position: relative;" }, providers: [NgVirtualListService, NgVirtualListPublicService], viewQueries: [{ propertyName: "_prerender", first: true, predicate: ["prerender"], descendants: true, isSignal: true }, { propertyName: "_scrollerComponent", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_snapContainerRef", first: true, predicate: ["snapRendererContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "@let scrollStartOffset = _actualScrollStartOffset();\r\n@let scrollEndOffset = _actualScrollEndOffset();\r\n@let alignmentScrollStartOffset = _alignmentScrollStartOffset();\r\n@let alignmentScrollEndOffset = _alignmentScrollEndOffset();\r\n\r\n<div aria-live=\"polite\" aria-atomic=\"true\" class=\"ngvl__screen-reader\">\r\n  {{ screenReaderFormattedMessage() }}\r\n</div>\r\n\r\n<ng-prerender-container #prerender [bounds]=\"bounds()!\" [direction]=\"direction()\" [dynamic]=\"dynamicSize()\"\r\n  [divides]=\"divides()\" [isVertical]=\"isVertical\" [itemSize]=\"actualItemSize()\" [trackBy]=\"trackBy()\"\r\n  [itemRenderer]=\"itemRenderer()\" [startOffset]=\"scrollStartOffset\" [endOffset]=\"scrollEndOffset\"\r\n  [scrollbarEnabled]=\"scroller.scrollbarShow()\" [enabled]=\"dynamicSize() && snapScrollToEnd()\" />\r\n\r\n@if (stickyEnabled()) {\r\n  <div localeSensitive [langTextDir]=\"langTextDir()\" #snappedContainer class=\"ngvl__snapped-container\"\r\n    [ngClass]=\"classes()\">\r\n    <div #snapped part=\"snapped-item\" class=\"ngvl__list-snapper\">\r\n      <ng-container #snapRendererContainer></ng-container>\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<ng-scroller #scroller class=\"ngvl__list-scroller\" [classes]=\"classes()\" [startOffset]=\"scrollStartOffset\"\r\n  [endOffset]=\"scrollEndOffset\" [alignmentStartOffset]=\"alignmentScrollStartOffset\" [alignmentEndOffset]=\"alignmentScrollEndOffset\"\r\n  [direction]=\"direction()\" [scrollbarThumbRenderer]=\"scrollbarThumbRenderer()\" [isInfinity]=\"_isInfinity()\"\r\n  [scrollbarThickness]=\"scrollbarThickness()\" [scrollbarThumbParams]=\"scrollbarThumbParams()\"\r\n  [animationParams]=\"animationParams()\" [focusedElement]=\"focusedElement()\" [loading]=\"loading()\"\r\n  [overscrollEnabled]=\"overscrollEnabled()\" [snappingDistance]=\"snappingDistance()\" [overlappingScrollbar]=\"overlappingScrollbar()\"\r\n  [scrollbarEnabled]=\"_actualScrollbarEnabled()\" [scrollbarInteractive]=\"scrollbarInteractive()\" [snapToItem]=\"snapToItem()\"\r\n  [snapToItemAlign]=\"snapToItemAlign()\" [scrollbarMinSize]=\"scrollbarMinSize()\" [scrollBehavior]=\"scrollBehavior()\"\r\n  [scrollingSettings]=\"scrollingSettings()\" [scrollingOneByOne]=\"scrollingOneByOne()\" [motionBlur]=\"motionBlur()\"\r\n  [maxMotionBlur]=\"maxMotionBlur()\" [motionBlurEnabled]=\"motionBlurEnabled()\">\r\n  <ng-container #renderersContainer></ng-container>\r\n</ng-scroller>", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgScrollerComponent, selector: "ng-scroller", inputs: ["scrollbarEnabled", "scrollbarInteractive", "focusedElement", "overlappingScrollbar", "content", "loading", "classes", "scrollbarMinSize", "scrollbarThickness", "scrollbarThumbRenderer", "scrollbarThumbParams", "motionBlur", "maxMotionBlur", "motionBlurEnabled"], outputs: ["onScrollbarVisible"] }, { kind: "component", type: NgPrerenderContainer, selector: "ng-prerender-container", inputs: ["enabled", "direction", "isVertical", "scrollbarEnabled", "startOffset", "endOffset", "bounds", "dynamic", "itemSize", "trackBy", "divides", "itemRenderer"] }, { kind: "directive", type: LocaleSensitiveDirective, selector: "[localeSensitive]", inputs: ["langTextDir", "listDir"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.0", type: NgVirtualListComponent, isStandalone: false, selector: "ng-virtual-list", inputs: { scrollbarThickness: { classPropertyName: "scrollbarThickness", publicName: "scrollbarThickness", isSignal: true, isRequired: false, transformFunction: null }, scrollbarMinSize: { classPropertyName: "scrollbarMinSize", publicName: "scrollbarMinSize", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbRenderer: { classPropertyName: "scrollbarThumbRenderer", publicName: "scrollbarThumbRenderer", isSignal: true, isRequired: false, transformFunction: null }, scrollbarThumbParams: { classPropertyName: "scrollbarThumbParams", publicName: "scrollbarThumbParams", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, waitForPreparation: { classPropertyName: "waitForPreparation", publicName: "waitForPreparation", isSignal: true, isRequired: false, transformFunction: null }, clickDistance: { classPropertyName: "clickDistance", publicName: "clickDistance", isSignal: true, isRequired: false, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, defaultItemValue: { classPropertyName: "defaultItemValue", publicName: "defaultItemValue", isSignal: true, isRequired: false, transformFunction: null }, selectedIds: { classPropertyName: "selectedIds", publicName: "selectedIds", isSignal: true, isRequired: false, transformFunction: null }, collapsedIds: { classPropertyName: "collapsedIds", publicName: "collapsedIds", isSignal: true, isRequired: false, transformFunction: null }, selectByClick: { classPropertyName: "selectByClick", publicName: "selectByClick", isSignal: true, isRequired: false, transformFunction: null }, collapseByClick: { classPropertyName: "collapseByClick", publicName: "collapseByClick", isSignal: true, isRequired: false, transformFunction: null }, snap: { classPropertyName: "snap", publicName: "snap", isSignal: true, isRequired: false, transformFunction: null }, stickyEnabled: { classPropertyName: "stickyEnabled", publicName: "stickyEnabled", isSignal: true, isRequired: false, transformFunction: null }, snapToEndTransitionInstantOffset: { classPropertyName: "snapToEndTransitionInstantOffset", publicName: "snapToEndTransitionInstantOffset", isSignal: true, isRequired: false, transformFunction: null }, scrollStartOffset: { classPropertyName: "scrollStartOffset", publicName: "scrollStartOffset", isSignal: true, isRequired: false, transformFunction: null }, scrollEndOffset: { classPropertyName: "scrollEndOffset", publicName: "scrollEndOffset", isSignal: true, isRequired: false, transformFunction: null }, snapScrollToStart: { classPropertyName: "snapScrollToStart", publicName: "snapScrollToStart", isSignal: true, isRequired: false, transformFunction: null }, snapScrollToEnd: { classPropertyName: "snapScrollToEnd", publicName: "snapScrollToEnd", isSignal: true, isRequired: false, transformFunction: null }, snapScrollToBottom: { classPropertyName: "snapScrollToBottom", publicName: "snapScrollToBottom", isSignal: true, isRequired: false, transformFunction: null }, scrollbarEnabled: { classPropertyName: "scrollbarEnabled", publicName: "scrollbarEnabled", isSignal: true, isRequired: false, transformFunction: null }, scrollbarInteractive: { classPropertyName: "scrollbarInteractive", publicName: "scrollbarInteractive", isSignal: true, isRequired: false, transformFunction: null }, overlappingScrollbar: { classPropertyName: "overlappingScrollbar", publicName: "overlappingScrollbar", isSignal: true, isRequired: false, transformFunction: null }, scrollBehavior: { classPropertyName: "scrollBehavior", publicName: "scrollBehavior", isSignal: true, isRequired: false, transformFunction: null }, scrollingSettings: { classPropertyName: "scrollingSettings", publicName: "scrollingSettings", isSignal: true, isRequired: false, transformFunction: null }, itemTransform: { classPropertyName: "itemTransform", publicName: "itemTransform", isSignal: true, isRequired: false, transformFunction: null }, snapToItem: { classPropertyName: "snapToItem", publicName: "snapToItem", isSignal: true, isRequired: false, transformFunction: null }, snapToItemAlign: { classPropertyName: "snapToItemAlign", publicName: "snapToItemAlign", isSignal: true, isRequired: false, transformFunction: null }, snappingDistance: { classPropertyName: "snappingDistance", publicName: "snappingDistance", isSignal: true, isRequired: false, transformFunction: null }, scrollingOneByOne: { classPropertyName: "scrollingOneByOne", publicName: "scrollingOneByOne", isSignal: true, isRequired: false, transformFunction: null }, alignment: { classPropertyName: "alignment", publicName: "alignment", isSignal: true, isRequired: false, transformFunction: null }, zIndexWhenSelecting: { classPropertyName: "zIndexWhenSelecting", publicName: "zIndexWhenSelecting", isSignal: true, isRequired: false, transformFunction: null }, spreadingMode: { classPropertyName: "spreadingMode", publicName: "spreadingMode", isSignal: true, isRequired: false, transformFunction: null }, divides: { classPropertyName: "divides", publicName: "divides", isSignal: true, isRequired: false, transformFunction: null }, motionBlur: { classPropertyName: "motionBlur", publicName: "motionBlur", isSignal: true, isRequired: false, transformFunction: null }, maxMotionBlur: { classPropertyName: "maxMotionBlur", publicName: "maxMotionBlur", isSignal: true, isRequired: false, transformFunction: null }, motionBlurEnabled: { classPropertyName: "motionBlurEnabled", publicName: "motionBlurEnabled", isSignal: true, isRequired: false, transformFunction: null }, animationParams: { classPropertyName: "animationParams", publicName: "animationParams", isSignal: true, isRequired: false, transformFunction: null }, overscrollEnabled: { classPropertyName: "overscrollEnabled", publicName: "overscrollEnabled", isSignal: true, isRequired: false, transformFunction: null }, enabledBufferOptimization: { classPropertyName: "enabledBufferOptimization", publicName: "enabledBufferOptimization", isSignal: true, isRequired: false, transformFunction: null }, itemRenderer: { classPropertyName: "itemRenderer", publicName: "itemRenderer", isSignal: true, isRequired: true, transformFunction: null }, itemConfigMap: { classPropertyName: "itemConfigMap", publicName: "itemConfigMap", isSignal: true, isRequired: false, transformFunction: null }, itemSize: { classPropertyName: "itemSize", publicName: "itemSize", isSignal: true, isRequired: false, transformFunction: null }, minItemSize: { classPropertyName: "minItemSize", publicName: "minItemSize", isSignal: true, isRequired: false, transformFunction: null }, maxItemSize: { classPropertyName: "maxItemSize", publicName: "maxItemSize", isSignal: true, isRequired: false, transformFunction: null }, dynamicSize: { classPropertyName: "dynamicSize", publicName: "dynamicSize", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, collectionMode: { classPropertyName: "collectionMode", publicName: "collectionMode", isSignal: true, isRequired: false, transformFunction: null }, bufferSize: { classPropertyName: "bufferSize", publicName: "bufferSize", isSignal: true, isRequired: false, transformFunction: null }, maxBufferSize: { classPropertyName: "maxBufferSize", publicName: "maxBufferSize", isSignal: true, isRequired: false, transformFunction: null }, snappingMethod: { classPropertyName: "snappingMethod", publicName: "snappingMethod", isSignal: true, isRequired: false, transformFunction: null }, collapsingMode: { classPropertyName: "collapsingMode", publicName: "collapsingMode", isSignal: true, isRequired: false, transformFunction: null }, methodForSelecting: { classPropertyName: "methodForSelecting", publicName: "methodForSelecting", isSignal: true, isRequired: false, transformFunction: null }, selectingMode: { classPropertyName: "selectingMode", publicName: "selectingMode", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null }, screenReaderMessage: { classPropertyName: "screenReaderMessage", publicName: "screenReaderMessage", isSignal: true, isRequired: false, transformFunction: null }, langTextDir: { classPropertyName: "langTextDir", publicName: "langTextDir", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onScroll: "onScroll", onScrollEnd: "onScrollEnd", onViewportChange: "onViewportChange", onSnapItem: "onSnapItem", onItemClick: "onItemClick", onSelect: "onSelect", onCollapse: "onCollapse", onScrollReachStart: "onScrollReachStart", onScrollReachEnd: "onScrollReachEnd" }, host: { styleAttribute: "position: relative;" }, providers: [NgVirtualListService, NgVirtualListPublicService], viewQueries: [{ propertyName: "_prerender", first: true, predicate: ["prerender"], descendants: true, isSignal: true }, { propertyName: "_scrollerComponent", first: true, predicate: ["scroller"], descendants: true, isSignal: true }, { propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_snapContainerRef", first: true, predicate: ["snapRendererContainer"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: "@let scrollStartOffset = _actualScrollStartOffset();\r\n@let scrollEndOffset = _actualScrollEndOffset();\r\n@let alignmentScrollStartOffset = _alignmentScrollStartOffset();\r\n@let alignmentScrollEndOffset = _alignmentScrollEndOffset();\r\n\r\n<div aria-live=\"polite\" aria-atomic=\"true\" class=\"ngvl__screen-reader\">\r\n  {{ screenReaderFormattedMessage() }}\r\n</div>\r\n\r\n<ng-prerender-container #prerender [bounds]=\"bounds()!\" [direction]=\"direction()\" [dynamic]=\"dynamicSize()\"\r\n  [divides]=\"divides()\" [isVertical]=\"isVertical\" [itemSize]=\"actualItemSize()\" [trackBy]=\"trackBy()\"\r\n  [itemRenderer]=\"itemRenderer()\" [startOffset]=\"scrollStartOffset\" [endOffset]=\"scrollEndOffset\"\r\n  [scrollbarEnabled]=\"scroller.scrollbarShow()\" [enabled]=\"dynamicSize() && snapScrollToEnd()\" />\r\n\r\n@if (stickyEnabled()) {\r\n  <div localeSensitive [langTextDir]=\"langTextDir()\" #snappedContainer class=\"ngvl__snapped-container\"\r\n    [ngClass]=\"classes()\">\r\n    <div #snapped part=\"snapped-item\" class=\"ngvl__list-snapper\">\r\n      <ng-container #snapRendererContainer></ng-container>\r\n    </div>\r\n  </div>\r\n}\r\n\r\n<ng-scroller #scroller class=\"ngvl__list-scroller\" [classes]=\"classes()\" [startOffset]=\"scrollStartOffset\"\r\n  [endOffset]=\"scrollEndOffset\" [alignmentStartOffset]=\"alignmentScrollStartOffset\" [alignmentEndOffset]=\"alignmentScrollEndOffset\"\r\n  [direction]=\"direction()\" [scrollbarThumbRenderer]=\"scrollbarThumbRenderer()\" [isInfinity]=\"_isInfinity()\"\r\n  [scrollbarThickness]=\"scrollbarThickness()\" [scrollbarThumbParams]=\"scrollbarThumbParams()\"\r\n  [animationParams]=\"animationParams()\" [focusedElement]=\"focusedElement()\" [loading]=\"loading()\"\r\n  [overscrollEnabled]=\"overscrollEnabled()\" [snappingDistance]=\"snappingDistance()\" [overlappingScrollbar]=\"overlappingScrollbar()\"\r\n  [scrollbarEnabled]=\"_actualScrollbarEnabled()\" [scrollbarInteractive]=\"scrollbarInteractive()\" [snapToItem]=\"snapToItem()\"\r\n  [snapToItemAlign]=\"snapToItemAlign()\" [scrollbarMinSize]=\"scrollbarMinSize()\" [scrollBehavior]=\"scrollBehavior()\"\r\n  [scrollingSettings]=\"scrollingSettings()\" [scrollingOneByOne]=\"scrollingOneByOne()\" [motionBlur]=\"motionBlur()\"\r\n  [maxMotionBlur]=\"maxMotionBlur()\" [motionBlurEnabled]=\"motionBlurEnabled()\">\r\n  <ng-container #renderersContainer></ng-container>\r\n</ng-scroller>", styles: [":host{position:relative;display:block;width:400px;overflow:hidden}:host(.horizontal){height:48px}:host(.vertical){height:320px}.ngvl__snapped-container{position:relative;width:100%;opacity:0}.ngvl__snapped-container.prepared{opacity:1}.ngvl__list-snapper{-webkit-tap-highlight-color:transparent;position:absolute;list-style:none;left:0;top:0;z-index:1}.ngvl__list-scroller{-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}.ngvl__screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: NgScrollerComponent, selector: "ng-scroller", inputs: ["scrollbarEnabled", "scrollbarInteractive", "focusedElement", "overlappingScrollbar", "content", "loading", "classes", "scrollbarMinSize", "scrollbarThickness", "scrollbarThumbRenderer", "scrollbarThumbParams", "motionBlur", "maxMotionBlur", "motionBlurEnabled"], outputs: ["onScrollbarVisible"] }, { kind: "component", type: NgPrerenderContainer, selector: "ng-prerender-container", inputs: ["enabled", "direction", "isVertical", "scrollbarEnabled", "startOffset", "endOffset", "bounds", "dynamic", "itemSize", "trackBy", "divides", "itemRenderer"] }, { kind: "directive", type: LocaleSensitiveDirective, selector: "[localeSensitive]", inputs: ["langTextDir", "listDir"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-virtual-list', host: {
                         'style': 'position: relative;'
@@ -8937,11 +9081,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
             }], _scrollerComponent: [{ type: i0.ViewChild, args: ['scroller', { isSignal: true }] }], onScroll: [{ type: i0.Output, args: ["onScroll"] }], onScrollEnd: [{ type: i0.Output, args: ["onScrollEnd"] }], onViewportChange: [{ type: i0.Output, args: ["onViewportChange"] }], onSnapItem: [{ type: i0.Output, args: ["onSnapItem"] }], onItemClick: [{ type: i0.Output, args: ["onItemClick"] }], onSelect: [{ type: i0.Output, args: ["onSelect"] }], onCollapse: [{ type: i0.Output, args: ["onCollapse"] }], onScrollReachStart: [{ type: i0.Output, args: ["onScrollReachStart"] }], onScrollReachEnd: [{ type: i0.Output, args: ["onScrollReachEnd"] }], scrollbarThickness: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarThickness", required: false }] }], scrollbarMinSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarMinSize", required: false }] }], scrollbarThumbRenderer: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarThumbRenderer", required: false }] }], scrollbarThumbParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarThumbParams", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], waitForPreparation: [{ type: i0.Input, args: [{ isSignal: true, alias: "waitForPreparation", required: false }] }], clickDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "clickDistance", required: false }] }], items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: true }] }], defaultItemValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultItemValue", required: false }] }], selectedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIds", required: false }] }], collapsedIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsedIds", required: false }] }], selectByClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectByClick", required: false }] }], collapseByClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapseByClick", required: false }] }], snap: [{ type: i0.Input, args: [{ isSignal: true, alias: "snap", required: false }] }], stickyEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyEnabled", required: false }] }], snapToEndTransitionInstantOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToEndTransitionInstantOffset", required: false }] }], scrollStartOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollStartOffset", required: false }] }], scrollEndOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollEndOffset", required: false }] }], snapScrollToStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapScrollToStart", required: false }] }], snapScrollToEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapScrollToEnd", required: false }] }], snapScrollToBottom: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapScrollToBottom", required: false }] }], scrollbarEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarEnabled", required: false }] }], scrollbarInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarInteractive", required: false }] }], overlappingScrollbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "overlappingScrollbar", required: false }] }], scrollBehavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollBehavior", required: false }] }], scrollingSettings: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollingSettings", required: false }] }], itemTransform: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemTransform", required: false }] }], snapToItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToItem", required: false }] }], snapToItemAlign: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToItemAlign", required: false }] }], snappingDistance: [{ type: i0.Input, args: [{ isSignal: true, alias: "snappingDistance", required: false }] }], scrollingOneByOne: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollingOneByOne", required: false }] }], alignment: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignment", required: false }] }], zIndexWhenSelecting: [{ type: i0.Input, args: [{ isSignal: true, alias: "zIndexWhenSelecting", required: false }] }], spreadingMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "spreadingMode", required: false }] }], divides: [{ type: i0.Input, args: [{ isSignal: true, alias: "divides", required: false }] }], motionBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionBlur", required: false }] }], maxMotionBlur: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxMotionBlur", required: false }] }], motionBlurEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionBlurEnabled", required: false }] }], animationParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationParams", required: false }] }], overscrollEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "overscrollEnabled", required: false }] }], enabledBufferOptimization: [{ type: i0.Input, args: [{ isSignal: true, alias: "enabledBufferOptimization", required: false }] }], itemRenderer: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemRenderer", required: true }] }], itemConfigMap: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemConfigMap", required: false }] }], itemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "itemSize", required: false }] }], minItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minItemSize", required: false }] }], maxItemSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxItemSize", required: false }] }], dynamicSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "dynamicSize", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], collectionMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "collectionMode", required: false }] }], bufferSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "bufferSize", required: false }] }], maxBufferSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxBufferSize", required: false }] }], snappingMethod: [{ type: i0.Input, args: [{ isSignal: true, alias: "snappingMethod", required: false }] }], collapsingMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsingMode", required: false }] }], methodForSelecting: [{ type: i0.Input, args: [{ isSignal: true, alias: "methodForSelecting", required: false }] }], selectingMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectingMode", required: false }] }], trackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackBy", required: false }] }], screenReaderMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "screenReaderMessage", required: false }] }], langTextDir: [{ type: i0.Input, args: [{ isSignal: true, alias: "langTextDir", required: false }] }] } });
 
 class LocaleSensitiveModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocaleSensitiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: LocaleSensitiveModule, declarations: [LocaleSensitiveDirective], imports: [CommonModule], exports: [LocaleSensitiveDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocaleSensitiveModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: LocaleSensitiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: LocaleSensitiveModule, declarations: [LocaleSensitiveDirective], imports: [CommonModule], exports: [LocaleSensitiveDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: LocaleSensitiveModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocaleSensitiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: LocaleSensitiveModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [LocaleSensitiveDirective],
@@ -8952,11 +9096,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
         }] });
 
 class VirtualClickModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: VirtualClickModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: VirtualClickModule, declarations: [VirtualClickDirective], imports: [CommonModule], exports: [VirtualClickDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: VirtualClickModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: VirtualClickModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: VirtualClickModule, declarations: [VirtualClickDirective], imports: [CommonModule], exports: [VirtualClickDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: VirtualClickModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: VirtualClickModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: VirtualClickModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [VirtualClickDirective],
@@ -8967,11 +9111,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
         }] });
 
 class NgVirtualListItemModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListItemModule, declarations: [NgVirtualListItemComponent], imports: [CommonModule, VirtualClickModule], exports: [NgVirtualListItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListItemModule, imports: [CommonModule, VirtualClickModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListItemModule, declarations: [NgVirtualListItemComponent], imports: [CommonModule, VirtualClickModule], exports: [NgVirtualListItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListItemModule, imports: [CommonModule, VirtualClickModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListItemModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgVirtualListItemComponent],
@@ -8982,11 +9126,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
         }] });
 
 class NgScrollBarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarModule, declarations: [NgScrollBarComponent], imports: [CommonModule], exports: [NgScrollBarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarModule, declarations: [NgScrollBarComponent], imports: [CommonModule], exports: [NgScrollBarComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarModule, imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgScrollBarComponent],
@@ -8997,11 +9141,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
         }] });
 
 class NgScrollerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NgScrollerModule, declarations: [NgScrollerComponent], imports: [CommonModule, NgScrollBarModule, LocaleSensitiveModule, CdkScrollableModule], exports: [NgScrollerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollerModule, imports: [CommonModule, NgScrollBarModule, LocaleSensitiveModule, CdkScrollableModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: NgScrollerModule, declarations: [NgScrollerComponent], imports: [CommonModule, NgScrollBarModule, LocaleSensitiveModule, CdkScrollableModule], exports: [NgScrollerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollerModule, imports: [CommonModule, NgScrollBarModule, LocaleSensitiveModule, CdkScrollableModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgScrollerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgScrollerComponent],
@@ -9012,11 +9156,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
         }] });
 
 class NgPrerenderVirtualListItemModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderVirtualListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderVirtualListItemModule, declarations: [NgPrerenderVirtualListItemComponent], imports: [CommonModule, VirtualClickModule], exports: [NgPrerenderVirtualListItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderVirtualListItemModule, imports: [CommonModule, VirtualClickModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderVirtualListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderVirtualListItemModule, declarations: [NgPrerenderVirtualListItemComponent], imports: [CommonModule, VirtualClickModule], exports: [NgPrerenderVirtualListItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderVirtualListItemModule, imports: [CommonModule, VirtualClickModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderVirtualListItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderVirtualListItemModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgPrerenderVirtualListItemComponent],
@@ -9027,11 +9171,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
         }] });
 
 class NgPrerenderScrollerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderScrollerModule, declarations: [NgPrerenderScrollerComponent], imports: [CommonModule, LocaleSensitiveModule], exports: [NgPrerenderScrollerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderScrollerModule, imports: [CommonModule, LocaleSensitiveModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderScrollerModule, declarations: [NgPrerenderScrollerComponent], imports: [CommonModule, LocaleSensitiveModule], exports: [NgPrerenderScrollerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderScrollerModule, imports: [CommonModule, LocaleSensitiveModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderScrollerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderScrollerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgPrerenderScrollerComponent],
@@ -9042,11 +9186,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
         }] });
 
 class NgPrerenderListModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderListModule, declarations: [NgPrerenderList], imports: [CommonModule, NgPrerenderVirtualListItemModule, NgPrerenderScrollerModule], exports: [NgPrerenderList] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderListModule, imports: [CommonModule, NgPrerenderVirtualListItemModule, NgPrerenderScrollerModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderListModule, declarations: [NgPrerenderList], imports: [CommonModule, NgPrerenderVirtualListItemModule, NgPrerenderScrollerModule], exports: [NgPrerenderList] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderListModule, imports: [CommonModule, NgPrerenderVirtualListItemModule, NgPrerenderScrollerModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgPrerenderList],
@@ -9057,11 +9201,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
         }] });
 
 class NgPrerenderContainerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderContainerModule, declarations: [NgPrerenderContainer], imports: [CommonModule, NgPrerenderListModule], exports: [NgPrerenderContainer] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderContainerModule, imports: [CommonModule, NgPrerenderListModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderContainerModule, declarations: [NgPrerenderContainer], imports: [CommonModule, NgPrerenderListModule], exports: [NgPrerenderContainer] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderContainerModule, imports: [CommonModule, NgPrerenderListModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderContainerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgPrerenderContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgPrerenderContainer],
@@ -9072,11 +9216,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
         }] });
 
 class NgVirtualListModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListModule, declarations: [NgVirtualListComponent], imports: [CommonModule, NgVirtualListItemModule, NgScrollerModule, NgPrerenderContainerModule, LocaleSensitiveModule], exports: [NgVirtualListComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListModule, imports: [CommonModule, NgVirtualListItemModule, NgScrollerModule, NgPrerenderContainerModule, LocaleSensitiveModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListModule, declarations: [NgVirtualListComponent], imports: [CommonModule, NgVirtualListItemModule, NgScrollerModule, NgPrerenderContainerModule, LocaleSensitiveModule], exports: [NgVirtualListComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListModule, imports: [CommonModule, NgVirtualListItemModule, NgScrollerModule, NgPrerenderContainerModule, LocaleSensitiveModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: NgVirtualListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgVirtualListComponent],
@@ -9089,7 +9233,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
 const UNSET$4 = 'unset';
 /**
  * linear
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/transformations/linear.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/transformations/linear.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -9135,7 +9279,7 @@ const linear = (options) => {
 const UNSET$3 = 'unset';
 /**
  * eventHorizon
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/transformations/event-horizon.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/transformations/event-horizon.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -9181,7 +9325,7 @@ const eventHorizon = (options) => {
 const UNSET$2 = 'unset', B_LIMIT$2 = 0.5;
 /**
  * deckOfCards
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/transformations/deck-of-cards.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/transformations/deck-of-cards.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -9234,7 +9378,7 @@ const deckOfCards = (options) => {
 const UNSET$1 = 'unset', B_LIMIT$1 = 0.5;
 /**
  * deckOfCards3D
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/transformations/deck-of-cards-3d.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/transformations/deck-of-cards-3d.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -9290,7 +9434,7 @@ const deckOfCards3D = (options) => {
 const UNSET = 'unset', B_LIMIT = 0.5;
 /**
  * swipe3D
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/transformations/swipe-3d.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/22.x/projects/ng-virtual-list/src/lib/transformations/swipe-3d.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */