ng-virtual-list 14.11.2 → 14.11.4

package/fesm2020/ng-virtual-list.mjs

@@ -193,6 +193,14 @@ const DEFAULT_ANIMATION_PARAMS = {
     navigateToItem: 150,
     navigateByKeyboard: NAVIGATION_BY_KEYBOARD_TIMER,
 };
+const DEFAULT_SCROLLING_SETTINGS = {
+    frictionalForce: 0.035,
+    maxDuration: 4000,
+    mass: 0.005,
+    maxDistance: 12500,
+    speedScale: 15,
+    optimization: true,
+};
 const DEFAULT_OVERSCROLL_ENABLED = true;
 const DEFAULT_SNAP = false;
 const DEFAULT_SELECT_BY_CLICK = true;
@@ -2530,6 +2538,7 @@ class BaseVirtualListItemComponent$1 extends DisposableComponent {
     constructor() {
         super();
         this._apiService = inject(NgVirtualListPublicService);
+        this._service = inject(NgVirtualListService);
         this._cdr = inject(ChangeDetectorRef);
         this._isSelected = false;
         this._isCollapsed = false;
@@ -2555,6 +2564,9 @@ class BaseVirtualListItemComponent$1 extends DisposableComponent {
         this._langTextDir = TextDirections.LTR;
         this._regularLength = SIZE_100_PERSENT;
         this._elementRef = inject(ElementRef);
+        this._id = this._service.generateComponentId();
+        this._listId = this._service.id;
+        this._displayId = createDisplayId(this._listId, this._id);
         const $data = this.$data, $config = this.$config, $measures = this.$measures, $focused = this.$focused;
         combineLatest([$data, $focused]).pipe(takeUntil(this._$unsubscribe), tap(([data, focused]) => {
             this._$classes.next({
@@ -2788,13 +2800,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
 class NgVirtualListItemComponent extends BaseVirtualListItemComponent$1 {
     constructor() {
         super();
-        this._service = inject(NgVirtualListService);
         this._$maxClickDistance = new BehaviorSubject(DEFAULT_CLICK_DISTANCE);
         this.$maxClickDistance = this._$maxClickDistance.asObservable();
         this._injector = inject(Injector);
-        this._id = this._service.generateComponentId();
-        this._listId = this._service.id;
-        this._displayId = createDisplayId(this._listId, this._id);
     }
     ngOnInit() {
         this._service.$clickDistance.pipe(takeUntil(this._$unsubscribe), tap(v => {
@@ -3447,6 +3455,8 @@ class NgScrollView extends BaseScrollView {
         this.$scrollBehavior = this._$scrollBehavior.asObservable();
         this._$overscrollEnabled = new BehaviorSubject(DEFAULT_OVERSCROLL_ENABLED);
         this.$overscrollEnabled = this._$overscrollEnabled.asObservable();
+        this._$scrollingSettings = new BehaviorSubject(DEFAULT_SCROLLING_SETTINGS);
+        this.$scrollingSettings = this._$scrollingSettings.asObservable();
         this._normalizeValueFromZero = inject(SCROLL_VIEW_NORMALIZE_VALUE_FROM_ZERO);
         this._$scroll = new Subject();
         this.$scroll = this._$scroll.asObservable();
@@ -3469,6 +3479,12 @@ class NgScrollView extends BaseScrollView {
         }
     }
     get overscrollEnabled() { return this._$overscrollEnabled.getValue(); }
+    set scrollingSettings(v) {
+        if (this._$scrollingSettings.getValue() !== v) {
+            this._$scrollingSettings.next(v);
+        }
+    }
+    get scrollingSettings() { return this._$scrollingSettings.getValue(); }
     set delta(v) {
         this._startPosition += v;
     }
@@ -3608,14 +3624,14 @@ class NgScrollView extends BaseScrollView {
     }
     calculateVelocity(offsets, delta, timestamp, indexOffset = 10) {
         offsets.push([delta, timestamp < ANIMATOR_MIN_TIMESTAMP ? ANIMATOR_MIN_TIMESTAMP : timestamp]);
-        const len = offsets.length, startIndex = len > indexOffset ? len - indexOffset : 0, lastVSign = calculateDirection(offsets);
+        const len = offsets.length, startIndex = len > indexOffset ? len - indexOffset : 0, lastVSign = calculateDirection(offsets), speedScale = this.scrollingSettings?.speedScale ?? SPEED_SCALE;
         let vSum = 0;
         for (let i = startIndex, l = offsets.length; i < l; i++) {
             const p0 = offsets[i];
             if (lastVSign !== Math.sign(p0[0])) {
                 continue;
             }
-            const v0 = (p0[1] !== 0 ? lastVSign * Math.abs(p0[0] / p0[1]) * SPEED_SCALE : 0);
+            const v0 = (p0[1] !== 0 ? lastVSign * Math.abs(p0[0] / p0[1]) * speedScale : 0);
             vSum += Math.sign(v0) * Math.pow(v0, 4) * .003;
         }
         const l = Math.min(offsets.length, indexOffset), v0 = l > 0 ? (vSum / l) : 0;
@@ -3625,6 +3641,7 @@ class NgScrollView extends BaseScrollView {
         velocities.push([delta, timestamp < ANIMATOR_MIN_TIMESTAMP ? ANIMATOR_MIN_TIMESTAMP : timestamp]);
         const len = velocities.length, startIndex = len > indexOffset ? len - indexOffset : 0;
         let aSum = 0, prevV0, iteration = 0, lastVSign = calculateDirection(velocities);
+        const mass = this.scrollingSettings?.mass ?? MASS;
         for (let i = startIndex, l = velocities.length; i < l; i++) {
             const v00 = prevV0, v01 = velocities[i];
             if (lastVSign !== Math.sign(v01[0])) {
@@ -3632,13 +3649,13 @@ class NgScrollView extends BaseScrollView {
             }
             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;
+                aSum = (aSum * mass) + a0;
                 prevV0 = v01;
             }
             prevV0 = v01;
             iteration++;
         }
-        const a0 = aSum * FRICTION_FORCE;
+        const a0 = aSum * (this.scrollingSettings?.frictionalForce ?? FRICTION_FORCE);
         return { a0 };
     }
     stopScrolling() {
@@ -3649,7 +3666,7 @@ class NgScrollView extends BaseScrollView {
     }
     moveWithAcceleration(isVertical, position, v0, v, a0, timestamp) {
         if (a0 !== 0 && timestamp < MAX_VELOCITY_TIMESTAMP) {
-            const dvSign = Math.sign(v), duration = DURATION, maxDuration = MAX_DURATION, maxDistance = dvSign * MAX_DIST, s = (dvSign * Math.abs((a0 * Math.pow(duration, 2)) * .5) / 1000) / MASS, distance = Math.abs(s) < MAX_DIST ? 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) / 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;
             this.animate(startPosition, Math.round(positionWithVelocity), aDuration, easeOutQuad, true);
         }
     }
@@ -3771,7 +3788,7 @@ class NgScrollView extends BaseScrollView {
     }
 }
 NgScrollView.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgScrollView, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgScrollView.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgScrollView, selector: "ng-scroll-view", inputs: { scrollBehavior: "scrollBehavior", overscrollEnabled: "overscrollEnabled" }, viewQueries: [{ propertyName: "cdkScrollable", first: true, predicate: ["scrollViewport"], descendants: true, read: CdkScrollable }], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+NgScrollView.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgScrollView, selector: "ng-scroll-view", inputs: { scrollBehavior: "scrollBehavior", overscrollEnabled: "overscrollEnabled", scrollingSettings: "scrollingSettings" }, 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: "14.3.0", ngImport: i0, type: NgScrollView, decorators: [{
             type: Component,
             args: [{
@@ -3785,6 +3802,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], overscrollEnabled: [{
                 type: Input
+            }], scrollingSettings: [{
+                type: Input
             }] } });
 
 const DEFAULT_THICKNESS = 6, DEFAULT_SIZE = 6, PX = 'px', WIDTH = 'width', HEIGHT = 'height', OPACITY = 'opacity', OPACITY_0 = '0', OPACITY_1 = '1', TRANSITION = 'transition', NONE = 'none', TRANSITION_FADE_IN = `${OPACITY} 500ms ease-out`;
@@ -5617,6 +5636,56 @@ class NgVirtualListComponent extends DisposableComponent {
             }
             return v;
         };
+        this._$scrollingSettings = new BehaviorSubject(DEFAULT_SCROLLING_SETTINGS);
+        this.$scrollingSettings = this._$scrollingSettings.asObservable();
+        this._scrollingSettingsTransform = (v) => {
+            let valid = validateObject(v, true, true);
+            if (valid && !!v) {
+                const { frictionalForce, mass, maxDistance, maxDuration, speedScale, optimization } = v;
+                valid = validateFloat(frictionalForce, true);
+                if (!valid) {
+                    console.error('The "frictionalForce" parameter must be of type `number` or `undefined`.');
+                    return DEFAULT_SCROLLING_SETTINGS;
+                }
+                valid = validateFloat(mass, true);
+                if (!valid) {
+                    console.error('The "mass" parameter must be of type `number` or `undefined`.');
+                    return DEFAULT_SCROLLING_SETTINGS;
+                }
+                valid = validateFloat(maxDistance, true);
+                if (!valid) {
+                    console.error('The "maxDistance" parameter must be of type `number` or `undefined`.');
+                    return DEFAULT_SCROLLING_SETTINGS;
+                }
+                valid = validateFloat(maxDuration, true);
+                if (!valid) {
+                    console.error('The "maxDuration" parameter must be of type `number` or `undefined`.');
+                    return DEFAULT_SCROLLING_SETTINGS;
+                }
+                valid = validateFloat(speedScale, true);
+                if (!valid) {
+                    console.error('The "speedScale" parameter must be of type `number` or `undefined`.');
+                    return DEFAULT_SCROLLING_SETTINGS;
+                }
+                valid = validateBoolean(optimization, true);
+                if (!valid) {
+                    console.error('The "optimization" parameter must be of type `boolean` or `undefined`.');
+                    return DEFAULT_SCROLLING_SETTINGS;
+                }
+            }
+            if (!valid) {
+                console.error('The "scrollingSettings" parameter must be of type `object` or null.');
+                return DEFAULT_SCROLLING_SETTINGS;
+            }
+            return {
+                frictionalForce: v.frictionalForce !== undefined && v.frictionalForce > 0 ? v.frictionalForce : DEFAULT_SCROLLING_SETTINGS.frictionalForce,
+                mass: v.mass !== undefined && v.mass > 0 ? v.mass : DEFAULT_SCROLLING_SETTINGS.mass,
+                maxDistance: v.maxDistance !== undefined && v.maxDistance > 0 ? v.maxDistance : DEFAULT_SCROLLING_SETTINGS.maxDistance,
+                maxDuration: v.maxDuration !== undefined && v.maxDuration > 0 ? v.maxDuration : DEFAULT_SCROLLING_SETTINGS.maxDuration,
+                speedScale: v.speedScale !== undefined && v.speedScale > 0 ? v.speedScale : DEFAULT_SCROLLING_SETTINGS.speedScale,
+                optimization: v.optimization ?? DEFAULT_SCROLLING_SETTINGS.optimization,
+            };
+        };
         this._$animationParams = new BehaviorSubject(DEFAULT_ANIMATION_PARAMS);
         this.$animationParams = this._$animationParams.asObservable();
         this._animationParamsTransform = (v) => {
@@ -6261,6 +6330,24 @@ class NgVirtualListComponent extends DisposableComponent {
     }
     ;
     get scrollBehavior() { return this._$scrollBehavior.getValue(); }
+    /**
+     * Scrolling settings.
+     * - frictionalForce - Frictional force. Default value is 0.035.
+     * - mass - Mass. Default value is 0.005.
+     * - maxDistance - Maximum scrolling distance. Default value is 12500.
+     * - maxDuration - Maximum animation duration. Default value is 4000.
+     * - speedScale - Speed scale. Default value is 15.
+     * - optimization - Enables scrolling performance optimization. Default value is `true`.
+     */
+    set scrollingSettings(v) {
+        if (this._$scrollingSettings.getValue() === v) {
+            return;
+        }
+        const transformedValue = this._scrollingSettingsTransform(v);
+        this._$scrollingSettings.next(transformedValue);
+    }
+    ;
+    get scrollingSettings() { return this._$scrollingSettings.getValue(); }
     /**
      * Animation parameters. The default value is "{ scrollToItem: 50, navigateToItem: 150, navigateByKeyboard: 50 }".
      */
@@ -6887,7 +6974,7 @@ class NgVirtualListComponent extends DisposableComponent {
             }
         })).subscribe();
         const $preventScrollSnapping = this.$preventScrollSnapping;
-        $preventScrollSnapping.pipe(takeUntil(this._$unsubscribe), filter$1(v => !!v), debounceTime(0), tap(() => {
+        $preventScrollSnapping.pipe(takeUntil(this._$unsubscribe), filter$1(v => !!v), tap(() => {
             if (this._readyForShow) {
                 this._trackBox.isScrollEnd;
                 this._trackBox.isScrollStart = this._trackBox.isScrollEnd = false;
@@ -6970,12 +7057,12 @@ class NgVirtualListComponent extends DisposableComponent {
                     this.resetBoundsSize(isVertical, totalSize);
                     this.createDisplayComponentsIfNeed(displayItems);
                     this.tracking();
+                    this.snappingHandler();
                     const delta = this._trackBox.delta, scrollPositionAfterUpdate = Math.round(actualScrollSize + delta), roundedScrollPositionAfterUpdate = Math.round(scrollPositionAfterUpdate), roundedMaxPositionAfterUpdate = Math.round(totalSize - viewportSize);
                     if (this._isSnappingMethodAdvanced) {
                         this.updateRegularRenderer();
                     }
                     scroller.delta = delta;
-                    this.snappingHandler();
                     if ((snapScrollToStart && this._trackBox.isSnappedToStart) ||
                         (snapScrollToStart && currentScrollSize <= MIN_PIXELS_FOR_PREVENT_SNAPPING)) {
                         if (currentScrollSize !== roundedScrollPositionAfterUpdate) {
@@ -7016,11 +7103,11 @@ class NgVirtualListComponent extends DisposableComponent {
                         if (emitUpdate) {
                             this._$update.next(this.getScrollStateVersion(totalSize, this._isVertical ? scroller.scrollTop : scroller.scrollLeft, cacheVersion));
                         }
-                        this._trackBox.isScrollEnd;
                         return;
                     }
-                    if ((scrollPositionAfterUpdate >= 0 && scrollPositionAfterUpdate < roundedMaxPositionAfterUpdate) ||
-                        (scrollSize !== roundedMaxPositionAfterUpdate || currentScrollSize !== scrollPositionAfterUpdate)) {
+                    if (scrollSize !== scrollPositionAfterUpdate &&
+                        ((scrollPositionAfterUpdate >= 0 && scrollPositionAfterUpdate < roundedMaxPositionAfterUpdate) ||
+                            (scrollSize !== roundedMaxPositionAfterUpdate || currentScrollSize !== scrollPositionAfterUpdate))) {
                         this._trackBox.clearDelta();
                         if (this._readyForShow) {
                             this.emitScrollEvent(true, false, userAction);
@@ -7033,8 +7120,8 @@ class NgVirtualListComponent extends DisposableComponent {
                         if (emitUpdate) {
                             this._$update.next(this.getScrollStateVersion(totalSize, this._isVertical ? scroller.scrollTop : scroller.scrollLeft, cacheVersion));
                         }
+                        return;
                     }
-                    return;
                 }
                 if (emitUpdate) {
                     this._$update.next(this.getScrollStateVersion(totalSize, this._isVertical ? scroller.scrollTop : scroller.scrollLeft, cacheVersion));
@@ -7051,16 +7138,18 @@ class NgVirtualListComponent extends DisposableComponent {
                 itemsChanged = true;
                 prevItems = items;
             }
-            const scroller = this._scrollerComponent, velocity = this._scrollerComponent?.averageVelocity ?? 0, maxScrollSize = isVertical ? (scroller?.scrollHeight || 0) : (scroller?.scrollWidth ?? 0), isEdges = scrollSize === 0 || scrollSize === maxScrollSize, isScrolling = this._$scrollingTo.getValue(), useDebouncedUpdate = dynamicSize && !itemsChanged && hasUserAction && !isScrolling && (velocity > 0 && velocity < MAX_VELOCITY_FOR_SCROLL_QUALITY_OPTIMIZATION_LVL1), rerenderOptimization = dynamicSize && !itemsChanged && (hasUserAction || hasScrollbarUserAction) && !isEdges && velocity > 0 &&
+            const enabledOptimization = this.scrollingSettings?.optimization ?? DEFAULT_SCROLLING_SETTINGS.optimization, scroller = this._scrollerComponent, velocity = this._scrollerComponent?.averageVelocity ?? 0, maxScrollSize = isVertical ? (scroller?.scrollHeight || 0) : (scroller?.scrollWidth ?? 0), isEdges = scrollSize === 0 || scrollSize === maxScrollSize, isScrolling = this._$scrollingTo.getValue(), useDebouncedUpdate = dynamicSize && !itemsChanged && hasUserAction && !isScrolling && (velocity > 0 && velocity < MAX_VELOCITY_FOR_SCROLL_QUALITY_OPTIMIZATION_LVL1), rerenderOptimization = enabledOptimization && dynamicSize && !itemsChanged && (hasUserAction || hasScrollbarUserAction) && !isEdges && velocity > 0 &&
                 (velocity > MAX_VELOCITY_FOR_SCROLL_QUALITY_OPTIMIZATION_LVL2 || hasUserAction);
-            if (useDebouncedUpdate) {
-                debouncedUpdate.execute({
-                    snapScrollToStart, snapScrollToEnd, bounds: bounds, listBounds: listBounds, scrollEndOffset, items, itemConfigMap, scrollSize, itemSize, collapsedIds,
-                    bufferSize, maxBufferSize, snap, isVertical, dynamicSize, enabledBufferOptimization, cacheVersion, userAction: hasUserAction,
-                }, rerenderOptimization, itemsChanged);
-                return;
+            if (enabledOptimization) {
+                if (useDebouncedUpdate) {
+                    debouncedUpdate.execute({
+                        snapScrollToStart, snapScrollToEnd, bounds, listBounds, scrollEndOffset, items, itemConfigMap, scrollSize, itemSize, collapsedIds,
+                        bufferSize, maxBufferSize, snap, isVertical, dynamicSize, enabledBufferOptimization, cacheVersion, userAction: hasUserAction,
+                    }, rerenderOptimization, itemsChanged);
+                    return;
+                }
+                debouncedUpdate.dispose();
             }
-            debouncedUpdate.dispose();
             if (!isScrolling) {
                 update({
                     snapScrollToStart, snapScrollToEnd, bounds: bounds, listBounds: listBounds, scrollEndOffset, items, itemConfigMap, scrollSize, itemSize, collapsedIds,
@@ -7072,19 +7161,10 @@ class NgVirtualListComponent extends DisposableComponent {
         const scrollHandler = (userAction = false) => {
             const scroller = this._scrollerComponent;
             if (!!scroller) {
-                const isVertical = this._isVertical, bounds = this._$bounds.getValue(), listBounds = this._$listBounds.getValue(), scrollSize = (isVertical ? scroller.scrollTop : scroller.scrollLeft), maxScrollSize = isVertical ? (listBounds?.height ?? 0) - (bounds?.height ?? 0) : (listBounds?.width ?? 0) - (bounds?.width ?? 0), actualScrollSize = scrollSize;
+                const isVertical = this._isVertical, scrollSize = (isVertical ? scroller.scrollTop : scroller.scrollLeft), actualScrollSize = scrollSize;
                 if (this._readyForShow) {
                     if (userAction) {
-                        if (this._trackBox.isSnappedToStart) {
-                            if (scrollSize > MIN_PIXELS_FOR_PREVENT_SNAPPING) {
-                                this._$preventScrollSnapping.next(true);
-                            }
-                        }
-                        if (this._trackBox.isSnappedToEnd) {
-                            if (scrollSize < (maxScrollSize - MIN_PIXELS_FOR_PREVENT_SNAPPING)) {
-                                this._$preventScrollSnapping.next(true);
-                            }
-                        }
+                        this._$preventScrollSnapping.next(true);
                     }
                 }
                 this._$scrollSize.next(actualScrollSize);
@@ -7644,12 +7724,12 @@ class NgVirtualListComponent extends DisposableComponent {
 }
 NgVirtualListComponent.__nextId = 0;
 NgVirtualListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgVirtualListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NgVirtualListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgVirtualListComponent, selector: "ng-virtual-list", inputs: { scrollbarThickness: "scrollbarThickness", scrollbarMinSize: "scrollbarMinSize", scrollbarThumbRenderer: "scrollbarThumbRenderer", scrollbarThumbParams: "scrollbarThumbParams", loading: "loading", waitForPreparation: "waitForPreparation", clickDistance: "clickDistance", snapToEndTransitionInstantOffset: "snapToEndTransitionInstantOffset", items: "items", defaultItemValue: "defaultItemValue", selectedIds: "selectedIds", collapsedIds: "collapsedIds", selectByClick: "selectByClick", collapseByClick: "collapseByClick", snap: "snap", scrollStartOffset: "scrollStartOffset", scrollEndOffset: "scrollEndOffset", snapScrollToStart: "snapScrollToStart", snapScrollToEnd: "snapScrollToEnd", snapScrollToBottom: "snapScrollToBottom", scrollbarEnabled: "scrollbarEnabled", scrollbarInteractive: "scrollbarInteractive", scrollBehavior: "scrollBehavior", animationParams: "animationParams", overscrollEnabled: "overscrollEnabled", enabledBufferOptimization: "enabledBufferOptimization", itemRenderer: "itemRenderer", itemConfigMap: "itemConfigMap", itemSize: "itemSize", dynamicSize: "dynamicSize", direction: "direction", collectionMode: "collectionMode", bufferSize: "bufferSize", maxBufferSize: "maxBufferSize", snappingMethod: "snappingMethod", methodForSelecting: "methodForSelecting", trackBy: "trackBy", screenReaderMessage: "screenReaderMessage", langTextDir: "langTextDir" }, outputs: { onScroll: "onScroll", onScrollEnd: "onScrollEnd", onViewportChange: "onViewportChange", 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, read: NgPrerenderContainer }, { propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_snapContainerRef", first: true, predicate: ["snapRendererContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_scrollerComponent", first: true, predicate: ["scroller"], descendants: true, read: NgScrollerComponent }], usesInheritance: true, ngImport: i0, template: "<div aria-live=\"polite\" aria-atomic=\"true\" class=\"ngvl__screen-reader\">\r\n  {{ $screenReaderFormattedMessage | async }}\r\n</div>\r\n\r\n<ng-prerender-container #prerender [bounds]=\"($bounds | async)!\" [direction]=\"($direction | async)!\"\r\n  [dynamic]=\"($dynamicSize | async)!\" [isVertical]=\"($isVertical | async)!\"\r\n  [itemSize]=\"($itemSize | async)!\" [trackBy]=\"($trackBy | async)!\" [itemRenderer]=\"($itemRenderer | async)!\"\r\n  [startOffset]=\"($scrollStartOffset | async)!\" [endOffset]=\"($scrollEndOffset | async)!\"\r\n  [scrollbarEnabled]=\"(scroller.$scrollbarShow | async)!\"\r\n  [enabled]=\"($prerenderEnabled | async)!\"></ng-prerender-container>\r\n\r\n<ng-container *ngIf=\"$snap | async\">\r\n  <div localeSensitive [langTextDir]=\"($langTextDir | async)!\" #snappedContainer class=\"ngvl__snapped-container\"\r\n    [ngClass]=\"($classes | async)!\">\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</ng-container>\r\n<ng-scroller class=\"ngvl__list-scroller\" #scroller [classes]=\"($classes | async)!\"\r\n  [startOffset]=\"($scrollStartOffset | async)!\" [direction]=\"($direction | async)!\"\r\n  [endOffset]=\"($scrollEndOffset | async)!\" [scrollbarThumbRenderer]=\"($scrollbarThumbRenderer | async)!\"\r\n  [scrollbarThickness]=\"($scrollbarThickness | async)!\" [scrollbarThumbParams]=\"($scrollbarThumbParams | async)\"\r\n  [focusedElement]=\"($focusedElement | async)!\" [loading]=\"($loading | async)!\"\r\n  [overscrollEnabled]=\"($overscrollEnabled | async)!\" [scrollbarEnabled]=\"($scrollbarEnabled | async)!\"\r\n  [scrollbarInteractive]=\"($scrollbarInteractive | async)!\" [scrollbarMinSize]=\"($scrollbarMinSize | async)!\"\r\n  [scrollBehavior]=\"($scrollBehavior | async)!\">\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;pointer-events:none;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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgScrollerComponent, selector: "ng-scroller", inputs: ["scrollbarEnabled", "scrollbarInteractive", "focusedElement", "content", "loading", "classes", "scrollbarMinSize", "scrollbarThickness", "scrollbarThumbRenderer", "scrollbarThumbParams"], outputs: ["onScrollbarVisible"] }, { kind: "component", type: NgPrerenderContainer, selector: "ng-prerender-container", inputs: ["enabled", "direction", "isVertical", "scrollbarEnabled", "startOffset", "endOffset", "bounds", "dynamic", "itemSize", "trackBy", "itemRenderer"] }, { kind: "directive", type: LocaleSensitiveDirective, selector: "[localeSensitive]", inputs: ["langTextDir", "listDir"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
+NgVirtualListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgVirtualListComponent, selector: "ng-virtual-list", inputs: { scrollbarThickness: "scrollbarThickness", scrollbarMinSize: "scrollbarMinSize", scrollbarThumbRenderer: "scrollbarThumbRenderer", scrollbarThumbParams: "scrollbarThumbParams", loading: "loading", waitForPreparation: "waitForPreparation", clickDistance: "clickDistance", snapToEndTransitionInstantOffset: "snapToEndTransitionInstantOffset", items: "items", defaultItemValue: "defaultItemValue", selectedIds: "selectedIds", collapsedIds: "collapsedIds", selectByClick: "selectByClick", collapseByClick: "collapseByClick", snap: "snap", scrollStartOffset: "scrollStartOffset", scrollEndOffset: "scrollEndOffset", snapScrollToStart: "snapScrollToStart", snapScrollToEnd: "snapScrollToEnd", snapScrollToBottom: "snapScrollToBottom", scrollbarEnabled: "scrollbarEnabled", scrollbarInteractive: "scrollbarInteractive", scrollBehavior: "scrollBehavior", scrollingSettings: "scrollingSettings", animationParams: "animationParams", overscrollEnabled: "overscrollEnabled", enabledBufferOptimization: "enabledBufferOptimization", itemRenderer: "itemRenderer", itemConfigMap: "itemConfigMap", itemSize: "itemSize", dynamicSize: "dynamicSize", direction: "direction", collectionMode: "collectionMode", bufferSize: "bufferSize", maxBufferSize: "maxBufferSize", snappingMethod: "snappingMethod", methodForSelecting: "methodForSelecting", trackBy: "trackBy", screenReaderMessage: "screenReaderMessage", langTextDir: "langTextDir" }, outputs: { onScroll: "onScroll", onScrollEnd: "onScrollEnd", onViewportChange: "onViewportChange", 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, read: NgPrerenderContainer }, { propertyName: "_listContainerRef", first: true, predicate: ["renderersContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_snapContainerRef", first: true, predicate: ["snapRendererContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "_scrollerComponent", first: true, predicate: ["scroller"], descendants: true, read: NgScrollerComponent }], usesInheritance: true, ngImport: i0, template: "<div aria-live=\"polite\" aria-atomic=\"true\" class=\"ngvl__screen-reader\">\r\n  {{ $screenReaderFormattedMessage | async }}\r\n</div>\r\n\r\n<ng-prerender-container #prerender [bounds]=\"($bounds | async)!\" [direction]=\"($direction | async)!\"\r\n  [dynamic]=\"($dynamicSize | async)!\" [isVertical]=\"($isVertical | async)!\"\r\n  [itemSize]=\"($itemSize | async)!\" [trackBy]=\"($trackBy | async)!\" [itemRenderer]=\"($itemRenderer | async)!\"\r\n  [startOffset]=\"($scrollStartOffset | async)!\" [endOffset]=\"($scrollEndOffset | async)!\"\r\n  [scrollbarEnabled]=\"(scroller.$scrollbarShow | async)!\"\r\n  [enabled]=\"($prerenderEnabled | async)!\"></ng-prerender-container>\r\n\r\n<ng-container *ngIf=\"$snap | async\">\r\n  <div localeSensitive [langTextDir]=\"($langTextDir | async)!\" #snappedContainer class=\"ngvl__snapped-container\"\r\n    [ngClass]=\"($classes | async)!\">\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</ng-container>\r\n<ng-scroller class=\"ngvl__list-scroller\" #scroller [classes]=\"($classes | async)!\"\r\n  [startOffset]=\"($scrollStartOffset | async)!\" [direction]=\"($direction | async)!\"\r\n  [endOffset]=\"($scrollEndOffset | async)!\" [scrollbarThumbRenderer]=\"($scrollbarThumbRenderer | async)!\"\r\n  [scrollbarThickness]=\"($scrollbarThickness | async)!\" [scrollbarThumbParams]=\"($scrollbarThumbParams | async)\"\r\n  [focusedElement]=\"($focusedElement | async)!\" [loading]=\"($loading | async)!\"\r\n  [overscrollEnabled]=\"($overscrollEnabled | async)!\" [scrollbarEnabled]=\"($scrollbarEnabled | async)!\"\r\n  [scrollbarInteractive]=\"($scrollbarInteractive | async)!\" [scrollbarMinSize]=\"($scrollbarMinSize | async)!\"\r\n  [scrollBehavior]=\"($scrollBehavior | async)!\" [scrollingSettings]=\"($scrollingSettings | async)!\">\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;pointer-events:none;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: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NgScrollerComponent, selector: "ng-scroller", inputs: ["scrollbarEnabled", "scrollbarInteractive", "focusedElement", "content", "loading", "classes", "scrollbarMinSize", "scrollbarThickness", "scrollbarThumbRenderer", "scrollbarThumbParams"], outputs: ["onScrollbarVisible"] }, { kind: "component", type: NgPrerenderContainer, selector: "ng-prerender-container", inputs: ["enabled", "direction", "isVertical", "scrollbarEnabled", "startOffset", "endOffset", "bounds", "dynamic", "itemSize", "trackBy", "itemRenderer"] }, { kind: "directive", type: LocaleSensitiveDirective, selector: "[localeSensitive]", inputs: ["langTextDir", "listDir"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.ShadowDom });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgVirtualListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng-virtual-list', host: {
                         'style': 'position: relative;'
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, providers: [NgVirtualListService, NgVirtualListPublicService], template: "<div aria-live=\"polite\" aria-atomic=\"true\" class=\"ngvl__screen-reader\">\r\n  {{ $screenReaderFormattedMessage | async }}\r\n</div>\r\n\r\n<ng-prerender-container #prerender [bounds]=\"($bounds | async)!\" [direction]=\"($direction | async)!\"\r\n  [dynamic]=\"($dynamicSize | async)!\" [isVertical]=\"($isVertical | async)!\"\r\n  [itemSize]=\"($itemSize | async)!\" [trackBy]=\"($trackBy | async)!\" [itemRenderer]=\"($itemRenderer | async)!\"\r\n  [startOffset]=\"($scrollStartOffset | async)!\" [endOffset]=\"($scrollEndOffset | async)!\"\r\n  [scrollbarEnabled]=\"(scroller.$scrollbarShow | async)!\"\r\n  [enabled]=\"($prerenderEnabled | async)!\"></ng-prerender-container>\r\n\r\n<ng-container *ngIf=\"$snap | async\">\r\n  <div localeSensitive [langTextDir]=\"($langTextDir | async)!\" #snappedContainer class=\"ngvl__snapped-container\"\r\n    [ngClass]=\"($classes | async)!\">\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</ng-container>\r\n<ng-scroller class=\"ngvl__list-scroller\" #scroller [classes]=\"($classes | async)!\"\r\n  [startOffset]=\"($scrollStartOffset | async)!\" [direction]=\"($direction | async)!\"\r\n  [endOffset]=\"($scrollEndOffset | async)!\" [scrollbarThumbRenderer]=\"($scrollbarThumbRenderer | async)!\"\r\n  [scrollbarThickness]=\"($scrollbarThickness | async)!\" [scrollbarThumbParams]=\"($scrollbarThumbParams | async)\"\r\n  [focusedElement]=\"($focusedElement | async)!\" [loading]=\"($loading | async)!\"\r\n  [overscrollEnabled]=\"($overscrollEnabled | async)!\" [scrollbarEnabled]=\"($scrollbarEnabled | async)!\"\r\n  [scrollbarInteractive]=\"($scrollbarInteractive | async)!\" [scrollbarMinSize]=\"($scrollbarMinSize | async)!\"\r\n  [scrollBehavior]=\"($scrollBehavior | async)!\">\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;pointer-events:none;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"] }]
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, providers: [NgVirtualListService, NgVirtualListPublicService], template: "<div aria-live=\"polite\" aria-atomic=\"true\" class=\"ngvl__screen-reader\">\r\n  {{ $screenReaderFormattedMessage | async }}\r\n</div>\r\n\r\n<ng-prerender-container #prerender [bounds]=\"($bounds | async)!\" [direction]=\"($direction | async)!\"\r\n  [dynamic]=\"($dynamicSize | async)!\" [isVertical]=\"($isVertical | async)!\"\r\n  [itemSize]=\"($itemSize | async)!\" [trackBy]=\"($trackBy | async)!\" [itemRenderer]=\"($itemRenderer | async)!\"\r\n  [startOffset]=\"($scrollStartOffset | async)!\" [endOffset]=\"($scrollEndOffset | async)!\"\r\n  [scrollbarEnabled]=\"(scroller.$scrollbarShow | async)!\"\r\n  [enabled]=\"($prerenderEnabled | async)!\"></ng-prerender-container>\r\n\r\n<ng-container *ngIf=\"$snap | async\">\r\n  <div localeSensitive [langTextDir]=\"($langTextDir | async)!\" #snappedContainer class=\"ngvl__snapped-container\"\r\n    [ngClass]=\"($classes | async)!\">\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</ng-container>\r\n<ng-scroller class=\"ngvl__list-scroller\" #scroller [classes]=\"($classes | async)!\"\r\n  [startOffset]=\"($scrollStartOffset | async)!\" [direction]=\"($direction | async)!\"\r\n  [endOffset]=\"($scrollEndOffset | async)!\" [scrollbarThumbRenderer]=\"($scrollbarThumbRenderer | async)!\"\r\n  [scrollbarThickness]=\"($scrollbarThickness | async)!\" [scrollbarThumbParams]=\"($scrollbarThumbParams | async)\"\r\n  [focusedElement]=\"($focusedElement | async)!\" [loading]=\"($loading | async)!\"\r\n  [overscrollEnabled]=\"($overscrollEnabled | async)!\" [scrollbarEnabled]=\"($scrollbarEnabled | async)!\"\r\n  [scrollbarInteractive]=\"($scrollbarInteractive | async)!\" [scrollbarMinSize]=\"($scrollbarMinSize | async)!\"\r\n  [scrollBehavior]=\"($scrollBehavior | async)!\" [scrollingSettings]=\"($scrollingSettings | async)!\">\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;pointer-events:none;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"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { _prerender: [{
                 type: ViewChild,
                 args: ['prerender', { read: NgPrerenderContainer }]
@@ -7724,6 +7804,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 type: Input
             }], scrollBehavior: [{
                 type: Input
+            }], scrollingSettings: [{
+                type: Input
             }], animationParams: [{
                 type: Input
             }], overscrollEnabled: [{
@@ -7799,7 +7881,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     declarations: [NgVirtualListItemComponent],
                     exports: [NgVirtualListItemComponent],
                     imports: [CommonModule, ItemClickModule],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
+                    schemas: [NO_ERRORS_SCHEMA],
                 }]
         }] });
 
@@ -7814,7 +7896,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     declarations: [NgScrollBarComponent],
                     exports: [NgScrollBarComponent],
                     imports: [CommonModule],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
+                    schemas: [NO_ERRORS_SCHEMA],
                 }]
         }] });
 
@@ -7829,7 +7911,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     declarations: [NgScrollerComponent],
                     exports: [NgScrollerComponent],
                     imports: [CommonModule, NgScrollBarModule, LocaleSensitiveModule, CdkScrollableModule],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
+                    schemas: [NO_ERRORS_SCHEMA],
                 }]
         }] });
 
@@ -7844,7 +7926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                     declarations: [NgPrerenderVirtualListItemComponent],
                     exports: [NgPrerenderVirtualListItemComponent],
                     imports: [CommonModule, ItemClickModule],
-                    schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
+                    schemas: [NO_ERRORS_SCHEMA],
                 }]
         }] });