ng-virtual-list 21.12.0 → 21.12.2

package/fesm2022/ng-virtual-list.mjs

@@ -38,10 +38,10 @@ class NgScrollBarService {
     click(event) {
         this._$click.next(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollBarService, providedIn: 'root' });
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollBarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -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.16", ngImport: i0, type: NgScrollBarPublicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollBarPublicService, providedIn: 'root' });
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollBarPublicService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarPublicService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -983,10 +983,10 @@ class NgVirtualListService {
     scrollToEnd(options) {
         this._$scrollToEnd.next(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListService, providedIn: 'root' });
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1099,10 +1099,10 @@ class NgVirtualListPublicService {
     scrollToEnd(options) {
         this._internalService.scrollToEnd(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListPublicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListPublicService, providedIn: 'root' });
+    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' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListPublicService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListPublicService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -1116,8 +1116,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * @email djonnyx@gmail.com
  */
 class BaseVirtualListItemComponent {
-    _item = viewChild('item', ...(ngDevMode ? [{ debugName: "_item" }] : /* istanbul ignore next */ []));
-    _container = viewChild('container', ...(ngDevMode ? [{ debugName: "_container" }] : /* istanbul ignore next */ []));
+    _item = viewChild('item', ...(ngDevMode ? [{ debugName: "_item" }] : []));
+    _container = viewChild('container', ...(ngDevMode ? [{ debugName: "_container" }] : []));
     _apiService = inject(NgVirtualListPublicService);
     _service = inject(NgVirtualListService);
     _id;
@@ -1141,12 +1141,12 @@ class BaseVirtualListItemComponent {
     }
     get isSelected() { return this._isSelected; }
     _isCollapsed = false;
-    config = signal({}, ...(ngDevMode ? [{ debugName: "config" }] : /* istanbul ignore next */ []));
-    measures = signal(null, ...(ngDevMode ? [{ debugName: "measures" }] : /* istanbul ignore next */ []));
-    focused = signal(false, ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
-    part = signal(PART_DEFAULT_ITEM, ...(ngDevMode ? [{ debugName: "part" }] : /* istanbul ignore next */ []));
-    fxPart = signal(PART_DEFAULT_ITEM_FX, ...(ngDevMode ? [{ debugName: "fxPart" }] : /* istanbul ignore next */ []));
-    data = signal(null, ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    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" }] : []));
     _data = null;
     set item(v) {
         if (this._data === v || this._data?.id === -1 || !v) {
@@ -1186,7 +1186,7 @@ class BaseVirtualListItemComponent {
     get visibility() {
         return this._elementRef.nativeElement.style.visibility;
     }
-    itemRenderer = signal(undefined, ...(ngDevMode ? [{ debugName: "itemRenderer" }] : /* istanbul ignore next */ []));
+    itemRenderer = signal(undefined, ...(ngDevMode ? [{ debugName: "itemRenderer" }] : []));
     _renderer;
     set renderer(v) {
         if (this._renderer !== v) {
@@ -1218,17 +1218,17 @@ class BaseVirtualListItemComponent {
                 [CLASS_NAME_SNAPPED]: data?.config?.snapped ?? false, [CLASS_NAME_SNAPPED_OUT]: data?.config?.snappedOut ?? false,
                 [CLASS_NAME_FOCUS]: _focus,
             };
-        }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
         this.index = computed(() => {
             return this.config()?.tabIndex ?? -1;
-        }, ...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "index" }] : []));
         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" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "templateContext" }] : []));
         if (this._service.isVertical) {
             this._elementRef.nativeElement.style.height = `${this._service.itemSize}px`;
         }
@@ -1381,10 +1381,10 @@ class BaseVirtualListItemComponent {
             styles.visibility = VISIBILITY_HIDDEN;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BaseVirtualListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BaseVirtualListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BaseVirtualListItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-base-virtual-list-item',
@@ -1434,10 +1434,10 @@ class VirtualClickDirective {
             }));
         })).subscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: VirtualClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: VirtualClickDirective, isStandalone: false, selector: "[virtualClick]", inputs: { maxDistance: ["maxClickDistance", "maxDistance"] }, outputs: { onVirtualClick: "onVirtualClick" }, ngImport: i0 });
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: VirtualClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: VirtualClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[virtualClick]',
@@ -1457,7 +1457,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * @email djonnyx@gmail.com
  */
 class NgVirtualListItemComponent extends BaseVirtualListItemComponent {
-    maxClickDistance = signal(DEFAULT_CLICK_DISTANCE, ...(ngDevMode ? [{ debugName: "maxClickDistance" }] : /* istanbul ignore next */ []));
+    maxClickDistance = signal(DEFAULT_CLICK_DISTANCE, ...(ngDevMode ? [{ debugName: "maxClickDistance" }] : []));
     _injector = inject(Injector);
     constructor() {
         super();
@@ -1625,10 +1625,10 @@ class NgVirtualListItemComponent extends BaseVirtualListItemComponent {
     onClickHandler() {
         this._service.virtualClick(this._data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-virtual-list-item', host: {
                         'class': 'ngvl__item',
@@ -1762,7 +1762,7 @@ class ScrollEvent {
 
 /**
  * Event emitter
- * @link https://github.com/DjonnyX/data-channel-router/blob/main/library/src/utils/event-emitter/event-emitter.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/library/src/utils/event-emitter/event-emitter.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -2065,7 +2065,7 @@ class Tracker {
         }
         const untrackedItems = [...components], newTrackItems = [], untrackedComponentsByTypeMap = {}, isDown = direction === 0 || direction === 1, snapped = !!snappedComponents ? [...snappedComponents] : [];
         let isRegularSnapped = false;
-        const serviceIdProp = getServiceIdProp(trackBy);
+        const serviceIdProp = getServiceIdProp(trackBy), snappedItems = new Array();
         for (let i = isDown ? 0 : items.length - 1, l = isDown ? items.length : 0; isDown ? i < l : i >= l; isDown ? i++ : i--) {
             const item = items[i], isDummy = item?.data?.[SERVICE_PROP_DUMMY] && (item?.data?.[SERVICE_PROP_DUMMY] === SERVICE_PROP_DUMMY_ENABLED);
             if (isDummy) {
@@ -2088,6 +2088,7 @@ class Tracker {
                                         isRegularSnapped = true;
                                         snappedComponent.instance.item = item;
                                         snappedComponent.instance.show();
+                                        snappedItems.push(snappedComponent);
                                     }
                                 }
                             }
@@ -2153,6 +2154,7 @@ class Tracker {
                             if (!!snappedComponent) {
                                 snappedComponent.instance.item = item;
                                 snappedComponent.instance.show();
+                                snappedItems.push(snappedComponent);
                             }
                         }
                     }
@@ -2183,13 +2185,14 @@ class Tracker {
                 comp.instance.hide();
             }
         }
-        if (!isRegularSnapped) {
-            for (let i = 0, l = snapped.length; i < l; i++) {
-                const snappedComponent = snapped[i];
-                if (!!snappedComponent) {
-                    snappedComponent.instance.item = null;
-                    snappedComponent.instance.hide();
-                }
+        for (let i = 0, l = snapped.length; i < l; i++) {
+            const snappedComponent = snapped[i];
+            if (snappedItems.indexOf(snappedComponent) > -1) {
+                continue;
+            }
+            if (!!snappedComponent) {
+                snappedComponent.instance.item = null;
+                snappedComponent.instance.hide();
             }
         }
     }
@@ -2669,7 +2672,7 @@ class TrackBox extends CacheMap {
      * Calculates list metrics
      */
     recalculateMetrics(options) {
-        const { fromItemId, bounds, collection, dynamicSize, isVertical, itemSize, minItemSize, maxItemSize, bufferSize: minBufferSize, scrollSize, stickyEnabled, itemConfigMap, enabledBufferOptimization, previousTotalSize, snapToItem, snapToItemAlign, deletedItemsMap, itemTransform } = options, roundedScrollSize = Math.round(scrollSize);
+        const { alignment, fromItemId, bounds, collection, dynamicSize, isVertical, itemSize, minItemSize, maxItemSize, bufferSize: minBufferSize, scrollSize, stickyEnabled, itemConfigMap, enabledBufferOptimization, previousTotalSize, snapToItem, snapToItemAlign, deletedItemsMap, itemTransform } = options, roundedScrollSize = Math.round(scrollSize);
         const trackBy = this._trackingPropertyName, bufferSize = Math.max(minBufferSize, this._bufferSize), { width, height } = bounds, sizeProperty = isVertical ? HEIGHT_PROP_NAME : WIDTH_PROP_NAME, size = isVertical ? height : width, totalLength = collection.length, typicalItemSize = itemSize, w = isVertical ? width : typicalItemSize, h = isVertical ? typicalItemSize : height, map = this._map, snapshot = this._snapshot, divides = this._divides, stickyPos = Math.floor(scrollSize) + this._scrollStartOffset, leftItemsOrRowsWeights = [], isFromId = fromItemId !== undefined && (typeof fromItemId === 'number' && fromItemId > -1)
             || (typeof fromItemId === 'string' && fromItemId > '-1');
         let leftItemsOffset = 0, rightItemsOffset = 0;
@@ -2809,15 +2812,17 @@ class TrackBox extends CacheMap {
                         }
                         if (id == fromItemId) {
                             isFromItemIdFound = true;
-                            const { num, offset } = this.getElementNumToEnd(i, collection, map, typicalItemSize, size, isVertical), leftViewportSize = size - offset;
-                            if (leftViewportSize > 0) {
-                                const { num: num1, offset: offset1 } = this.getElementNumToEnd(i + num, collection, map, typicalItemSize, size, isVertical, 0, true), deltaNum = (num1 - num), deltaOffset = (offset1 - offset);
-                                totalItemsToDisplayEndWeight += offset;
-                                itemsFromStartToScrollEnd -= deltaNum;
-                                rightItemsWeight = rightItemLength = 0;
-                                leftHiddenItemsWeight -= deltaOffset;
-                                leftItemsOrRowsWeights.splice(leftItemsOrRowsWeights.length - deltaNum, deltaNum);
-                                y -= deltaOffset;
+                            if (alignment !== Alignments.CENTER) {
+                                const { num, offset } = this.getElementNumToEnd(i, collection, map, typicalItemSize, size, isVertical), leftViewportSize = size - offset;
+                                if (leftViewportSize > 0) {
+                                    const { num: num1, offset: offset1 } = this.getElementNumToEnd(i + num, collection, map, typicalItemSize, size, isVertical, 0, true), deltaNum = (num1 - num), deltaOffset = (offset1 - offset);
+                                    totalItemsToDisplayEndWeight += offset;
+                                    itemsFromStartToScrollEnd -= deltaNum;
+                                    rightItemsWeight = rightItemLength = 0;
+                                    leftHiddenItemsWeight -= deltaOffset;
+                                    leftItemsOrRowsWeights.splice(leftItemsOrRowsWeights.length - deltaNum, deltaNum);
+                                    y -= deltaOffset;
+                                }
                             }
                             itemById = collectionItem;
                             itemByIdPos = y;
@@ -3004,7 +3009,7 @@ class TrackBox extends CacheMap {
             rightItemsWeight = Math.floor(rightItemLength * dividedTypicalItemSize / typicalItemSize) * typicalItemSize;
             leftHiddenItemsWeight = Math.floor(itemsFromStartToScrollEnd * dividedTypicalItemSize / typicalItemSize) * typicalItemSize;
             totalItemsToDisplayEndWeight = Math.floor(itemsFromStartToDisplayEnd * dividedTypicalItemSize / typicalItemSize) * typicalItemSize;
-            totalSize = (totalLength * dividedTypicalItemSize) + this._scrollStartOffset + this._scrollEndOffset;
+            totalSize = (Math.ceil(totalLength / divides) * divides * dividedTypicalItemSize) + this._scrollStartOffset + this._scrollEndOffset;
             const k = totalSize !== 0 ? previousTotalSize / totalSize : 0;
             if (isFromId) {
                 const index = collection.findIndex(item => item[trackBy] == fromItemId);
@@ -3380,7 +3385,7 @@ class TrackBox extends CacheMap {
                 }
                 if (!isDummy) {
                     if ((isSnappingMethodAdvanced || id !== stickyItem?.id) && id !== endStickyItem?.id) {
-                        const isOdd = (items.length - layoutIndexOffset + i) % 2 != 0, sticky = itemConfigMap[id]?.sticky ?? 0, fullSize = itemConfigMap[id]?.fullSize ?? false, selectable = itemConfigMap[id]?.selectable ?? true, collapsable = itemConfigMap[id]?.collapsable ?? false, snapped = stickyEnabled && (sticky === 1 && (pos <= scrollSize + this._scrollStartOffset) || sticky === 2 && (pos >= scrollSize + boundsSize - size)), absoluteStartPosition = pos - scrollSize, ratio = size !== 0 ? boundsSize / size : 0, absoluteStartPositionPercent = -(boundsSize !== 0 ? absoluteStartPosition / boundsSize : 0) * ratio, absoluteEndPosition = boundsSize - (absoluteStartPositionPercent + size), absoluteEndPositionPercent = (absoluteStartPositionPercent + (boundsSize !== 0 ? (absoluteEndPosition + size) / boundsSize : 0) * ratio), x = isVertical ? divSize * ((sticky || fullSize) ? 0 : ci) : pos, y = isVertical ? pos : divSize * ((sticky || fullSize) ? 0 : ci), measures = {
+                        const isOdd = (items.length - layoutIndexOffset + i) % 2 != 0, sticky = itemConfigMap[id]?.sticky ?? 0, fullSize = itemConfigMap[id]?.fullSize ?? false, selectable = itemConfigMap[id]?.selectable ?? true, collapsable = itemConfigMap[id]?.collapsable ?? false, snapped = stickyEnabled && ((sticky === 1 && (pos <= scrollSize + this._scrollStartOffset)) || (sticky === 2 && (pos >= scrollSize + boundsSize - size))), absoluteStartPosition = pos - scrollSize, ratio = size !== 0 ? boundsSize / size : 0, absoluteStartPositionPercent = -(boundsSize !== 0 ? absoluteStartPosition / boundsSize : 0) * ratio, absoluteEndPosition = boundsSize - (absoluteStartPositionPercent + size), absoluteEndPositionPercent = (absoluteStartPositionPercent + (boundsSize !== 0 ? (absoluteEndPosition + size) / boundsSize : 0) * ratio), x = isVertical ? divSize * ((sticky || fullSize) ? 0 : ci) : pos, y = isVertical ? pos : divSize * ((sticky || fullSize) ? 0 : ci), measures = {
                             x,
                             y,
                             transformedX: x,
@@ -3408,7 +3413,7 @@ class TrackBox extends CacheMap {
                             maxWidth: maxItemSize,
                             maxHeight: maxItemSize,
                             scrollDirection,
-                            delta: sticky === 1 ? actualSnippedPosition : sticky === 2 ? actualEndSnippedPosition - deltaOffet - size : 0,
+                            delta: sticky === 1 ? actualSnippedPosition : (sticky === 2 ? (actualEndSnippedPosition - deltaOffet - size) : 0),
                         }, config = {
                             isFirst: i === layoutIndexOffset,
                             isLast: i === li,
@@ -3418,7 +3423,7 @@ class TrackBox extends CacheMap {
                             isVertical,
                             collapsable,
                             selectable,
-                            sticky: sticky,
+                            sticky,
                             snap: stickyEnabled,
                             snapped: false,
                             snappedOut: false,
@@ -3471,9 +3476,9 @@ class TrackBox extends CacheMap {
                 i++;
             }
             const axis = isVertical ? Y_PROP_NAME : X_PROP_NAME;
-            if (!!nextSticky && !!stickyItem && nextSticky.measures[axis] <= actualSnippedPosition + stickyItemSize) {
-                if (nextSticky.measures[axis] > scrollSize - stickyItemSize) {
-                    stickyItem.measures[axis] = nextSticky.measures[axis] - stickyItemSize;
+            if (!!nextSticky && !!stickyItem && nextSticky.measures[axis] <= actualSnippedPosition + stickyItem.measures[sizeProperty]) {
+                if (nextSticky.measures[axis] > actualSnippedPosition) {
+                    stickyItem.measures[axis] = nextSticky.measures[axis] - stickyItem.measures[sizeProperty];
                     stickyItem.config.snapped = nextSticky.config.snapped = false;
                     stickyItem.config.snappedOut = true;
                     stickyItem.config.sticky = 1;
@@ -3482,7 +3487,8 @@ class TrackBox extends CacheMap {
                 else {
                     nextSticky.config.snapped = true;
                     nextSticky.measures.delta = (isVertical ? nextSticky.measures.y : nextSticky.measures.x) - scrollSize;
-                    stickyItem.measures[axis] = stickyItem.measures[axis] + stickyItem.measures[sizeProperty];
+                    stickyItem.measures[axis] = nextSticky.measures[axis] - stickyItem.measures[sizeProperty];
+                    stickyItem.measures.delta = (isVertical ? stickyItem.measures.y : stickyItem.measures.x) - scrollSize;
                 }
             }
             if (!!nextEndSticky && !!endStickyItem &&
@@ -3499,6 +3505,7 @@ class TrackBox extends CacheMap {
                     nextEndSticky.measures[axis] = actualEndSnippedPosition - nextEndSticky.measures[sizeProperty];
                     nextEndSticky.measures.delta = (isVertical ? nextEndSticky.measures.y : nextEndSticky.measures.x) - scrollSize;
                     endStickyItem.measures[axis] = nextEndSticky.measures[axis] + nextEndSticky.measures[sizeProperty];
+                    endStickyItem.measures.delta = (isVertical ? endStickyItem.measures.y : endStickyItem.measures.x) - scrollSize;
                 }
             }
             if (itemTransform !== null) {
@@ -3954,7 +3961,7 @@ const easeLinear = (t) => {
 
 /**
  * Animator
- * @link https://github.com/DjonnyX/data-channel-router/blob/main/library/src/utils/animator/animator.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/main/library/src/utils/animator/animator.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -4031,7 +4038,7 @@ class Animator {
 const SCROLL_VIEW_INVERSION = new InjectionToken('ScrollViewInversion');
 const SCROLL_VIEW_OVERSCROLL_ENABLED = new InjectionToken('ScrollViewOverscrollEnabled');
 const SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO = new InjectionToken('ScrollViewNormalizeValueFromZero');
-const TOP$1 = 'top', LEFT$1 = 'left', INSTANT$1 = 'instant', AUTO = 'auto', SMOOTH = 'smooth', DURATION = 2000, FRICTION_FORCE = .035, MAX_DURATION = 4000, ANIMATION_DURATION = 50, MASS = .005, MAX_DIST = 12500, MAX_VELOCITY_TIMESTAMP = 100, SPEED_SCALE = 15, OVERSCROLL_START_ITERATION = 2, INTERSECTION_DISTANCE = 1;
+const TOP$1 = 'top', LEFT$1 = 'left', INSTANT$1 = 'instant', AUTO = 'auto', SMOOTH = 'smooth', DURATION = 2000, FRICTION_FORCE = .035, MAX_DURATION = 4000, ANIMATION_DURATION = 50, MASS = .005, ACCELERATION_SCALE = 40, MAX_DIST = 12500, MAX_VELOCITY_TIMESTAMP = 100, SPEED_SCALE = 15, OVERSCROLL_START_ITERATION = 2;
 const MAX_ITERATIONS_FOR_AVERAGE_CALCULATIONS = 5, INSTANT_VELOCITY_SCALE = 1000;
 const SCROLL_EVENT$1 = new Event(SCROLLER_SCROLL);
 
@@ -4142,16 +4149,16 @@ const getDir = (p, c) => {
  * @email djonnyx@gmail.com
  */
 class BaseScrollView {
-    scrollContent = viewChild('scrollContent', ...(ngDevMode ? [{ debugName: "scrollContent" }] : /* istanbul ignore next */ []));
-    scrollViewport = viewChild('scrollViewport', ...(ngDevMode ? [{ debugName: "scrollViewport" }] : /* istanbul ignore next */ []));
-    direction = input(ScrollerDirection.VERTICAL, ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
-    startOffset = input(0, ...(ngDevMode ? [{ debugName: "startOffset" }] : /* istanbul ignore next */ []));
-    endOffset = input(0, ...(ngDevMode ? [{ debugName: "endOffset" }] : /* istanbul ignore next */ []));
-    alignmentStartOffset = input(0, ...(ngDevMode ? [{ debugName: "alignmentStartOffset" }] : /* istanbul ignore next */ []));
-    alignmentEndOffset = input(0, ...(ngDevMode ? [{ debugName: "alignmentEndOffset" }] : /* istanbul ignore next */ []));
-    isInfinity = input(false, ...(ngDevMode ? [{ debugName: "isInfinity" }] : /* istanbul ignore next */ []));
+    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" }] : []));
     isVertical;
-    grabbing = signal(false, ...(ngDevMode ? [{ debugName: "grabbing" }] : /* istanbul ignore next */ []));
+    grabbing = signal(false, ...(ngDevMode ? [{ debugName: "grabbing" }] : []));
     _inversion = inject(SCROLL_VIEW_INVERSION);
     _overscrollEnabled = inject(SCROLL_VIEW_OVERSCROLL_ENABLED);
     _$updateScrollBar = new Subject();
@@ -4239,13 +4246,13 @@ class BaseScrollView {
         }
         return contentHeight < viewportHeight ? isVertical ? startOffset : 0 : ((contentHeight + this.alignmentEndOffset()) - viewportHeight);
     }
-    viewportBounds = signal({ width: 0, height: 0 }, ...(ngDevMode ? [{ debugName: "viewportBounds" }] : /* istanbul ignore next */ []));
-    contentBounds = signal({ width: 0, height: 0 }, ...(ngDevMode ? [{ debugName: "contentBounds" }] : /* istanbul ignore next */ []));
+    viewportBounds = signal({ width: 0, height: 0 }, ...(ngDevMode ? [{ debugName: "viewportBounds" }] : []));
+    contentBounds = signal({ width: 0, height: 0 }, ...(ngDevMode ? [{ debugName: "contentBounds" }] : []));
     _isCoordinatesOverrided = false;
     constructor() {
         this.isVertical = computed(() => {
             return this.direction() === ScrollerDirection.VERTICAL;
-        }, ...(ngDevMode ? [{ debugName: "isVertical" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "isVertical" }] : []));
     }
     tick() {
         this.onResizeContent();
@@ -4313,10 +4320,10 @@ class BaseScrollView {
             this.contentBounds.set({ width, height });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BaseScrollView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BaseScrollView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: BaseScrollView, decorators: [{
             type: Component,
             args: [{
                     selector: 'base-scroll-view',
@@ -4374,14 +4381,14 @@ const calculateVelocity = (startPosition, currentPosition, timestamp) => {
 class NgScrollView extends BaseScrollView {
     cdkScrollable;
     _service = inject(NgVirtualListService);
-    scrollBehavior = input(DEFAULT_SCROLL_BEHAVIOR, ...(ngDevMode ? [{ debugName: "scrollBehavior" }] : /* istanbul ignore next */ []));
-    overscrollEnabled = input(DEFAULT_OVERSCROLL_ENABLED, ...(ngDevMode ? [{ debugName: "overscrollEnabled" }] : /* istanbul ignore next */ []));
-    scrollingSettings = input(DEFAULT_SCROLLING_SETTINGS, ...(ngDevMode ? [{ debugName: "scrollingSettings" }] : /* istanbul ignore next */ []));
-    snapToItem = input(DEFAULT_SNAP_TO_ITEM, ...(ngDevMode ? [{ debugName: "snapToItem" }] : /* istanbul ignore next */ []));
-    scrollingOneByOne = input(DEFAULT_SCROLLING_ONE_BY_ONE, ...(ngDevMode ? [{ debugName: "scrollingOneByOne" }] : /* istanbul ignore next */ []));
-    snapToItemAlign = input(DEFAULT_SNAP_TO_ITEM_ALIGN, ...(ngDevMode ? [{ debugName: "snapToItemAlign" }] : /* istanbul ignore next */ []));
-    snappingDistance = input(DEFAULT_SNAPPING_DISTANCE, ...(ngDevMode ? [{ debugName: "snappingDistance" }] : /* istanbul ignore next */ []));
-    animationParams = input(DEFAULT_ANIMATION_PARAMS, ...(ngDevMode ? [{ debugName: "animationParams" }] : /* istanbul ignore next */ []));
+    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" }] : []));
     _normalizeValueFromZero = inject(SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO);
     _isScrollsTo = false;
     _scrollDirection = new ScrollingDirection();
@@ -4788,8 +4795,8 @@ class NgScrollView extends BaseScrollView {
                 continue;
             }
             if (v00) {
-                const a0 = timestamp < MAX_VELOCITY_TIMESTAMP ? (v00[1] !== 0 ? (lastVSign * Math.abs(Math.abs(v01[0]) - Math.abs(v00[0]))) / Math.abs(v00[1]) : 0) : 0.1;
-                aSum = (aSum * mass) + a0;
+                const a0 = timestamp < MAX_VELOCITY_TIMESTAMP ? (v00[1] !== 0 ? (lastVSign * Math.abs(Math.abs(v01[0]) - Math.abs(v00[0]))) / Math.abs(v00[1]) : 0) : .1;
+                aSum = Math.abs((aSum * mass)) + Math.abs(a0);
                 prevV0 = v01;
             }
             prevV0 = v01;
@@ -4810,7 +4817,7 @@ class NgScrollView extends BaseScrollView {
     }
     moveWithAcceleration(isVertical, position, v0, v, a0, timestamp) {
         if (a0 !== 0 && timestamp < MAX_VELOCITY_TIMESTAMP) {
-            const dvSign = Math.sign(v), mass = this.scrollingSettings()?.mass ?? MASS, duration = DURATION, maxDuration = this.scrollingSettings()?.maxDuration ?? MAX_DURATION, maxDist = this.scrollingSettings()?.maxDistance ?? MAX_DIST, maxDistance = dvSign * maxDist, s = (dvSign * Math.abs((a0 * Math.pow(duration, 2)) * .5) / 1000) / mass, distance = Math.abs(s) < maxDist ? s : maxDistance, positionWithVelocity = position + (this._inversion ? -1 : 1) * distance, vmax = Math.max(Math.abs(v0), Math.abs(v)), ad = Math.abs(vmax !== 0 ? Math.sqrt(vmax) : 0) * 10 / mass, aDuration = ad < maxDuration ? ad : maxDuration, startPosition = isVertical ? this.y : this.x;
+            const dvSign = Math.sign(v), mass = this.scrollingSettings()?.mass ?? MASS, duration = DURATION, maxDuration = this.scrollingSettings()?.maxDuration ?? MAX_DURATION, maxDist = this.scrollingSettings()?.maxDistance ?? MAX_DIST, maxDistance = dvSign * maxDist, s = (dvSign * Math.abs((a0 * Math.pow(duration, 2)) * .5) / 10000) / mass, distance = Math.abs(s) < maxDist ? s : maxDistance, positionWithVelocity = position + (this._inversion ? -1 : 1) * distance, ad = Math.abs(a0 !== 0 ? Math.sqrt(a0) : 0) * ACCELERATION_SCALE / mass, aDuration = ad < maxDuration ? ad : maxDuration, startPosition = isVertical ? this.y : this.x;
             this.animate(startPosition, Math.round(positionWithVelocity), aDuration, easeOutQuad, true);
         }
         else {
@@ -4826,7 +4833,7 @@ class NgScrollView extends BaseScrollView {
     }
     animate(startValue, endValue, duration = ANIMATION_DURATION, easingFunction = easeOutQuad, userAction = false, alignmentAtComplete = true, skipOverridedCoordinates = false) {
         const isVertical = this.isVertical();
-        let iteration = 0, position = startValue;
+        let position = startValue;
         this._isAlignmentAnimation = !alignmentAtComplete;
         this._animator.animate({
             withDelta: this._service.dynamic && !this.isInfinity(),
@@ -4843,17 +4850,16 @@ class NgScrollView extends BaseScrollView {
                     this.animate(currentCoordinate, currentCoordinate + delta, duration - elapsed, easingFunction, userAction, alignmentAtComplete);
                     return;
                 }
-                const v0 = calculateVelocity(position, value, timestamp) ?? this.averageVelocity;
+                const v0 = calculateVelocity(position, value - this._delta, timestamp) ?? this.averageVelocity;
                 position = value;
                 if (alignmentAtComplete && !this._isAlignmentAnimation && !skipOverridedCoordinates) {
-                    if (iteration < MAX_ITERATIONS_FOR_AVERAGE_CALCULATIONS || !this.snapIfNecessary(v0)) {
+                    if (!this.snapIfNecessary(v0)) {
                         this.move(isVertical, value, false, userAction);
                     }
                 }
                 else {
                     this.move(isVertical, value, false, userAction);
                 }
-                iteration++;
                 this._service.update(true);
             }, onComplete: ({ value, timestamp }) => {
                 this._isAlignmentAnimation = false;
@@ -4905,10 +4911,9 @@ class NgScrollView extends BaseScrollView {
         return size;
     }
     alignPosition(animated = true, force = false) {
-        if (!this.snapToItem() || this._isAlignmentAnimation) {
+        if (!this.snapToItem() || (this._isAlignmentAnimation && !force)) {
             return false;
         }
-        this.stopScrolling(true);
         const scrollDirection = this._scrollDirection.get() || (force ? 1 : 0);
         if (scrollDirection === 0) {
             return false;
@@ -5118,10 +5123,10 @@ class NgScrollView extends BaseScrollView {
             this._animator.dispose();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollView, decorators: [{
             type: Component,
             args: [{
                     selector: 'ng-scroll-view',
@@ -5143,26 +5148,26 @@ const DEFAULT_THICKNESS = 6, DEFAULT_SIZE = 6, PX = 'px', WIDTH = 'width', HEIGH
  * @email djonnyx@gmail.com
  */
 class NgScrollBarComponent extends NgScrollView {
-    _defaultRenderer = viewChild('defaultRenderer', ...(ngDevMode ? [{ debugName: "_defaultRenderer" }] : /* istanbul ignore next */ []));
+    _defaultRenderer = viewChild('defaultRenderer', ...(ngDevMode ? [{ debugName: "_defaultRenderer" }] : []));
     _scrollBarService = inject(NgScrollBarService);
     _apiService = inject(NgScrollBarPublicService);
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : []));
     onDrag = output();
     onDragEnd = output();
-    thumbGradientPositions = input([0, 0], ...(ngDevMode ? [{ debugName: "thumbGradientPositions" }] : /* istanbul ignore next */ []));
-    size = input(DEFAULT_SIZE, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    thickness = input(DEFAULT_THICKNESS, ...(ngDevMode ? [{ debugName: "thickness" }] : /* istanbul ignore next */ []));
-    scrollbarMinSize = input(0, ...(ngDevMode ? [{ debugName: "scrollbarMinSize" }] : /* istanbul ignore next */ []));
-    prepared = input(false, ...(ngDevMode ? [{ debugName: "prepared" }] : /* istanbul ignore next */ []));
-    langTextDir = input(DEFAULT_LANG_TEXT_DIR, ...(ngDevMode ? [{ debugName: "langTextDir" }] : /* istanbul ignore next */ []));
-    interactive = input(DEFAULT_SCROLLBAR_INTERACTIVE, ...(ngDevMode ? [{ debugName: "interactive" }] : /* istanbul ignore next */ []));
-    overlapping = input(DEFAULT_OVERLAPPING_SCROLLBAR, ...(ngDevMode ? [{ debugName: "overlapping" }] : /* istanbul ignore next */ []));
-    show = input(false, ...(ngDevMode ? [{ debugName: "show" }] : /* istanbul ignore next */ []));
-    params = input({}, ...(ngDevMode ? [{ debugName: "params" }] : /* istanbul ignore next */ []));
-    renderer = input(null, ...(ngDevMode ? [{ debugName: "renderer" }] : /* istanbul ignore next */ []));
-    thumbRenderer = signal(this._defaultRenderer() ?? null, ...(ngDevMode ? [{ debugName: "thumbRenderer" }] : /* istanbul ignore next */ []));
-    hoverState = signal(false, ...(ngDevMode ? [{ debugName: "hoverState" }] : /* istanbul ignore next */ []));
-    pressedState = signal(false, ...(ngDevMode ? [{ debugName: "pressedState" }] : /* istanbul ignore next */ []));
+    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" }] : []));
     templateContext;
     styles;
     thumbWidth;
@@ -5181,7 +5186,7 @@ class NgScrollBarComponent extends NgScrollView {
                 params: this.params() ?? {},
             };
             return context;
-        }, ...(ngDevMode ? [{ debugName: "templateContext" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "templateContext" }] : []));
         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);
@@ -5196,10 +5201,10 @@ class NgScrollBarComponent extends NgScrollView {
         })).subscribe();
         this.thumbWidth = computed(() => {
             return this.isVertical() ? this.thickness() : this.size();
-        }, ...(ngDevMode ? [{ debugName: "thumbWidth" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "thumbWidth" }] : []));
         this.thumbHeight = computed(() => {
             return this.isVertical() ? this.size() : this.thickness();
-        }, ...(ngDevMode ? [{ debugName: "thumbHeight" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "thumbHeight" }] : []));
         const $wheel = this.$wheel;
         $wheel.pipe(takeUntilDestroyed(), debounceTime(100), tap(() => {
             const event = this.createDragEvent(true);
@@ -5245,7 +5250,7 @@ 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" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "styles" }] : []));
         effect(() => {
             const el = this._elementRef.nativeElement;
             if (!!el) {
@@ -5271,13 +5276,13 @@ class NgScrollBarComponent extends NgScrollView {
         })).subscribe();
     }
     createDragEvent(userAction) {
-        const isVertical = this.isVertical(), scrollSize = isVertical ? this.scrollHeight : this.scrollWidth, scrollContent = this.scrollContent()?.nativeElement, scrollViewport = this.scrollViewport()?.nativeElement;
+        const isVertical = this.isVertical(), scrollSize = isVertical ? this.scrollHeight : this.scrollWidth, scrollPosition = isVertical ? this.scrollTop : this.scrollLeft, startOffset = this.startOffset(), endOffset = this.endOffset(), scrollContent = this.scrollContent()?.nativeElement, scrollViewport = this.scrollViewport()?.nativeElement;
         if (!!scrollViewport && !!scrollContent) {
-            const contentSize = isVertical ? scrollContent.offsetHeight : scrollContent.offsetWidth, viewportSize = isVertical ? scrollViewport.offsetHeight : scrollViewport.offsetWidth;
+            const contentSize = isVertical ? scrollContent.offsetHeight : scrollContent.offsetWidth, viewportSize = isVertical ? scrollViewport.offsetHeight : scrollViewport.offsetWidth, offsetSize = (scrollSize !== 0 ? (startOffset / scrollSize) : 0), positionSize = (scrollSize !== 0 ? (scrollPosition / scrollSize) : 0), maxSize = 1 - offsetSize, pos = (positionSize - offsetSize);
             const event = {
-                position: scrollSize !== 0 ? ((isVertical ? this._y : this._x) / scrollSize) : 0,
-                min: scrollSize !== 0 ? (this.startOffset() / scrollSize) : 0,
-                max: scrollSize !== 0 ? ((viewportSize - this.endOffset() - contentSize) / scrollSize) : 0,
+                position: pos / maxSize,
+                min: scrollSize !== 0 ? (startOffset / scrollSize) : 0,
+                max: scrollSize !== 0 ? ((viewportSize - endOffset - contentSize) / scrollSize) : 0,
                 animation: !this._isMoving,
                 userAction,
             };
@@ -5298,8 +5303,8 @@ class NgScrollBarComponent extends NgScrollView {
     click(event) {
         this._scrollBarService.click(event);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", 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: "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: [
             { provide: SCROLL_VIEW_INVERSION, useValue: true },
             { provide: SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO, useValue: false },
             { provide: SCROLL_VIEW_OVERSCROLL_ENABLED, useValue: false },
@@ -5307,7 +5312,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.16", ngImport: i0, type: NgScrollBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-scroll-bar', providers: [
                         { provide: SCROLL_VIEW_INVERSION, useValue: true },
@@ -5328,8 +5333,8 @@ const RIGHT = 'right', DIR = 'dir';
  * @email djonnyx@gmail.com
  */
 class LocaleSensitiveDirective {
-    langTextDir = input(TextDirections.LTR, ...(ngDevMode ? [{ debugName: "langTextDir" }] : /* istanbul ignore next */ []));
-    listDir = input(ScrollerDirection$1.VERTICAL, ...(ngDevMode ? [{ debugName: "listDir" }] : /* istanbul ignore next */ []));
+    langTextDir = input(TextDirections.LTR, ...(ngDevMode ? [{ debugName: "langTextDir" }] : []));
+    listDir = input(ScrollerDirection$1.VERTICAL, ...(ngDevMode ? [{ debugName: "listDir" }] : []));
     _elementRef = inject((ElementRef));
     constructor() {
         const $langTextDir = toObservable(this.langTextDir), $listDir = toObservable(this.listDir);
@@ -5347,10 +5352,10 @@ class LocaleSensitiveDirective {
             }
         })).subscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LocaleSensitiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LocaleSensitiveDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocaleSensitiveDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[localeSensitive]',
@@ -5370,30 +5375,30 @@ const SCROLL_EVENT = new Event(SCROLLER_SCROLL);
  */
 class NgScrollerComponent extends NgScrollView {
     scrollBar;
-    filter = viewChild('filter', ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    filter = viewChild('filter', ...(ngDevMode ? [{ debugName: "filter" }] : []));
     onScrollbarVisible = output();
-    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : /* istanbul ignore next */ []));
-    scrollbarInteractive = input(DEFAULT_SCROLLBAR_INTERACTIVE, ...(ngDevMode ? [{ debugName: "scrollbarInteractive" }] : /* istanbul ignore next */ []));
-    focusedElement = input(null, ...(ngDevMode ? [{ debugName: "focusedElement" }] : /* istanbul ignore next */ []));
-    overlappingScrollbar = input(DEFAULT_OVERLAPPING_SCROLLBAR, ...(ngDevMode ? [{ debugName: "overlappingScrollbar" }] : /* istanbul ignore next */ []));
-    content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : /* istanbul ignore next */ []));
-    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
-    classes = input({}, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE, ...(ngDevMode ? [{ debugName: "scrollbarMinSize" }] : /* istanbul ignore next */ []));
-    scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS, ...(ngDevMode ? [{ debugName: "scrollbarThickness" }] : /* istanbul ignore next */ []));
-    scrollbarThumbRenderer = input(null, ...(ngDevMode ? [{ debugName: "scrollbarThumbRenderer" }] : /* istanbul ignore next */ []));
-    scrollbarThumbParams = input(null, ...(ngDevMode ? [{ debugName: "scrollbarThumbParams" }] : /* istanbul ignore next */ []));
-    motionBlur = input(DEFAULT_MOTION_BLUR, ...(ngDevMode ? [{ debugName: "motionBlur" }] : /* istanbul ignore next */ []));
-    maxMotionBlur = input(DEFAULT_MAX_MOTION_BLUR, ...(ngDevMode ? [{ debugName: "maxMotionBlur" }] : /* istanbul ignore next */ []));
-    motionBlurEnabled = input(DEFAULT_MOTION_BLUR_ENABLED, ...(ngDevMode ? [{ debugName: "motionBlurEnabled" }] : /* istanbul ignore next */ []));
+    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" }] : []));
     actualClasses;
     containerClasses;
-    thumbGradientPositions = signal([0, 0], ...(ngDevMode ? [{ debugName: "thumbGradientPositions" }] : /* istanbul ignore next */ []));
-    thumbSize = signal(0, ...(ngDevMode ? [{ debugName: "thumbSize" }] : /* istanbul ignore next */ []));
-    scrollbarShow = signal(false, ...(ngDevMode ? [{ debugName: "scrollbarShow" }] : /* istanbul ignore next */ []));
-    preparedSignal = signal(false, ...(ngDevMode ? [{ debugName: "preparedSignal" }] : /* istanbul ignore next */ []));
-    langTextDir = signal(TextDirections.LTR, ...(ngDevMode ? [{ debugName: "langTextDir" }] : /* istanbul ignore next */ []));
-    listStyles = signal({ perspectiveOrigin: 'center' }, ...(ngDevMode ? [{ debugName: "listStyles" }] : /* istanbul ignore next */ []));
+    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" }] : []));
     _scrollBox = new ScrollBox$1();
     get host() {
         return this.scrollViewport()?.nativeElement;
@@ -5447,7 +5452,7 @@ class NgScrollerComponent extends NgScrollView {
         }
     }
     get startLayoutOffset() { return this._startLayoutOffset; }
-    viewInitialized = signal(false, ...(ngDevMode ? [{ debugName: "viewInitialized" }] : /* istanbul ignore next */ []));
+    viewInitialized = signal(false, ...(ngDevMode ? [{ debugName: "viewInitialized" }] : []));
     _isScrollbarUserAction = false;
     get isScrollbarUserAction() {
         return this._isScrollbarUserAction;
@@ -5494,11 +5499,11 @@ 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" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "actualClasses" }] : []));
         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" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
         effect(() => {
             const viewInitialized = this.viewInitialized();
             if (viewInitialized) {
@@ -5699,14 +5704,14 @@ class NgScrollerComponent extends NgScrollView {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", 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: "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: [
             { 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.16", ngImport: i0, type: NgScrollerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-scroller', providers: [
                         { provide: SCROLL_VIEW_INVERSION, useValue: false },
@@ -5996,10 +6001,10 @@ class NgPrerenderVirtualListItemComponent extends NgVirtualListItemComponent {
             styles.visibility = VISIBILITY_HIDDEN;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderVirtualListItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderVirtualListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderVirtualListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-prerender-virtual-list-item', host: {
                         'class': 'ngvl__item',
@@ -6017,13 +6022,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  */
 class NgPrerenderScrollerComponent extends BaseScrollView {
     scrollBar;
-    langTextDir = signal(TextDirections.LTR, ...(ngDevMode ? [{ debugName: "langTextDir" }] : /* istanbul ignore next */ []));
-    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : /* istanbul ignore next */ []));
-    classes = input({}, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    langTextDir = signal(TextDirections.LTR, ...(ngDevMode ? [{ debugName: "langTextDir" }] : []));
+    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : []));
+    classes = input({}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
     actualClasses;
-    containerClasses = signal({}, ...(ngDevMode ? [{ debugName: "containerClasses" }] : /* istanbul ignore next */ []));
-    thumbSize = signal(0, ...(ngDevMode ? [{ debugName: "thumbSize" }] : /* istanbul ignore next */ []));
-    scrollbarShow = signal(false, ...(ngDevMode ? [{ debugName: "scrollbarShow" }] : /* istanbul ignore next */ []));
+    containerClasses = signal({}, ...(ngDevMode ? [{ debugName: "containerClasses" }] : []));
+    thumbSize = signal(0, ...(ngDevMode ? [{ debugName: "thumbSize" }] : []));
+    scrollbarShow = signal(false, ...(ngDevMode ? [{ debugName: "scrollbarShow" }] : []));
     set x(v) {
         if (v !== undefined && !Number.isNaN(v)) {
             this._x = this._actualX = v;
@@ -6058,7 +6063,7 @@ class NgPrerenderScrollerComponent extends BaseScrollView {
         this.actualClasses = computed(() => {
             const classes = this.classes(), direction = this.direction();
             return { ...classes, [direction]: true };
-        }, ...(ngDevMode ? [{ debugName: "actualClasses" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "actualClasses" }] : []));
         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 });
@@ -6095,14 +6100,14 @@ class NgPrerenderScrollerComponent extends BaseScrollView {
     updateScrollBar() {
         this._$updateScrollBar.next();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderScrollerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", 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: "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: [
             { 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.16", ngImport: i0, type: NgPrerenderScrollerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderScrollerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-prerender-scroller', providers: [
                         { provide: SCROLL_VIEW_INVERSION, useValue: false },
@@ -6124,21 +6129,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  */
 class NgPrerenderList {
     _listContainerRef;
-    enabled = input(false, ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
-    direction = input(DEFAULT_DIRECTION, ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
-    isVertical = input(true, ...(ngDevMode ? [{ debugName: "isVertical" }] : /* istanbul ignore next */ []));
-    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : /* istanbul ignore next */ []));
-    startOffset = input(0, ...(ngDevMode ? [{ debugName: "startOffset" }] : /* istanbul ignore next */ []));
-    endOffset = input(0, ...(ngDevMode ? [{ debugName: "endOffset" }] : /* istanbul ignore next */ []));
-    bounds = input.required(...(ngDevMode ? [{ debugName: "bounds" }] : /* istanbul ignore next */ []));
-    dynamic = input(DEFAULT_DYNAMIC_SIZE, ...(ngDevMode ? [{ debugName: "dynamic" }] : /* istanbul ignore next */ []));
-    itemSize = input(DEFAULT_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "itemSize" }] : /* istanbul ignore next */ []));
-    trackBy = input(TRACK_BY_PROPERTY_NAME, ...(ngDevMode ? [{ debugName: "trackBy" }] : /* istanbul ignore next */ []));
-    divides = input(DEFAULT_DIVIDES, ...(ngDevMode ? [{ debugName: "divides" }] : /* istanbul ignore next */ []));
-    itemRenderer = input(...(ngDevMode ? [undefined, { debugName: "itemRenderer" }] : /* istanbul ignore next */ []));
-    itemComponentClass = input(NgPrerenderVirtualListItemComponent, ...(ngDevMode ? [{ debugName: "itemComponentClass" }] : /* istanbul ignore next */ []));
-    _items = signal(null, ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
-    classes = signal({ prepared: true }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    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" }] : []));
     _$render = new Subject();
     $render = this._$render.asObservable();
     _$componentResize = new Subject();
@@ -6247,10 +6252,10 @@ class NgPrerenderList {
             this._trackBox = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderList, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderList, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderList, decorators: [{
             type: Component,
             args: [{ selector: 'ng-prerender-list', host: {
                         'style': 'position: relative;'
@@ -6269,19 +6274,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
  * @email djonnyx@gmail.com
  */
 class NgPrerenderContainer {
-    _list = viewChild('list', ...(ngDevMode ? [{ debugName: "_list" }] : /* istanbul ignore next */ []));
-    enabled = input(false, ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
-    direction = input(DEFAULT_DIRECTION, ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
-    isVertical = input(true, ...(ngDevMode ? [{ debugName: "isVertical" }] : /* istanbul ignore next */ []));
-    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, ...(ngDevMode ? [{ debugName: "scrollbarEnabled" }] : /* istanbul ignore next */ []));
-    startOffset = input(0, ...(ngDevMode ? [{ debugName: "startOffset" }] : /* istanbul ignore next */ []));
-    endOffset = input(0, ...(ngDevMode ? [{ debugName: "endOffset" }] : /* istanbul ignore next */ []));
-    bounds = input.required(...(ngDevMode ? [{ debugName: "bounds" }] : /* istanbul ignore next */ []));
-    dynamic = input(DEFAULT_DYNAMIC_SIZE, ...(ngDevMode ? [{ debugName: "dynamic" }] : /* istanbul ignore next */ []));
-    itemSize = input(DEFAULT_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "itemSize" }] : /* istanbul ignore next */ []));
-    trackBy = input(TRACK_BY_PROPERTY_NAME, ...(ngDevMode ? [{ debugName: "trackBy" }] : /* istanbul ignore next */ []));
-    divides = input(DEFAULT_DIVIDES, ...(ngDevMode ? [{ debugName: "divides" }] : /* istanbul ignore next */ []));
-    itemRenderer = input(...(ngDevMode ? [undefined, { debugName: "itemRenderer" }] : /* istanbul ignore next */ []));
+    _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" }] : []));
     $render;
     get active() {
         return this._list()?.active ?? false;
@@ -6308,10 +6313,10 @@ class NgPrerenderContainer {
             list.off();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.16", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderContainer, decorators: [{
             type: Component,
             args: [{ selector: 'ng-prerender-container', host: {
                         'style': 'position: relative;'
@@ -6334,10 +6339,10 @@ class NgVirtualListComponent {
      */
     get id() { return this._id; }
     _service = inject(NgVirtualListService);
-    _prerender = viewChild('prerender', ...(ngDevMode ? [{ debugName: "_prerender" }] : /* istanbul ignore next */ []));
+    _prerender = viewChild('prerender', ...(ngDevMode ? [{ debugName: "_prerender" }] : []));
     _listContainerRef;
     _snapContainerRef;
-    _scrollerComponent = viewChild('scroller', ...(ngDevMode ? [{ debugName: "_scrollerComponent" }] : /* istanbul ignore next */ []));
+    _scrollerComponent = viewChild('scroller', ...(ngDevMode ? [{ debugName: "_scrollerComponent" }] : []));
     _scroller;
     _list;
     /**
@@ -6393,7 +6398,7 @@ class NgVirtualListComponent {
     /**
      * Scrollbar thickness.
      */
-    scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS, { ...(ngDevMode ? { debugName: "scrollbarThickness" } : /* istanbul ignore next */ {}), ...this._scrollbarThickness });
+    scrollbarThickness = input(DEFAULT_SCROLLBAR_THICKNESS, { ...(ngDevMode ? { debugName: "scrollbarThickness" } : {}), ...this._scrollbarThickness });
     _scrollbarMinSize = {
         transform: (v) => {
             const valid = validateInt(v);
@@ -6407,7 +6412,7 @@ class NgVirtualListComponent {
     /**
      * Minimum scrollbar size.
      */
-    scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE, { ...(ngDevMode ? { debugName: "scrollbarMinSize" } : /* istanbul ignore next */ {}), ...this._scrollbarMinSize });
+    scrollbarMinSize = input(DEFAULT_SCROLLBAR_MIN_SIZE, { ...(ngDevMode ? { debugName: "scrollbarMinSize" } : {}), ...this._scrollbarMinSize });
     _scrollbarThumbRenderer = {
         transform: (v) => {
             const valid = validateObject(v, true, true);
@@ -6421,7 +6426,7 @@ class NgVirtualListComponent {
     /**
      * Scrollbar customization template.
      */
-    scrollbarThumbRenderer = input(null, { ...(ngDevMode ? { debugName: "scrollbarThumbRenderer" } : /* istanbul ignore next */ {}), ...this._scrollbarThumbRenderer });
+    scrollbarThumbRenderer = input(null, { ...(ngDevMode ? { debugName: "scrollbarThumbRenderer" } : {}), ...this._scrollbarThumbRenderer });
     _scrollbarThumbParams = {
         transform: (v) => {
             const valid = validateObject(v, true, true);
@@ -6435,7 +6440,7 @@ class NgVirtualListComponent {
     /**
      * Additional options for the scrollbar.
      */
-    scrollbarThumbParams = input({}, { ...(ngDevMode ? { debugName: "scrollbarThumbParams" } : /* istanbul ignore next */ {}), ...this._scrollbarThumbParams });
+    scrollbarThumbParams = input({}, { ...(ngDevMode ? { debugName: "scrollbarThumbParams" } : {}), ...this._scrollbarThumbParams });
     _loading = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6449,7 +6454,7 @@ class NgVirtualListComponent {
     /**
      * If `true`, the scrollBar goes into loading state. The default value is `false`.
      */
-    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), ...this._loading });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : {}), ...this._loading });
     _waitForPreparation = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6463,7 +6468,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" } : /* istanbul ignore next */ {}), ...this._waitForPreparation });
+    waitForPreparation = input(DEFAULT_WAIT_FOR_PREPARATION, { ...(ngDevMode ? { debugName: "waitForPreparation" } : {}), ...this._waitForPreparation });
     _clickDistance = {
         transform: (v) => {
             const valid = validateInt(v);
@@ -6477,7 +6482,7 @@ class NgVirtualListComponent {
     /**
      * The maximum scroll distance at which a click event is triggered.
      */
-    clickDistance = input(DEFAULT_CLICK_DISTANCE, { ...(ngDevMode ? { debugName: "clickDistance" } : /* istanbul ignore next */ {}), ...this._clickDistance });
+    clickDistance = input(DEFAULT_CLICK_DISTANCE, { ...(ngDevMode ? { debugName: "clickDistance" } : {}), ...this._clickDistance });
     _itemsOptions = {
         transform: (v) => {
             let valid = validateArray(v, true, true);
@@ -6506,7 +6511,7 @@ class NgVirtualListComponent {
     /**
      * Collection of list items.
      */
-    items = input.required({ ...(ngDevMode ? { debugName: "items" } : /* istanbul ignore next */ {}), ...this._itemsOptions });
+    items = input.required({ ...(ngDevMode ? { debugName: "items" } : {}), ...this._itemsOptions });
     _selectedIdsOptions = {
         transform: (v) => {
             let valid = validateArray(v, true, true) || validateString(v, true, true) || validateFloat(v, true);
@@ -6528,11 +6533,11 @@ class NgVirtualListComponent {
             return v;
         },
     };
-    defaultItemValue = input(null, ...(ngDevMode ? [{ debugName: "defaultItemValue" }] : /* istanbul ignore next */ []));
+    defaultItemValue = input(null, ...(ngDevMode ? [{ debugName: "defaultItemValue" }] : []));
     /**
      * Sets the selected items.
      */
-    selectedIds = input(null, { ...(ngDevMode ? { debugName: "selectedIds" } : /* istanbul ignore next */ {}), ...this._selectedIdsOptions });
+    selectedIds = input(null, { ...(ngDevMode ? { debugName: "selectedIds" } : {}), ...this._selectedIdsOptions });
     _collapsedIdsOptions = {
         transform: (v) => {
             let valid = validateArray(v, true, true);
@@ -6557,7 +6562,7 @@ class NgVirtualListComponent {
     /**
      * Sets the collapsed items.
      */
-    collapsedIds = input([], { ...(ngDevMode ? { debugName: "collapsedIds" } : /* istanbul ignore next */ {}), ...this._collapsedIdsOptions });
+    collapsedIds = input([], { ...(ngDevMode ? { debugName: "collapsedIds" } : {}), ...this._collapsedIdsOptions });
     _selectByClickOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6572,7 +6577,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" } : /* istanbul ignore next */ {}), ...this._selectByClickOptions });
+    selectByClick = input(DEFAULT_SELECT_BY_CLICK, { ...(ngDevMode ? { debugName: "selectByClick" } : {}), ...this._selectByClickOptions });
     _collapseByClickOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6587,7 +6592,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" } : /* istanbul ignore next */ {}), ...this._collapseByClickOptions });
+    collapseByClick = input(DEFAULT_COLLAPSE_BY_CLICK, { ...(ngDevMode ? { debugName: "collapseByClick" } : {}), ...this._collapseByClickOptions });
     _snapOptions = {
         transform: (v) => {
             throw Error(`Property snap is deprecated. Use the \`stickyEnabled\` property instead.`);
@@ -6597,7 +6602,7 @@ class NgVirtualListComponent {
      * @deprecated
      * Use the `stickyEnabled` property instead.
      */
-    snap = input(false, { ...(ngDevMode ? { debugName: "snap" } : /* istanbul ignore next */ {}), ...this._snapOptions });
+    snap = input(false, { ...(ngDevMode ? { debugName: "snap" } : {}), ...this._snapOptions });
     _stickyEnabledOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6611,7 +6616,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" } : /* istanbul ignore next */ {}), ...this._stickyEnabledOptions });
+    stickyEnabled = input(DEFAULT_STICKY_ENABLED, { ...(ngDevMode ? { debugName: "stickyEnabled" } : {}), ...this._stickyEnabledOptions });
     _snapToEndTransitionInstantOffsetOptions = {
         transform: (v) => {
             const valid = validateFloat(v, true);
@@ -6625,7 +6630,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" } : /* istanbul ignore next */ {}), ...this._snapToEndTransitionInstantOffsetOptions });
+    snapToEndTransitionInstantOffset = input(DEFAULT_SNAP_TO_END_TRANSITION_INSTANT_OFFSET, { ...(ngDevMode ? { debugName: "snapToEndTransitionInstantOffset" } : {}), ...this._snapToEndTransitionInstantOffsetOptions });
     _scrollStartOffsetOptions = {
         transform: (v) => {
             const valid = validateFloat(v, true) || isPercentageValue(v);
@@ -6640,7 +6645,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" } : /* istanbul ignore next */ {}), ...this._scrollStartOffsetOptions });
+    scrollStartOffset = input(0, { ...(ngDevMode ? { debugName: "scrollStartOffset" } : {}), ...this._scrollStartOffsetOptions });
     _scrollEndOffsetOptions = {
         transform: (v) => {
             const valid = validateFloat(v, true) || isPercentageValue(v);
@@ -6655,7 +6660,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" } : /* istanbul ignore next */ {}), ...this._scrollEndOffsetOptions });
+    scrollEndOffset = input(0, { ...(ngDevMode ? { debugName: "scrollEndOffset" } : {}), ...this._scrollEndOffsetOptions });
     _snapScrollToStartOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -6676,7 +6681,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" } : /* istanbul ignore next */ {}), ...this._snapScrollToStartOptions });
+    snapScrollToStart = input(DEFAULT_SNAP_SCROLLTO_START, { ...(ngDevMode ? { debugName: "snapScrollToStart" } : {}), ...this._snapScrollToStartOptions });
     _snapScrollToEndOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -6696,7 +6701,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" } : /* istanbul ignore next */ {}), ...this._snapScrollToEndOptions });
+    snapScrollToEnd = input(DEFAULT_SNAP_SCROLLTO_END, { ...(ngDevMode ? { debugName: "snapScrollToEnd" } : {}), ...this._snapScrollToEndOptions });
     _snapScrollToBottomOptions = {
         transform: () => {
             throw Error('The stopSnappingScrollToEnd property is deprecated. Use the snapScrollToEnd property.');
@@ -6706,7 +6711,7 @@ class NgVirtualListComponent {
      * @deprecated
      * The stopSnappingScrollToEnd property is deprecated. Use the snapScrollToEnd property.
      */
-    snapScrollToBottom = input('deprecated', { ...(ngDevMode ? { debugName: "snapScrollToBottom" } : /* istanbul ignore next */ {}), ...this._snapScrollToBottomOptions });
+    snapScrollToBottom = input('deprecated', { ...(ngDevMode ? { debugName: "snapScrollToBottom" } : {}), ...this._snapScrollToBottomOptions });
     _scrollbarEnabledOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -6720,7 +6725,7 @@ class NgVirtualListComponent {
     /**
      * Determines whether the scrollbar is shown or not. The default value is "true".
      */
-    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, { ...(ngDevMode ? { debugName: "scrollbarEnabled" } : /* istanbul ignore next */ {}), ...this._scrollbarEnabledOptions });
+    scrollbarEnabled = input(DEFAULT_SCROLLBAR_ENABLED, { ...(ngDevMode ? { debugName: "scrollbarEnabled" } : {}), ...this._scrollbarEnabledOptions });
     _scrollbarInteractiveOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -6734,7 +6739,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" } : /* istanbul ignore next */ {}), ...this._scrollbarInteractiveOptions });
+    scrollbarInteractive = input(DEFAULT_SCROLLBAR_INTERACTIVE, { ...(ngDevMode ? { debugName: "scrollbarInteractive" } : {}), ...this._scrollbarInteractiveOptions });
     _overlappingScrollbarOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -6748,7 +6753,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" } : /* istanbul ignore next */ {}), ...this._overlappingScrollbarOptions });
+    overlappingScrollbar = input(DEFAULT_OVERLAPPING_SCROLLBAR, { ...(ngDevMode ? { debugName: "overlappingScrollbar" } : {}), ...this._overlappingScrollbarOptions });
     _scrollBehaviorOptions = {
         transform: (v) => {
             const valid = validateString(v, true, true);
@@ -6762,7 +6767,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" } : /* istanbul ignore next */ {}), ...this._scrollBehaviorOptions });
+    scrollBehavior = input(DEFAULT_SCROLL_BEHAVIOR, { ...(ngDevMode ? { debugName: "scrollBehavior" } : {}), ...this._scrollBehaviorOptions });
     _scrollingSettingsOptions = {
         transform: (v) => {
             let valid = validateObject(v, true, true);
@@ -6822,7 +6827,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" } : /* istanbul ignore next */ {}), ...this._scrollingSettingsOptions });
+    scrollingSettings = input(DEFAULT_SCROLLING_SETTINGS, { ...(ngDevMode ? { debugName: "scrollingSettings" } : {}), ...this._scrollingSettingsOptions });
     _itemTransformOptions = {
         transform: (v) => {
             let valid = validateFunction(v, true, true);
@@ -6836,7 +6841,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" } : /* istanbul ignore next */ {}), ...this._itemTransformOptions });
+    itemTransform = input(null, { ...(ngDevMode ? { debugName: "itemTransform" } : {}), ...this._itemTransformOptions });
     _snapToItemOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6850,7 +6855,7 @@ class NgVirtualListComponent {
     /**
      * Snap to an item. The default value is `false`.
      */
-    snapToItem = input(DEFAULT_SNAP_TO_ITEM, { ...(ngDevMode ? { debugName: "snapToItem" } : /* istanbul ignore next */ {}), ...this._snapToItemOptions });
+    snapToItem = input(DEFAULT_SNAP_TO_ITEM, { ...(ngDevMode ? { debugName: "snapToItem" } : {}), ...this._snapToItemOptions });
     _snapToItemAlignOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'start' || v === 'center' || v === 'end');
@@ -6864,7 +6869,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" } : /* istanbul ignore next */ {}), ...this._snapToItemAlignOptions });
+    snapToItemAlign = input(DEFAULT_SNAP_TO_ITEM_ALIGN, { ...(ngDevMode ? { debugName: "snapToItemAlign" } : {}), ...this._snapToItemAlignOptions });
     _snappingDistanceOptions = {
         transform: (v) => {
             const valid = validateString(v) || validateFloat(v);
@@ -6879,7 +6884,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" } : /* istanbul ignore next */ {}), ...this._snappingDistanceOptions });
+    snappingDistance = input(DEFAULT_SNAPPING_DISTANCE, { ...(ngDevMode ? { debugName: "snappingDistance" } : {}), ...this._snappingDistanceOptions });
     _scrollingOneByOneOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6893,7 +6898,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" } : /* istanbul ignore next */ {}), ...this._scrollingOneByOneOptions });
+    scrollingOneByOne = input(DEFAULT_SCROLLING_ONE_BY_ONE, { ...(ngDevMode ? { debugName: "scrollingOneByOne" } : {}), ...this._scrollingOneByOneOptions });
     _alignmentOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'none' || v === 'center');
@@ -6908,7 +6913,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" } : /* istanbul ignore next */ {}), ...this._alignmentOptions });
+    alignment = input(DEFAULT_ALIGNMENT, { ...(ngDevMode ? { debugName: "alignment" } : {}), ...this._alignmentOptions });
     _zIndexWhenSelectingOptions = {
         transform: (v) => {
             const valid = validateString(v, true, true);
@@ -6922,7 +6927,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" } : /* istanbul ignore next */ {}), ...this._zIndexWhenSelectingOptions });
+    zIndexWhenSelecting = input(DEFAULT_ZINDEX_WHEN_SELECTING, { ...(ngDevMode ? { debugName: "zIndexWhenSelecting" } : {}), ...this._zIndexWhenSelectingOptions });
     _spreadingModeOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'normal' || v === 'infinity');
@@ -6940,7 +6945,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" } : /* istanbul ignore next */ {}), ...this._spreadingModeOptions });
+    spreadingMode = input(DEFAULT_SPREADING_MODE, { ...(ngDevMode ? { debugName: "spreadingMode" } : {}), ...this._spreadingModeOptions });
     _dividesOptions = {
         transform: (v) => {
             const valid = validateFloat(v);
@@ -6954,7 +6959,7 @@ class NgVirtualListComponent {
     /**
      * Column or row numbers. The default value is `1`.
      */
-    divides = input(DEFAULT_DIVIDES, { ...(ngDevMode ? { debugName: "divides" } : /* istanbul ignore next */ {}), ...this._dividesOptions });
+    divides = input(DEFAULT_DIVIDES, { ...(ngDevMode ? { debugName: "divides" } : {}), ...this._dividesOptions });
     _motionBlurOptions = {
         transform: (v) => {
             const valid = validateFloat(v);
@@ -6968,7 +6973,7 @@ class NgVirtualListComponent {
     /**
      * Motion blur effect. The default value is `0.15`.
      */
-    motionBlur = input(DEFAULT_MOTION_BLUR, { ...(ngDevMode ? { debugName: "motionBlur" } : /* istanbul ignore next */ {}), ...this._motionBlurOptions });
+    motionBlur = input(DEFAULT_MOTION_BLUR, { ...(ngDevMode ? { debugName: "motionBlur" } : {}), ...this._motionBlurOptions });
     _maxMotionBlurOptions = {
         transform: (v) => {
             const valid = validateFloat(v);
@@ -6982,7 +6987,7 @@ class NgVirtualListComponent {
     /**
      * Maximum motion blur effect. The default value is `0.5`.
      */
-    maxMotionBlur = input(DEFAULT_MAX_MOTION_BLUR, { ...(ngDevMode ? { debugName: "maxMotionBlur" } : /* istanbul ignore next */ {}), ...this._maxMotionBlurOptions });
+    maxMotionBlur = input(DEFAULT_MAX_MOTION_BLUR, { ...(ngDevMode ? { debugName: "maxMotionBlur" } : {}), ...this._maxMotionBlurOptions });
     _motionBlurEnabledOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -6996,7 +7001,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" } : /* istanbul ignore next */ {}), ...this._motionBlurEnabledOptions });
+    motionBlurEnabled = input(DEFAULT_MOTION_BLUR_ENABLED, { ...(ngDevMode ? { debugName: "motionBlurEnabled" } : {}), ...this._motionBlurEnabledOptions });
     _animationParamsOptions = {
         transform: (v) => {
             const valid = validateObject(v, true, true);
@@ -7026,7 +7031,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" } : /* istanbul ignore next */ {}), ...this._animationParamsOptions });
+    animationParams = input(DEFAULT_ANIMATION_PARAMS, { ...(ngDevMode ? { debugName: "animationParams" } : {}), ...this._animationParamsOptions });
     _overscrollEnabledOptions = {
         transform: (v) => {
             const valid = validateBoolean(v, true);
@@ -7040,7 +7045,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" } : /* istanbul ignore next */ {}), ...this._overscrollEnabledOptions });
+    overscrollEnabled = input(DEFAULT_OVERSCROLL_ENABLED, { ...(ngDevMode ? { debugName: "overscrollEnabled" } : {}), ...this._overscrollEnabledOptions });
     _enabledBufferOptimizationOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -7057,7 +7062,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" } : /* istanbul ignore next */ {}), ...this._enabledBufferOptimizationOptions });
+    enabledBufferOptimization = input(DEFAULT_ENABLED_BUFFER_OPTIMIZATION, { ...(ngDevMode ? { debugName: "enabledBufferOptimization" } : {}), ...this._enabledBufferOptimizationOptions });
     _itemRendererOptions = {
         transform: (v) => {
             let valid = validateObject(v);
@@ -7073,8 +7078,8 @@ class NgVirtualListComponent {
     /**
      * Rendering element template.
      */
-    itemRenderer = input.required({ ...(ngDevMode ? { debugName: "itemRenderer" } : /* istanbul ignore next */ {}), ...this._itemRendererOptions });
-    _itemRenderer = signal(undefined, ...(ngDevMode ? [{ debugName: "_itemRenderer" }] : /* istanbul ignore next */ []));
+    itemRenderer = input.required({ ...(ngDevMode ? { debugName: "itemRenderer" } : {}), ...this._itemRendererOptions });
+    _itemRenderer = signal(undefined, ...(ngDevMode ? [{ debugName: "_itemRenderer" }] : []));
     _itemConfigMapOptions = {
         transform: (v) => {
             let valid = validateObject(v);
@@ -7111,7 +7116,7 @@ class NgVirtualListComponent {
      * @author Evgenii Alexandrovich Grebennikov
      * @email djonnyx@gmail.com
      */
-    itemConfigMap = input({}, { ...(ngDevMode ? { debugName: "itemConfigMap" } : /* istanbul ignore next */ {}), ...this._itemConfigMapOptions });
+    itemConfigMap = input({}, { ...(ngDevMode ? { debugName: "itemConfigMap" } : {}), ...this._itemConfigMapOptions });
     _itemSizeOptions = {
         transform: (v) => {
             const valid = validateFloat(v) || v === VIEWPORT;
@@ -7128,7 +7133,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" } : /* istanbul ignore next */ {}), ...this._itemSizeOptions });
+    itemSize = input(DEFAULT_ITEM_SIZE, { ...(ngDevMode ? { debugName: "itemSize" } : {}), ...this._itemSizeOptions });
     _minItemSizeOptions = {
         transform: (v) => {
             const valid = validateFloat(v) || v === VIEWPORT;
@@ -7143,7 +7148,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" } : /* istanbul ignore next */ {}), ...this._minItemSizeOptions });
+    minItemSize = input(DEFAULT_MIN_ITEM_SIZE, { ...(ngDevMode ? { debugName: "minItemSize" } : {}), ...this._minItemSizeOptions });
     _maxItemSizeOptions = {
         transform: (v) => {
             const valid = validateFloat(v) || v === VIEWPORT;
@@ -7158,7 +7163,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" } : /* istanbul ignore next */ {}), ...this._maxItemSizeOptions });
+    maxItemSize = input(DEFAULT_MAX_ITEM_SIZE, { ...(ngDevMode ? { debugName: "maxItemSize" } : {}), ...this._maxItemSizeOptions });
     _dynamicSizeOptions = {
         transform: (v) => {
             const valid = validateBoolean(v);
@@ -7174,7 +7179,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" } : /* istanbul ignore next */ {}), ...this._dynamicSizeOptions });
+    dynamicSize = input(DEFAULT_DYNAMIC_SIZE, { ...(ngDevMode ? { debugName: "dynamicSize" } : {}), ...this._dynamicSizeOptions });
     _directionOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'horizontal' || v === 'vertical');
@@ -7188,7 +7193,7 @@ class NgVirtualListComponent {
     /**
      * Determines the direction in which elements are placed. Default value is "vertical".
      */
-    direction = input(DEFAULT_DIRECTION, { ...(ngDevMode ? { debugName: "direction" } : /* istanbul ignore next */ {}), ...this._directionOptions });
+    direction = input(DEFAULT_DIRECTION, { ...(ngDevMode ? { debugName: "direction" } : {}), ...this._directionOptions });
     _collectionModeOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'normal' || v === 'lazy');
@@ -7202,7 +7207,7 @@ class NgVirtualListComponent {
     /**
      * Determines the action modes for collection elements. Default value is "normal".
      */
-    collectionMode = input(DEFAULT_COLLECTION_MODE, { ...(ngDevMode ? { debugName: "collectionMode" } : /* istanbul ignore next */ {}), ...this._collectionModeOptions });
+    collectionMode = input(DEFAULT_COLLECTION_MODE, { ...(ngDevMode ? { debugName: "collectionMode" } : {}), ...this._collectionModeOptions });
     _bufferSizeOptions = {
         transform: (v) => {
             const valid = validateInt(v);
@@ -7216,7 +7221,7 @@ class NgVirtualListComponent {
     /**
      * Number of elements outside the scope of visibility. Default value is 2.
      */
-    bufferSize = input(DEFAULT_BUFFER_SIZE, { ...(ngDevMode ? { debugName: "bufferSize" } : /* istanbul ignore next */ {}), ...this._bufferSizeOptions });
+    bufferSize = input(DEFAULT_BUFFER_SIZE, { ...(ngDevMode ? { debugName: "bufferSize" } : {}), ...this._bufferSizeOptions });
     _maxBufferSizeTransform = {
         transform: (v) => {
             let val = v;
@@ -7237,7 +7242,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" } : /* istanbul ignore next */ {}), ...this._maxBufferSizeTransform });
+    maxBufferSize = input(DEFAULT_MAX_BUFFER_SIZE, { ...(ngDevMode ? { debugName: "maxBufferSize" } : {}), ...this._maxBufferSizeTransform });
     _snappingMethodOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === SnappingMethods.ADVANCED || v === SnappingMethods.STANDART);
@@ -7253,7 +7258,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" } : /* istanbul ignore next */ {}), ...this._snappingMethodOptions });
+    snappingMethod = input(DEFAULT_SNAPPING_METHOD, { ...(ngDevMode ? { debugName: "snappingMethod" } : {}), ...this._snappingMethodOptions });
     _collapsingModeOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === CollapsingModes.NONE || v === CollapsingModes.MULTI_COLLAPSE || v === CollapsingModes.ACCORDION);
@@ -7271,7 +7276,7 @@ class NgVirtualListComponent {
      * 'accordion' - Accordion collapsible list items.
      * Default value is `multi-collapse
      */
-    collapsingMode = input(DEFAULT_COLLAPSING_MODES, { ...(ngDevMode ? { debugName: "collapsingMode" } : /* istanbul ignore next */ {}), ...this._collapsingModeOptions });
+    collapsingMode = input(DEFAULT_COLLAPSING_MODES, { ...(ngDevMode ? { debugName: "collapsingMode" } : {}), ...this._collapsingModeOptions });
     _methodForSelectingOptions = {
         transform: (v) => {
             throw new Error('The "methodForSelecting" property is deprecated. Use the "selectMode" property instead.');
@@ -7281,7 +7286,7 @@ class NgVirtualListComponent {
      * @deprecated
      * The "methodForSelecting" property is deprecated. Use the "selectMode" property.
      */
-    methodForSelecting = input(DEFAULT_SELECTING_MODES, { ...(ngDevMode ? { debugName: "methodForSelecting" } : /* istanbul ignore next */ {}), ...this._methodForSelectingOptions });
+    methodForSelecting = input(DEFAULT_SELECTING_MODES, { ...(ngDevMode ? { debugName: "methodForSelecting" } : {}), ...this._methodForSelectingOptions });
     _selectingModeOptions = {
         transform: (v) => {
             const valid = validateString(v) && (v === 'none' || v === 'select' || v === 'multi-select');
@@ -7298,7 +7303,7 @@ class NgVirtualListComponent {
      * 'multi-select' - Multiple selection of list items.
      * 'none' - List items are not selectable.
      */
-    selectingMode = input(DEFAULT_SELECTING_MODES, { ...(ngDevMode ? { debugName: "selectingMode" } : /* istanbul ignore next */ {}), ...this._selectingModeOptions });
+    selectingMode = input(DEFAULT_SELECTING_MODES, { ...(ngDevMode ? { debugName: "selectingMode" } : {}), ...this._selectingModeOptions });
     _trackByOptions = {
         transform: (v) => {
             const valid = validateString(v);
@@ -7312,7 +7317,7 @@ class NgVirtualListComponent {
     /**
      * The name of the property by which tracking is performed
      */
-    trackBy = input(TRACK_BY_PROPERTY_NAME, { ...(ngDevMode ? { debugName: "trackBy" } : /* istanbul ignore next */ {}), ...this._trackByOptions });
+    trackBy = input(TRACK_BY_PROPERTY_NAME, { ...(ngDevMode ? { debugName: "trackBy" } : {}), ...this._trackByOptions });
     _screenReaderMessageOptions = {
         transform: (v) => {
             const valid = validateString(v);
@@ -7329,8 +7334,8 @@ 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" } : /* istanbul ignore next */ {}), ...this._screenReaderMessageOptions });
-    screenReaderFormattedMessage = signal(this.screenReaderMessage(), ...(ngDevMode ? [{ debugName: "screenReaderFormattedMessage" }] : /* istanbul ignore next */ []));
+    screenReaderMessage = input(DEFAULT_SCREEN_READER_MESSAGE, { ...(ngDevMode ? { debugName: "screenReaderMessage" } : {}), ...this._screenReaderMessageOptions });
+    screenReaderFormattedMessage = signal(this.screenReaderMessage(), ...(ngDevMode ? [{ debugName: "screenReaderFormattedMessage" }] : []));
     _langTextDir = {
         transform: (v) => {
             const valid = validateString(v);
@@ -7345,7 +7350,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" } : /* istanbul ignore next */ {}), ...this._langTextDir });
+    langTextDir = input(DEFAULT_LANG_TEXT_DIR, { ...(ngDevMode ? { debugName: "langTextDir" } : {}), ...this._langTextDir });
     _isSingleSelection = this.getIsSingleSelection();
     _isMultiSelection = this.getIsMultiSelection();
     _isMultipleCollapse = this.getIsMultipleCollapse();
@@ -7356,36 +7361,36 @@ class NgVirtualListComponent {
     get isVertical() {
         return this._isVertical;
     }
-    focusedElement = signal(null, ...(ngDevMode ? [{ debugName: "focusedElement" }] : /* istanbul ignore next */ []));
-    classes = signal({}, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    _actualItems = signal([], ...(ngDevMode ? [{ debugName: "_actualItems" }] : /* istanbul ignore next */ []));
-    _collapsedItemIds = signal([], ...(ngDevMode ? [{ debugName: "_collapsedItemIds" }] : /* istanbul ignore next */ []));
+    focusedElement = signal(null, ...(ngDevMode ? [{ debugName: "focusedElement" }] : []));
+    classes = signal({}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    _actualItems = signal([], ...(ngDevMode ? [{ debugName: "_actualItems" }] : []));
+    _collapsedItemIds = signal([], ...(ngDevMode ? [{ debugName: "_collapsedItemIds" }] : []));
     _displayComponents = [];
     _snappedDisplayComponents = [];
-    _bounds = signal(null, ...(ngDevMode ? [{ debugName: "_bounds" }] : /* istanbul ignore next */ []));
+    _bounds = signal(null, ...(ngDevMode ? [{ debugName: "_bounds" }] : []));
     get bounds() { return this._bounds; }
     _actualScrollbarEnabled;
     _actualAlignment;
     get actualAlignment() { return this._actualAlignment; }
-    _actualItemSize = signal(DEFAULT_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "_actualItemSize" }] : /* istanbul ignore next */ []));
+    _actualItemSize = signal(DEFAULT_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "_actualItemSize" }] : []));
     get actualItemSize() { return this._actualItemSize; }
-    _actualMinItemSize = signal(DEFAULT_MIN_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "_actualMinItemSize" }] : /* istanbul ignore next */ []));
+    _actualMinItemSize = signal(DEFAULT_MIN_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "_actualMinItemSize" }] : []));
     get actualMinItemSize() { return this._actualMinItemSize; }
-    _actualMaxItemSize = signal(DEFAULT_MAX_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "_actualMaxItemSize" }] : /* istanbul ignore next */ []));
+    _actualMaxItemSize = signal(DEFAULT_MAX_ITEM_SIZE, ...(ngDevMode ? [{ debugName: "_actualMaxItemSize" }] : []));
     get actualMaxItemSize() { return this._actualMaxItemSize; }
-    _totalSize = signal(0, ...(ngDevMode ? [{ debugName: "_totalSize" }] : /* istanbul ignore next */ []));
-    _listBounds = signal(null, ...(ngDevMode ? [{ debugName: "_listBounds" }] : /* istanbul ignore next */ []));
+    _totalSize = signal(0, ...(ngDevMode ? [{ debugName: "_totalSize" }] : []));
+    _listBounds = signal(null, ...(ngDevMode ? [{ debugName: "_listBounds" }] : []));
     _$scrollSize = new BehaviorSubject(0);
-    _isScrollStart = signal(true, ...(ngDevMode ? [{ debugName: "_isScrollStart" }] : /* istanbul ignore next */ []));
-    _isScrollEnd = signal(false, ...(ngDevMode ? [{ debugName: "_isScrollEnd" }] : /* istanbul ignore next */ []));
-    _precalculatedScrollStartOffset = signal(0, ...(ngDevMode ? [{ debugName: "_precalculatedScrollStartOffset" }] : /* istanbul ignore next */ []));
-    _precalculatedScrollEndOffset = signal(0, ...(ngDevMode ? [{ debugName: "_precalculatedScrollEndOffset" }] : /* istanbul ignore next */ []));
-    _actualScrollStartOffset = signal(0, ...(ngDevMode ? [{ debugName: "_actualScrollStartOffset" }] : /* istanbul ignore next */ []));
-    _actualScrollEndOffset = signal(0, ...(ngDevMode ? [{ debugName: "_actualScrollEndOffset" }] : /* istanbul ignore next */ []));
+    _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" }] : []));
     _actualSnapScrollToStart;
     _actualSnapScrollToEnd;
-    _alignmentScrollStartOffset = signal(0, ...(ngDevMode ? [{ debugName: "_alignmentScrollStartOffset" }] : /* istanbul ignore next */ []));
-    _alignmentScrollEndOffset = signal(0, ...(ngDevMode ? [{ debugName: "_alignmentScrollEndOffset" }] : /* istanbul ignore next */ []));
+    _alignmentScrollStartOffset = signal(0, ...(ngDevMode ? [{ debugName: "_alignmentScrollStartOffset" }] : []));
+    _alignmentScrollEndOffset = signal(0, ...(ngDevMode ? [{ debugName: "_alignmentScrollEndOffset" }] : []));
     _resizeSnappedComponentHandler = () => {
         const list = this._list(), scroller = this._scroller(), bounds = this._bounds(), snappedComponents = this._snappedDisplayComponents;
         if (!!list && !!scroller && snappedComponents.length > 0) {
@@ -7524,7 +7529,7 @@ class NgVirtualListComponent {
         this._isInfinity = computed(() => {
             const mode = this.spreadingMode();
             return isSpreadingMode(mode, SpreadingModes.INFINITY);
-        }, ...(ngDevMode ? [{ debugName: "_isInfinity" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "_isInfinity" }] : []));
         const $isInfinity = toObservable(this._isInfinity);
         $isInfinity.pipe(takeUntilDestroyed(), tap(v => {
             this._trackBox.isInfinity = this._service.isInfinity = v;
@@ -7603,10 +7608,10 @@ class NgVirtualListComponent {
         const $actualItemSize = toObservable(this._actualItemSize), $actualItems = toObservable(this._actualItems).pipe(takeUntilDestroyed(), distinctUntilChanged());
         this._scroller = computed(() => {
             return this._scrollerComponent()?.scrollViewport();
-        }, ...(ngDevMode ? [{ debugName: "_scroller" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "_scroller" }] : []));
         this._list = computed(() => {
             return this._scrollerComponent()?.scrollContent();
-        }, ...(ngDevMode ? [{ debugName: "_list" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "_list" }] : []));
         this._service.$focusItem.pipe(takeUntilDestroyed(this._destroyRef), tap(params => {
             const { element, position, align, behavior } = params;
             this.focusItem(element, position, align, behavior);
@@ -7685,11 +7690,11 @@ class NgVirtualListComponent {
         this._actualSnapScrollToStart = computed(() => {
             const snapScrollToStart = this.snapScrollToStart(), spreadingMode = this.spreadingMode(), isInfinity = isSpreadingMode(spreadingMode, SpreadingModes.INFINITY);
             return isInfinity ? false : snapScrollToStart;
-        }, ...(ngDevMode ? [{ debugName: "_actualSnapScrollToStart" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "_actualSnapScrollToStart" }] : []));
         this._actualSnapScrollToEnd = computed(() => {
             const snapScrollToEnd = this.snapScrollToEnd(), spreadingMode = this.spreadingMode(), isInfinity = isSpreadingMode(spreadingMode, SpreadingModes.INFINITY);
             return isInfinity ? false : snapScrollToEnd;
-        }, ...(ngDevMode ? [{ debugName: "_actualSnapScrollToEnd" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "_actualSnapScrollToEnd" }] : []));
         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));
@@ -7919,11 +7924,11 @@ class NgVirtualListComponent {
         this._actualAlignment = computed(() => {
             const alignment = this.alignment(), spreadingMode = this.spreadingMode();
             return isSpreadingMode(spreadingMode, SpreadingModes.INFINITY) ? Alignments.CENTER : alignment;
-        }, ...(ngDevMode ? [{ debugName: "_actualAlignment" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "_actualAlignment" }] : []));
         this._actualScrollbarEnabled = computed(() => {
             const scrollbarEnabled = this.scrollbarEnabled(), spreadingMode = this.spreadingMode();
             return isSpreadingMode(spreadingMode, SpreadingModes.INFINITY) ? false : scrollbarEnabled;
-        }, ...(ngDevMode ? [{ debugName: "_actualScrollbarEnabled" }] : /* istanbul ignore next */ []));
+        }, ...(ngDevMode ? [{ debugName: "_actualScrollbarEnabled" }] : []));
         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;
@@ -8090,7 +8095,7 @@ class NgVirtualListComponent {
             this._isLoading = false;
         })).subscribe();
         const update = (params) => {
-            const { alignment, precalculatedScrollStartOffset, precalculatedScrollEndOffset, trackBy, isInfinity, snapScrollToStart, snapScrollToEnd, bounds, listBounds, scrollEndOffset, items, itemConfigMap, scrollSize, itemSize, minItemSize, maxItemSize, divides, bufferSize, maxBufferSize, stickyEnabled, isVertical, dynamicSize, enabledBufferOptimization, snapToItem, snapToItemAlign, cacheVersion, userAction, collapsedIds, itemTransform, } = params;
+            const { alignment, snapScrollToStart, snapScrollToEnd, bounds, items, itemConfigMap, scrollSize, itemSize, minItemSize, maxItemSize, bufferSize, maxBufferSize, stickyEnabled, isVertical, dynamicSize, enabledBufferOptimization, snapToItem, snapToItemAlign, userAction, collapsedIds, itemTransform, } = params;
             const scroller = this._scrollerComponent();
             let totalSize = 0;
             if (!!scroller) {
@@ -8100,7 +8105,7 @@ class NgVirtualListComponent {
                     let actualScrollSize = !this._readyForShow && snapScrollToEnd ? (isVertical ? scroller.scrollHeight : scroller.scrollWidth) :
                         (isVertical ? scroller.scrollTop : scroller.scrollLeft), leftLayoutOffset = 0, displayItems;
                     const { width, height } = bounds, viewportSize = (isVertical ? height : width), opts = {
-                        bounds: { width, height }, dynamicSize, isVertical, itemSize, minItemSize, maxItemSize, bufferSize, maxBufferSize,
+                        alignment, bounds: { width, height }, dynamicSize, isVertical, itemSize, minItemSize, maxItemSize, bufferSize, maxBufferSize,
                         scrollSize: actualScrollSize, stickyEnabled, enabledBufferOptimization, snapToItem, snapToItemAlign, itemTransform,
                     };
                     if (snapScrollToEnd && !this._readyForShow) {
@@ -8108,12 +8113,24 @@ class NgVirtualListComponent {
                         displayItems = calculatedDisplayItems;
                         totalSize = calculatedTotalSize1;
                         leftLayoutOffset = leftLayoutOffset1;
+                        if (!!itemTransform && dynamicSize && this._trackBox.delta !== 0) {
+                            const { displayItems: calculatedDisplayItems, totalSize: calculatedTotalSize1, leftLayoutOffset: leftLayoutOffset1 } = this._trackBox.updateCollection(items, itemConfigMap, { ...opts, scrollSize: actualScrollSize + this._trackBox.delta });
+                            displayItems = calculatedDisplayItems;
+                            totalSize = calculatedTotalSize1;
+                            leftLayoutOffset = leftLayoutOffset1;
+                        }
                     }
                     else {
                         const { displayItems: calculatedDisplayItems, totalSize: calculatedTotalSize, leftLayoutOffset: leftLayoutOffset1 } = this._trackBox.updateCollection(items, itemConfigMap, opts);
                         displayItems = calculatedDisplayItems;
                         totalSize = calculatedTotalSize;
                         leftLayoutOffset = leftLayoutOffset1;
+                        if (!!itemTransform && dynamicSize && this._trackBox.delta !== 0) {
+                            const { displayItems: calculatedDisplayItems, totalSize: calculatedTotalSize, leftLayoutOffset: leftLayoutOffset1 } = this._trackBox.updateCollection(items, itemConfigMap, { ...opts, scrollSize: actualScrollSize + this._trackBox.delta });
+                            displayItems = calculatedDisplayItems;
+                            totalSize = calculatedTotalSize;
+                            leftLayoutOffset = leftLayoutOffset1;
+                        }
                     }
                     scroller.totalSize = totalSize;
                     scroller.startLayoutOffset = leftLayoutOffset;
@@ -8130,23 +8147,7 @@ class NgVirtualListComponent {
                     if (this._isSnappingMethodAdvanced) {
                         this.updateRegularRenderer();
                     }
-                    switch (alignment) {
-                        case Alignments.NONE: {
-                            this._actualScrollStartOffset.set(precalculatedScrollStartOffset);
-                            this._actualScrollEndOffset.set(precalculatedScrollEndOffset);
-                            break;
-                        }
-                        case Alignments.CENTER: {
-                            const firstItemId = items.length > 0 ? (items[0]?.[trackBy] ?? null) : null, endItemId = items.length > 0 ? (items?.[items.length - 1]?.[trackBy] ?? null) : null, alignmentStartOffset = viewportSize * .5 - (firstItemId !== null ? (isVertical ? (this._service.getItemBounds(firstItemId)?.height ?? 0) :
-                                (this._service.getItemBounds(firstItemId)?.width ?? 0)) : 0) * (isInfinity ? 0 : .5), alignmentEndOffset = viewportSize * .5 - (endItemId !== null ? (isVertical ? (this._service.getItemBounds(endItemId)?.height ?? 0) :
-                                (this._service.getItemBounds(endItemId)?.width ?? 0)) : 0) * (isInfinity ? 0 : .5);
-                            this._alignmentScrollStartOffset.set(alignmentStartOffset);
-                            this._alignmentScrollEndOffset.set(alignmentEndOffset);
-                            this._actualScrollStartOffset.set(precalculatedScrollStartOffset + alignmentStartOffset);
-                            this._actualScrollEndOffset.set(precalculatedScrollEndOffset + alignmentEndOffset);
-                            break;
-                        }
-                    }
+                    this.updateOffsetsByAllignment();
                     scroller.delta = delta;
                     if ((snapScrollToStart && this._trackBox.isSnappedToStart && scroller.scrollable) ||
                         (snapScrollToStart && currentScrollSize <= MIN_PIXELS_FOR_PREVENT_SNAPPING)) {
@@ -8325,6 +8326,7 @@ class NgVirtualListComponent {
                     const dynamicSize = this.dynamicSize(), itemSize = this._actualItemSize(), minItemSize = this._actualMinItemSize(), maxItemSize = this._actualMaxItemSize(), snapScrollToEnd = this.snapScrollToEnd();
                     if (dynamicSize) {
                         const { width, height } = this._bounds() || { width: DEFAULT_LIST_SIZE, height: DEFAULT_LIST_SIZE }, itemConfigMap = this.itemConfigMap(), isVertical = this._isVertical, currentScrollSize = isVertical ? scrollerComponent.scrollTop : scrollerComponent.scrollLeft, opts = {
+                            alignment: this.actualAlignment(),
                             bounds: { width, height }, collection: items, dynamicSize, isVertical: this._isVertical, itemSize, minItemSize, maxItemSize,
                             bufferSize: this.bufferSize(), maxBufferSize: this.maxBufferSize(), itemTransform: this.itemTransform(),
                             scrollSize: (isVertical ? scrollerComponent.scrollTop : scrollerComponent.scrollLeft),
@@ -8350,21 +8352,8 @@ class NgVirtualListComponent {
                         this.createDisplayComponentsIfNeed(displayItems);
                         this.tracking();
                         this.snappingHandler();
+                        this.updateOffsetsByAllignment();
                         scrollSize = this._trackBox.getItemPosition(id, itemConfigMap, { ...opts, scrollSize: actualScrollSize, fromItemId: id });
-                        if (this._isInfinity()) {
-                            if (this.snapToItem()) {
-                                const itemBounds = this._trackBox.getItemBounds(id);
-                                if (!!itemBounds) {
-                                    const itemSize = isVertical ? itemBounds.height : itemBounds.width;
-                                    switch (this.snapToItemAlign()) {
-                                        case SnapToItemAligns.CENTER: {
-                                            scrollSize += itemSize * .5;
-                                            break;
-                                        }
-                                    }
-                                }
-                            }
-                        }
                         if (scrollSize === -1) {
                             return of([finished, { id, blending, iteration: nextIteration, cb }]).pipe(delay(0));
                         }
@@ -8389,11 +8378,11 @@ class NgVirtualListComponent {
                     else {
                         const index = items.findIndex(item => item[trackBy] === id);
                         if (index > -1) {
-                            const isVertical = this._isVertical, itemSize = this._actualItemSize();
+                            const isVertical = this._isVertical, itemSize = this._actualItemSize(), isInfinity = this._isInfinity(), snapToItem = this.snapToItem(), snapToItemAlign = this.snapToItemAlign();
                             let scrollSize = index * itemSize;
-                            if (this._isInfinity()) {
-                                if (this.snapToItem()) {
-                                    switch (this.snapToItemAlign()) {
+                            if (isInfinity) {
+                                if (snapToItem) {
+                                    switch (snapToItemAlign) {
                                         case SnapToItemAligns.CENTER: {
                                             scrollSize += itemSize * .5;
                                             break;
@@ -8402,11 +8391,12 @@ class NgVirtualListComponent {
                                 }
                             }
                             const { width, height } = this._bounds() || { width: DEFAULT_LIST_SIZE, height: DEFAULT_LIST_SIZE }, itemConfigMap = this.itemConfigMap(), items = this._actualItems(), opts = {
+                                alignment: this._actualAlignment(),
                                 bounds: { width, height }, collection: items, dynamicSize, isVertical: this._isVertical, itemSize, minItemSize, maxItemSize,
                                 bufferSize: this.bufferSize(), maxBufferSize: this.maxBufferSize(), itemTransform: this.itemTransform(),
                                 scrollSize: (isVertical ? scrollerComponent.scrollTop : scrollerComponent.scrollLeft),
-                                snapToItem: this.snapToItem(), snapToItemAlign: this.snapToItemAlign(),
-                                stickyEnabled: this.stickyEnabled(), fromItemId: id, enabledBufferOptimization: this.enabledBufferOptimization(),
+                                snapToItem, snapToItemAlign, stickyEnabled: this.stickyEnabled(), fromItemId: id,
+                                enabledBufferOptimization: this.enabledBufferOptimization(),
                             };
                             this._trackBox.clearDelta();
                             const viewportSize = (isVertical ? height : width), { displayItems, totalSize, leftLayoutOffset } = this._trackBox.updateCollection(items, itemConfigMap, {
@@ -8421,6 +8411,7 @@ class NgVirtualListComponent {
                             this.createDisplayComponentsIfNeed(displayItems);
                             this.tracking();
                             this.snappingHandler();
+                            this.updateOffsetsByAllignment();
                             this._$preventScrollSnapping.next(true);
                             const params = {
                                 [this._isVertical ? TOP_PROP_NAME : LEFT_PROP_NAME]: scrollSize, fireUpdate: false,
@@ -8447,7 +8438,7 @@ class NgVirtualListComponent {
             this.emitScrollEvent(true, false, true);
             const scrollParams = params;
             scrollParams?.cb?.();
-        }), delay(100), tap(([finished]) => {
+        }), delay(0), tap(([finished]) => {
             if (finished) {
                 this._scrollerComponent()?.snapIfNeed();
             }
@@ -8488,6 +8479,14 @@ class NgVirtualListComponent {
                 }
             }));
         })).subscribe();
+        combineLatest([$itemConfigMap, $dynamicSize, $divides]).pipe(takeUntilDestroyed(), filter$1(([itemConfigMap, dynamicSize, divides]) => !!itemConfigMap && !dynamicSize && divides > 1), tap(([itemConfigMap]) => {
+            for (const id in itemConfigMap) {
+                const metaData = itemConfigMap[id];
+                if (metaData?.fullSize || metaData?.sticky === 1 || metaData?.sticky === 2) {
+                    throw Error('The accelerated rendering algorithm `[dynamicSize]="false"` cannot correctly handle non-uniform lists (the itemConfigMap specifies full-size elements). For correct rendering, specify `[dynamicSize]="true"`.');
+                }
+            }
+        })).subscribe();
         combineLatest([$collapsingMode, $items, $itemConfigMap, $trackBy]).pipe(takeUntilDestroyed(), tap(([collapsingMode, items, itemConfigMap, trackBy]) => {
             const isAccordion = isCollapseMode(collapsingMode, CollapsingModes.ACCORDION);
             if (isAccordion) {
@@ -8691,6 +8690,26 @@ class NgVirtualListComponent {
             this._trackBox.setDisplayObjectIndexMapById(doMap);
         }
     }
+    updateOffsetsByAllignment() {
+        const alignment = this._actualAlignment(), items = this._actualItems(), trackBy = this.trackBy(), isInfinity = this._isInfinity(), isVertical = this._isVertical, { width, height } = this._bounds() || { width: DEFAULT_LIST_SIZE, height: DEFAULT_LIST_SIZE }, viewportSize = isVertical ? height : width, precalculatedScrollStartOffset = this._precalculatedScrollStartOffset(), precalculatedScrollEndOffset = this._precalculatedScrollEndOffset();
+        switch (alignment) {
+            case Alignments.NONE: {
+                this._actualScrollStartOffset.set(precalculatedScrollStartOffset);
+                this._actualScrollEndOffset.set(precalculatedScrollEndOffset);
+                break;
+            }
+            case Alignments.CENTER: {
+                const firstItemId = items.length > 0 ? (items[0]?.[trackBy] ?? null) : null, endItemId = items.length > 0 ? (items?.[items.length - 1]?.[trackBy] ?? null) : null, alignmentStartOffset = viewportSize * .5 - (firstItemId !== null ? (isVertical ? (this._service.getItemBounds(firstItemId)?.height ?? 0) :
+                    (this._service.getItemBounds(firstItemId)?.width ?? 0)) : 0) * (isInfinity ? 0 : .5), alignmentEndOffset = viewportSize * .5 - (endItemId !== null ? (isVertical ? (this._service.getItemBounds(endItemId)?.height ?? 0) :
+                    (this._service.getItemBounds(endItemId)?.width ?? 0)) : 0) * (isInfinity ? 0 : .5);
+                this._alignmentScrollStartOffset.set(alignmentStartOffset);
+                this._alignmentScrollEndOffset.set(alignmentEndOffset);
+                this._actualScrollStartOffset.set(precalculatedScrollStartOffset + alignmentStartOffset);
+                this._actualScrollEndOffset.set(precalculatedScrollEndOffset + alignmentEndOffset);
+                break;
+            }
+        }
+    }
     updateRegularRenderer() {
         this._resizeSnappedComponentHandler();
     }
@@ -8901,10 +8920,10 @@ class NgVirtualListComponent {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", 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: "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-virtual-list', host: {
                         'style': 'position: relative;'
@@ -8918,11 +8937,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
             }], _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.16", ngImport: i0, type: LocaleSensitiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: LocaleSensitiveModule, declarations: [LocaleSensitiveDirective], imports: [CommonModule], exports: [LocaleSensitiveDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LocaleSensitiveModule, imports: [CommonModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: LocaleSensitiveModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: LocaleSensitiveModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [LocaleSensitiveDirective],
@@ -8933,11 +8952,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 
 class VirtualClickModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: VirtualClickModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: VirtualClickModule, declarations: [VirtualClickDirective], imports: [CommonModule], exports: [VirtualClickDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: VirtualClickModule, imports: [CommonModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: VirtualClickModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: VirtualClickModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [VirtualClickDirective],
@@ -8948,11 +8967,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 
 class NgVirtualListItemModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListItemModule, declarations: [NgVirtualListItemComponent], imports: [CommonModule, VirtualClickModule], exports: [NgVirtualListItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListItemModule, imports: [CommonModule, VirtualClickModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListItemModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgVirtualListItemComponent],
@@ -8963,11 +8982,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 
 class NgScrollBarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: NgScrollBarModule, declarations: [NgScrollBarComponent], imports: [CommonModule], exports: [NgScrollBarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollBarModule, imports: [CommonModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgScrollBarComponent],
@@ -8978,11 +8997,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 
 class NgScrollerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: NgScrollerModule, declarations: [NgScrollerComponent], imports: [CommonModule, NgScrollBarModule, LocaleSensitiveModule, CdkScrollableModule], exports: [NgScrollerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollerModule, imports: [CommonModule, NgScrollBarModule, LocaleSensitiveModule, CdkScrollableModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgScrollerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgScrollerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgScrollerComponent],
@@ -8993,11 +9012,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 
 class NgPrerenderVirtualListItemModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderVirtualListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderVirtualListItemModule, declarations: [NgPrerenderVirtualListItemComponent], imports: [CommonModule, VirtualClickModule], exports: [NgPrerenderVirtualListItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderVirtualListItemModule, imports: [CommonModule, VirtualClickModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderVirtualListItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderVirtualListItemModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgPrerenderVirtualListItemComponent],
@@ -9008,11 +9027,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 
 class NgPrerenderScrollerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderScrollerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderScrollerModule, declarations: [NgPrerenderScrollerComponent], imports: [CommonModule, LocaleSensitiveModule], exports: [NgPrerenderScrollerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderScrollerModule, imports: [CommonModule, LocaleSensitiveModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderScrollerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderScrollerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgPrerenderScrollerComponent],
@@ -9023,11 +9042,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 
 class NgPrerenderListModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderListModule, declarations: [NgPrerenderList], imports: [CommonModule, NgPrerenderVirtualListItemModule, NgPrerenderScrollerModule], exports: [NgPrerenderList] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderListModule, imports: [CommonModule, NgPrerenderVirtualListItemModule, NgPrerenderScrollerModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgPrerenderList],
@@ -9038,11 +9057,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 
 class NgPrerenderContainerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderContainerModule, declarations: [NgPrerenderContainer], imports: [CommonModule, NgPrerenderListModule], exports: [NgPrerenderContainer] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderContainerModule, imports: [CommonModule, NgPrerenderListModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgPrerenderContainerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgPrerenderContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgPrerenderContainer],
@@ -9053,11 +9072,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
         }] });
 
 class NgVirtualListModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", 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.16", ngImport: i0, type: NgVirtualListModule, imports: [CommonModule, NgVirtualListItemModule, NgScrollerModule, NgPrerenderContainerModule, LocaleSensitiveModule] });
+    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] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: NgVirtualListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: NgVirtualListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [NgVirtualListComponent],