@angular/cdk-experimental 21.0.0-next.9 → 21.0.0-rc.1

package/fesm2022/scrolling.mjs

@@ -4,441 +4,324 @@ import * as i0 from '@angular/core';
 import { forwardRef, Directive, Input, NgModule } from '@angular/core';
 import { Observable } from 'rxjs';
 
-/**
- * A class that tracks the size of items that have been seen and uses it to estimate the average
- * item size.
- */
 class ItemSizeAverager {
-    /** The total amount of weight behind the current average. */
-    _totalWeight = 0;
-    /** The current average item size. */
-    _averageItemSize;
-    /** The default size to use for items when no data is available. */
-    _defaultItemSize;
-    /** @param defaultItemSize The default size to use for items when no data is available. */
-    constructor(defaultItemSize = 50) {
-        this._defaultItemSize = defaultItemSize;
-        this._averageItemSize = defaultItemSize;
-    }
-    /** Returns the average item size. */
-    getAverageItemSize() {
-        return this._averageItemSize;
-    }
-    /**
-     * Adds a measurement sample for the estimator to consider.
-     * @param range The measured range.
-     * @param size The measured size of the given range in pixels.
-     */
-    addSample(range, size) {
-        const newTotalWeight = this._totalWeight + range.end - range.start;
-        if (newTotalWeight) {
-            const newAverageItemSize = (size + this._averageItemSize * this._totalWeight) / newTotalWeight;
-            if (newAverageItemSize) {
-                this._averageItemSize = newAverageItemSize;
-                this._totalWeight = newTotalWeight;
-            }
-        }
-    }
-    /** Resets the averager. */
-    reset() {
-        this._averageItemSize = this._defaultItemSize;
-        this._totalWeight = 0;
+  _totalWeight = 0;
+  _averageItemSize;
+  _defaultItemSize;
+  constructor(defaultItemSize = 50) {
+    this._defaultItemSize = defaultItemSize;
+    this._averageItemSize = defaultItemSize;
+  }
+  getAverageItemSize() {
+    return this._averageItemSize;
+  }
+  addSample(range, size) {
+    const newTotalWeight = this._totalWeight + range.end - range.start;
+    if (newTotalWeight) {
+      const newAverageItemSize = (size + this._averageItemSize * this._totalWeight) / newTotalWeight;
+      if (newAverageItemSize) {
+        this._averageItemSize = newAverageItemSize;
+        this._totalWeight = newTotalWeight;
+      }
     }
+  }
+  reset() {
+    this._averageItemSize = this._defaultItemSize;
+    this._totalWeight = 0;
+  }
 }
-/** Virtual scrolling strategy for lists with items of unknown or dynamic size. */
 class AutoSizeVirtualScrollStrategy {
-    /** @docs-private Implemented as part of VirtualScrollStrategy. */
-    scrolledIndexChange = new Observable(() => {
-        // TODO(mmalerba): Implement.
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            throw Error('cdk-virtual-scroll: scrolledIndexChange is currently not supported for the' +
-                ' autosize scroll strategy');
-        }
-    });
-    /** The attached viewport. */
-    _viewport = null;
-    /** The minimum amount of buffer rendered beyond the viewport (in pixels). */
-    _minBufferPx;
-    /** The number of buffer items to render beyond the edge of the viewport (in pixels). */
-    _maxBufferPx;
-    /** The estimator used to estimate the size of unseen items. */
-    _averager;
-    /** The last measured scroll offset of the viewport. */
-    _lastScrollOffset;
-    /** The last measured size of the rendered content in the viewport. */
-    _lastRenderedContentSize;
-    /** The last measured size of the rendered content in the viewport. */
-    _lastRenderedContentOffset;
-    /**
-     * The number of consecutive cycles where removing extra items has failed. Failure here means that
-     * we estimated how many items we could safely remove, but our estimate turned out to be too much
-     * and it wasn't safe to remove that many elements.
-     */
-    _removalFailures = 0;
-    /**
-     * @param minBufferPx The minimum amount of buffer rendered beyond the viewport (in pixels).
-     *     If the amount of buffer dips below this number, more items will be rendered.
-     * @param maxBufferPx The number of pixels worth of buffer to shoot for when rendering new items.
-     *     If the actual amount turns out to be less it will not necessarily trigger an additional
-     *     rendering cycle (as long as the amount of buffer is still greater than `minBufferPx`).
-     * @param averager The averager used to estimate the size of unseen items.
-     */
-    constructor(minBufferPx, maxBufferPx, averager = new ItemSizeAverager()) {
-        this._minBufferPx = minBufferPx;
-        this._maxBufferPx = maxBufferPx;
-        this._averager = averager;
-    }
-    /**
-     * Attaches this scroll strategy to a viewport.
-     * @param viewport The viewport to attach this strategy to.
-     */
-    attach(viewport) {
-        this._averager.reset();
-        this._viewport = viewport;
-        this._renderContentForCurrentOffset();
+  scrolledIndexChange = new Observable(() => {
+    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+      throw Error('cdk-virtual-scroll: scrolledIndexChange is currently not supported for the' + ' autosize scroll strategy');
     }
-    /** Detaches this scroll strategy from the currently attached viewport. */
-    detach() {
-        this._viewport = null;
+  });
+  _viewport = null;
+  _minBufferPx;
+  _maxBufferPx;
+  _averager;
+  _lastScrollOffset;
+  _lastRenderedContentSize;
+  _lastRenderedContentOffset;
+  _removalFailures = 0;
+  constructor(minBufferPx, maxBufferPx, averager = new ItemSizeAverager()) {
+    this._minBufferPx = minBufferPx;
+    this._maxBufferPx = maxBufferPx;
+    this._averager = averager;
+  }
+  attach(viewport) {
+    this._averager.reset();
+    this._viewport = viewport;
+    this._renderContentForCurrentOffset();
+  }
+  detach() {
+    this._viewport = null;
+  }
+  onContentScrolled() {
+    if (this._viewport) {
+      this._updateRenderedContentAfterScroll();
     }
-    /** @docs-private Implemented as part of VirtualScrollStrategy. */
-    onContentScrolled() {
-        if (this._viewport) {
-            this._updateRenderedContentAfterScroll();
-        }
+  }
+  onDataLengthChanged() {
+    if (this._viewport) {
+      this._renderContentForCurrentOffset();
+      this._checkRenderedContentSize();
     }
-    /** @docs-private Implemented as part of VirtualScrollStrategy. */
-    onDataLengthChanged() {
-        if (this._viewport) {
-            this._renderContentForCurrentOffset();
-            this._checkRenderedContentSize();
-        }
+  }
+  onContentRendered() {
+    if (this._viewport) {
+      this._checkRenderedContentSize();
     }
-    /** @docs-private Implemented as part of VirtualScrollStrategy. */
-    onContentRendered() {
-        if (this._viewport) {
-            this._checkRenderedContentSize();
-        }
+  }
+  onRenderedOffsetChanged() {
+    if (this._viewport) {
+      this._checkRenderedContentOffset();
     }
-    /** @docs-private Implemented as part of VirtualScrollStrategy. */
-    onRenderedOffsetChanged() {
-        if (this._viewport) {
-            this._checkRenderedContentOffset();
-        }
+  }
+  scrollToIndex() {
+    if (typeof ngDevMode === 'undefined' || ngDevMode) {
+      throw Error('cdk-virtual-scroll: scrollToIndex is currently not supported for the autosize' + ' scroll strategy');
     }
-    /** Scroll to the offset for the given index. */
-    scrollToIndex() {
-        if (typeof ngDevMode === 'undefined' || ngDevMode) {
-            // TODO(mmalerba): Implement.
-            throw Error('cdk-virtual-scroll: scrollToIndex is currently not supported for the autosize' +
-                ' scroll strategy');
-        }
+  }
+  updateBufferSize(minBufferPx, maxBufferPx) {
+    if (maxBufferPx < minBufferPx) {
+      throw Error('CDK virtual scroll: maxBufferPx must be greater than or equal to minBufferPx');
     }
-    /**
-     * Update the buffer parameters.
-     * @param minBufferPx The minimum amount of buffer rendered beyond the viewport (in pixels).
-     * @param maxBufferPx The number of buffer items to render beyond the edge of the viewport (in
-     *     pixels).
-     */
-    updateBufferSize(minBufferPx, maxBufferPx) {
-        if (maxBufferPx < minBufferPx) {
-            throw Error('CDK virtual scroll: maxBufferPx must be greater than or equal to minBufferPx');
-        }
-        this._minBufferPx = minBufferPx;
-        this._maxBufferPx = maxBufferPx;
+    this._minBufferPx = minBufferPx;
+    this._maxBufferPx = maxBufferPx;
+  }
+  _updateRenderedContentAfterScroll() {
+    const viewport = this._viewport;
+    const scrollOffset = viewport.measureScrollOffset();
+    let scrollDelta = scrollOffset - this._lastScrollOffset;
+    let scrollMagnitude = Math.abs(scrollDelta);
+    const renderedRange = viewport.getRenderedRange();
+    let offsetCorrection = 0;
+    if (scrollDelta < 0) {
+      const predictedOffset = renderedRange.start * this._averager.getAverageItemSize();
+      const offsetDifference = predictedOffset - this._lastRenderedContentOffset;
+      offsetCorrection = Math.round(offsetDifference * Math.max(0, Math.min(1, scrollMagnitude / (scrollOffset + scrollMagnitude))));
+      scrollDelta = scrollDelta - offsetCorrection;
+      scrollMagnitude = Math.abs(scrollDelta);
     }
-    /** Update the rendered content after the user scrolls. */
-    _updateRenderedContentAfterScroll() {
-        const viewport = this._viewport;
-        // The current scroll offset.
-        const scrollOffset = viewport.measureScrollOffset();
-        // The delta between the current scroll offset and the previously recorded scroll offset.
-        let scrollDelta = scrollOffset - this._lastScrollOffset;
-        // The magnitude of the scroll delta.
-        let scrollMagnitude = Math.abs(scrollDelta);
-        // The currently rendered range.
-        const renderedRange = viewport.getRenderedRange();
-        // If we're scrolling toward the top, we need to account for the fact that the predicted amount
-        // of content and the actual amount of scrollable space may differ. We address this by slowly
-        // correcting the difference on each scroll event.
-        let offsetCorrection = 0;
+    const startBuffer = this._lastScrollOffset - this._lastRenderedContentOffset;
+    const endBuffer = this._lastRenderedContentOffset + this._lastRenderedContentSize - (this._lastScrollOffset + viewport.getViewportSize());
+    const underscan = scrollMagnitude + this._minBufferPx - (scrollDelta < 0 ? startBuffer : endBuffer);
+    if (underscan > 0) {
+      if (scrollMagnitude >= viewport.getViewportSize()) {
+        this._renderContentForCurrentOffset();
+      } else {
+        const addItems = Math.max(0, Math.ceil((underscan - this._minBufferPx + this._maxBufferPx) / this._averager.getAverageItemSize()));
+        const overscan = (scrollDelta < 0 ? endBuffer : startBuffer) - this._minBufferPx + scrollMagnitude;
+        const unboundedRemoveItems = Math.floor(overscan / this._averager.getAverageItemSize() / (this._removalFailures + 1));
+        const removeItems = Math.min(renderedRange.end - renderedRange.start, Math.max(0, unboundedRemoveItems));
+        const range = this._expandRange(renderedRange, scrollDelta < 0 ? addItems : 0, scrollDelta > 0 ? addItems : 0);
         if (scrollDelta < 0) {
-            // The content offset we would expect based on the average item size.
-            const predictedOffset = renderedRange.start * this._averager.getAverageItemSize();
-            // The difference between the predicted size of the un-rendered content at the beginning and
-            // the actual available space to scroll over. We need to reduce this to zero by the time the
-            // user scrolls to the top.
-            // - 0 indicates that the predicted size and available space are the same.
-            // - A negative number that the predicted size is smaller than the available space.
-            // - A positive number indicates the predicted size is larger than the available space
-            const offsetDifference = predictedOffset - this._lastRenderedContentOffset;
-            // The amount of difference to correct during this scroll event. We calculate this as a
-            // percentage of the total difference based on the percentage of the distance toward the top
-            // that the user scrolled.
-            offsetCorrection = Math.round(offsetDifference *
-                Math.max(0, Math.min(1, scrollMagnitude / (scrollOffset + scrollMagnitude))));
-            // Based on the offset correction above, we pretend that the scroll delta was bigger or
-            // smaller than it actually was, this way we can start to eliminate the difference.
-            scrollDelta = scrollDelta - offsetCorrection;
-            scrollMagnitude = Math.abs(scrollDelta);
+          range.end = Math.max(range.start + 1, range.end - removeItems);
+        } else {
+          range.start = Math.min(range.end - 1, range.start + removeItems);
         }
-        // The current amount of buffer past the start of the viewport.
-        const startBuffer = this._lastScrollOffset - this._lastRenderedContentOffset;
-        // The current amount of buffer past the end of the viewport.
-        const endBuffer = this._lastRenderedContentOffset +
-            this._lastRenderedContentSize -
-            (this._lastScrollOffset + viewport.getViewportSize());
-        // The amount of unfilled space that should be filled on the side the user is scrolling toward
-        // in order to safely absorb the scroll delta.
-        const underscan = scrollMagnitude + this._minBufferPx - (scrollDelta < 0 ? startBuffer : endBuffer);
-        // Check if there's unfilled space that we need to render new elements to fill.
-        if (underscan > 0) {
-            // Check if the scroll magnitude was larger than the viewport size. In this case the user
-            // won't notice a discontinuity if we just jump to the new estimated position in the list.
-            // However, if the scroll magnitude is smaller than the viewport the user might notice some
-            // jitteriness if we just jump to the estimated position. Instead we make sure to scroll by
-            // the same number of pixels as the scroll magnitude.
-            if (scrollMagnitude >= viewport.getViewportSize()) {
-                this._renderContentForCurrentOffset();
-            }
-            else {
-                // The number of new items to render on the side the user is scrolling towards. Rather than
-                // just filling the underscan space, we actually fill enough to have a buffer size of
-                // `maxBufferPx`. This gives us a little wiggle room in case our item size estimate is off.
-                const addItems = Math.max(0, Math.ceil((underscan - this._minBufferPx + this._maxBufferPx) /
-                    this._averager.getAverageItemSize()));
-                // The amount of filled space beyond what is necessary on the side the user is scrolling
-                // away from.
-                const overscan = (scrollDelta < 0 ? endBuffer : startBuffer) - this._minBufferPx + scrollMagnitude;
-                // The number of currently rendered items to remove on the side the user is scrolling away
-                // from. If removal has failed in recent cycles we are less aggressive in how much we try to
-                // remove.
-                const unboundedRemoveItems = Math.floor(overscan / this._averager.getAverageItemSize() / (this._removalFailures + 1));
-                const removeItems = Math.min(renderedRange.end - renderedRange.start, Math.max(0, unboundedRemoveItems));
-                // The new range we will tell the viewport to render. We first expand it to include the new
-                // items we want rendered, we then contract the opposite side to remove items we no longer
-                // want rendered.
-                const range = this._expandRange(renderedRange, scrollDelta < 0 ? addItems : 0, scrollDelta > 0 ? addItems : 0);
-                if (scrollDelta < 0) {
-                    range.end = Math.max(range.start + 1, range.end - removeItems);
-                }
-                else {
-                    range.start = Math.min(range.end - 1, range.start + removeItems);
-                }
-                // The new offset we want to set on the rendered content. To determine this we measure the
-                // number of pixels we removed and then adjust the offset to the start of the rendered
-                // content or to the end of the rendered content accordingly (whichever one doesn't require
-                // that the newly added items to be rendered to calculate.)
-                let contentOffset;
-                let contentOffsetTo;
-                if (scrollDelta < 0) {
-                    let removedSize = viewport.measureRangeSize({
-                        start: range.end,
-                        end: renderedRange.end,
-                    });
-                    // Check that we're not removing too much.
-                    if (removedSize <= overscan) {
-                        contentOffset =
-                            this._lastRenderedContentOffset + this._lastRenderedContentSize - removedSize;
-                        this._removalFailures = 0;
-                    }
-                    else {
-                        // If the removal is more than the overscan can absorb just undo it and record the fact
-                        // that the removal failed so we can be less aggressive next time.
-                        range.end = renderedRange.end;
-                        contentOffset = this._lastRenderedContentOffset + this._lastRenderedContentSize;
-                        this._removalFailures++;
-                    }
-                    contentOffsetTo = 'to-end';
-                }
-                else {
-                    const removedSize = viewport.measureRangeSize({
-                        start: renderedRange.start,
-                        end: range.start,
-                    });
-                    // Check that we're not removing too much.
-                    if (removedSize <= overscan) {
-                        contentOffset = this._lastRenderedContentOffset + removedSize;
-                        this._removalFailures = 0;
-                    }
-                    else {
-                        // If the removal is more than the overscan can absorb just undo it and record the fact
-                        // that the removal failed so we can be less aggressive next time.
-                        range.start = renderedRange.start;
-                        contentOffset = this._lastRenderedContentOffset;
-                        this._removalFailures++;
-                    }
-                    contentOffsetTo = 'to-start';
-                }
-                // Set the range and offset we calculated above.
-                viewport.setRenderedRange(range);
-                viewport.setRenderedContentOffset(contentOffset + offsetCorrection, contentOffsetTo);
-            }
-        }
-        else if (offsetCorrection) {
-            // Even if the rendered range didn't change, we may still need to adjust the content offset to
-            // simulate scrolling slightly slower or faster than the user actually scrolled.
-            viewport.setRenderedContentOffset(this._lastRenderedContentOffset + offsetCorrection);
+        let contentOffset;
+        let contentOffsetTo;
+        if (scrollDelta < 0) {
+          let removedSize = viewport.measureRangeSize({
+            start: range.end,
+            end: renderedRange.end
+          });
+          if (removedSize <= overscan) {
+            contentOffset = this._lastRenderedContentOffset + this._lastRenderedContentSize - removedSize;
+            this._removalFailures = 0;
+          } else {
+            range.end = renderedRange.end;
+            contentOffset = this._lastRenderedContentOffset + this._lastRenderedContentSize;
+            this._removalFailures++;
+          }
+          contentOffsetTo = 'to-end';
+        } else {
+          const removedSize = viewport.measureRangeSize({
+            start: renderedRange.start,
+            end: range.start
+          });
+          if (removedSize <= overscan) {
+            contentOffset = this._lastRenderedContentOffset + removedSize;
+            this._removalFailures = 0;
+          } else {
+            range.start = renderedRange.start;
+            contentOffset = this._lastRenderedContentOffset;
+            this._removalFailures++;
+          }
+          contentOffsetTo = 'to-start';
         }
-        // Save the scroll offset to be compared to the new value on the next scroll event.
-        this._lastScrollOffset = scrollOffset;
-    }
-    /**
-     * Checks the size of the currently rendered content and uses it to update the estimated item size
-     * and estimated total content size.
-     */
-    _checkRenderedContentSize() {
-        const viewport = this._viewport;
-        this._lastRenderedContentSize = viewport.measureRenderedContentSize();
-        this._averager.addSample(viewport.getRenderedRange(), this._lastRenderedContentSize);
-        this._updateTotalContentSize(this._lastRenderedContentSize);
-    }
-    /** Checks the currently rendered content offset and saves the value for later use. */
-    _checkRenderedContentOffset() {
-        const viewport = this._viewport;
-        this._lastRenderedContentOffset = viewport.getOffsetToRenderedContentStart();
-    }
-    /**
-     * Recalculates the rendered content based on our estimate of what should be shown at the current
-     * scroll offset.
-     */
-    _renderContentForCurrentOffset() {
-        const viewport = this._viewport;
-        const scrollOffset = viewport.measureScrollOffset();
-        this._lastScrollOffset = scrollOffset;
-        this._removalFailures = 0;
-        const itemSize = this._averager.getAverageItemSize();
-        const firstVisibleIndex = Math.min(viewport.getDataLength() - 1, Math.floor(scrollOffset / itemSize));
-        const bufferSize = Math.ceil(this._maxBufferPx / itemSize);
-        const range = this._expandRange(this._getVisibleRangeForIndex(firstVisibleIndex), bufferSize, bufferSize);
         viewport.setRenderedRange(range);
-        viewport.setRenderedContentOffset(itemSize * range.start);
-    }
-    // TODO: maybe move to base class, can probably share with fixed size strategy.
-    /**
-     * Gets the visible range of data for the given start index. If the start index is too close to
-     * the end of the list it may be backed up to ensure the estimated size of the range is enough to
-     * fill the viewport.
-     * Note: must not be called if `this._viewport` is null
-     * @param startIndex The index to start the range at
-     * @return a range estimated to be large enough to fill the viewport when rendered.
-     */
-    _getVisibleRangeForIndex(startIndex) {
-        const viewport = this._viewport;
-        const range = {
-            start: startIndex,
-            end: startIndex + Math.ceil(viewport.getViewportSize() / this._averager.getAverageItemSize()),
-        };
-        const extra = range.end - viewport.getDataLength();
-        if (extra > 0) {
-            range.start = Math.max(0, range.start - extra);
-        }
-        return range;
+        viewport.setRenderedContentOffset(contentOffset + offsetCorrection, contentOffsetTo);
+      }
+    } else if (offsetCorrection) {
+      viewport.setRenderedContentOffset(this._lastRenderedContentOffset + offsetCorrection);
     }
-    // TODO: maybe move to base class, can probably share with fixed size strategy.
-    /**
-     * Expand the given range by the given amount in either direction.
-     * Note: must not be called if `this._viewport` is null
-     * @param range The range to expand
-     * @param expandStart The number of items to expand the start of the range by.
-     * @param expandEnd The number of items to expand the end of the range by.
-     * @return The expanded range.
-     */
-    _expandRange(range, expandStart, expandEnd) {
-        const viewport = this._viewport;
-        const start = Math.max(0, range.start - expandStart);
-        const end = Math.min(viewport.getDataLength(), range.end + expandEnd);
-        return { start, end };
-    }
-    /** Update the viewport's total content size. */
-    _updateTotalContentSize(renderedContentSize) {
-        const viewport = this._viewport;
-        const renderedRange = viewport.getRenderedRange();
-        const totalSize = renderedContentSize +
-            (viewport.getDataLength() - (renderedRange.end - renderedRange.start)) *
-                this._averager.getAverageItemSize();
-        viewport.setTotalContentSize(totalSize);
+    this._lastScrollOffset = scrollOffset;
+  }
+  _checkRenderedContentSize() {
+    const viewport = this._viewport;
+    this._lastRenderedContentSize = viewport.measureRenderedContentSize();
+    this._averager.addSample(viewport.getRenderedRange(), this._lastRenderedContentSize);
+    this._updateTotalContentSize(this._lastRenderedContentSize);
+  }
+  _checkRenderedContentOffset() {
+    const viewport = this._viewport;
+    this._lastRenderedContentOffset = viewport.getOffsetToRenderedContentStart();
+  }
+  _renderContentForCurrentOffset() {
+    const viewport = this._viewport;
+    const scrollOffset = viewport.measureScrollOffset();
+    this._lastScrollOffset = scrollOffset;
+    this._removalFailures = 0;
+    const itemSize = this._averager.getAverageItemSize();
+    const firstVisibleIndex = Math.min(viewport.getDataLength() - 1, Math.floor(scrollOffset / itemSize));
+    const bufferSize = Math.ceil(this._maxBufferPx / itemSize);
+    const range = this._expandRange(this._getVisibleRangeForIndex(firstVisibleIndex), bufferSize, bufferSize);
+    viewport.setRenderedRange(range);
+    viewport.setRenderedContentOffset(itemSize * range.start);
+  }
+  _getVisibleRangeForIndex(startIndex) {
+    const viewport = this._viewport;
+    const range = {
+      start: startIndex,
+      end: startIndex + Math.ceil(viewport.getViewportSize() / this._averager.getAverageItemSize())
+    };
+    const extra = range.end - viewport.getDataLength();
+    if (extra > 0) {
+      range.start = Math.max(0, range.start - extra);
     }
+    return range;
+  }
+  _expandRange(range, expandStart, expandEnd) {
+    const viewport = this._viewport;
+    const start = Math.max(0, range.start - expandStart);
+    const end = Math.min(viewport.getDataLength(), range.end + expandEnd);
+    return {
+      start,
+      end
+    };
+  }
+  _updateTotalContentSize(renderedContentSize) {
+    const viewport = this._viewport;
+    const renderedRange = viewport.getRenderedRange();
+    const totalSize = renderedContentSize + (viewport.getDataLength() - (renderedRange.end - renderedRange.start)) * this._averager.getAverageItemSize();
+    viewport.setTotalContentSize(totalSize);
+  }
 }
-/**
- * Provider factory for `AutoSizeVirtualScrollStrategy` that simply extracts the already created
- * `AutoSizeVirtualScrollStrategy` from the given directive.
- * @param autoSizeDir The instance of `CdkAutoSizeVirtualScroll` to extract the
- *     `AutoSizeVirtualScrollStrategy` from.
- */
 function _autoSizeVirtualScrollStrategyFactory(autoSizeDir) {
-    return autoSizeDir._scrollStrategy;
+  return autoSizeDir._scrollStrategy;
 }
-/** A virtual scroll strategy that supports unknown or dynamic size items. */
 class CdkAutoSizeVirtualScroll {
-    /**
-     * The minimum amount of buffer rendered beyond the viewport (in pixels).
-     * If the amount of buffer dips below this number, more items will be rendered. Defaults to 100px.
-     */
-    get minBufferPx() {
-        return this._minBufferPx;
-    }
-    set minBufferPx(value) {
-        this._minBufferPx = coerceNumberProperty(value);
-    }
-    _minBufferPx = 100;
-    /**
-     * The number of pixels worth of buffer to shoot for when rendering new items.
-     * If the actual amount turns out to be less it will not necessarily trigger an additional
-     * rendering cycle (as long as the amount of buffer is still greater than `minBufferPx`).
-     * Defaults to 200px.
-     */
-    get maxBufferPx() {
-        return this._maxBufferPx;
-    }
-    set maxBufferPx(value) {
-        this._maxBufferPx = coerceNumberProperty(value);
-    }
-    _maxBufferPx = 200;
-    /** The scroll strategy used by this directive. */
-    _scrollStrategy = new AutoSizeVirtualScrollStrategy(this.minBufferPx, this.maxBufferPx);
-    ngOnChanges() {
-        this._scrollStrategy.updateBufferSize(this.minBufferPx, this.maxBufferPx);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkAutoSizeVirtualScroll, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: CdkAutoSizeVirtualScroll, isStandalone: true, selector: "cdk-virtual-scroll-viewport[autosize]", inputs: { minBufferPx: "minBufferPx", maxBufferPx: "maxBufferPx" }, providers: [
-            {
-                provide: VIRTUAL_SCROLL_STRATEGY,
-                useFactory: _autoSizeVirtualScrollStrategyFactory,
-                deps: [forwardRef(() => CdkAutoSizeVirtualScroll)],
-            },
-        ], usesOnChanges: true, ngImport: i0 });
+  get minBufferPx() {
+    return this._minBufferPx;
+  }
+  set minBufferPx(value) {
+    this._minBufferPx = coerceNumberProperty(value);
+  }
+  _minBufferPx = 100;
+  get maxBufferPx() {
+    return this._maxBufferPx;
+  }
+  set maxBufferPx(value) {
+    this._maxBufferPx = coerceNumberProperty(value);
+  }
+  _maxBufferPx = 200;
+  _scrollStrategy = new AutoSizeVirtualScrollStrategy(this.minBufferPx, this.maxBufferPx);
+  ngOnChanges() {
+    this._scrollStrategy.updateBufferSize(this.minBufferPx, this.maxBufferPx);
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: CdkAutoSizeVirtualScroll,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "14.0.0",
+    version: "20.2.0-next.2",
+    type: CdkAutoSizeVirtualScroll,
+    isStandalone: true,
+    selector: "cdk-virtual-scroll-viewport[autosize]",
+    inputs: {
+      minBufferPx: "minBufferPx",
+      maxBufferPx: "maxBufferPx"
+    },
+    providers: [{
+      provide: VIRTUAL_SCROLL_STRATEGY,
+      useFactory: _autoSizeVirtualScrollStrategyFactory,
+      deps: [forwardRef(() => CdkAutoSizeVirtualScroll)]
+    }],
+    usesOnChanges: true,
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: CdkAutoSizeVirtualScroll, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'cdk-virtual-scroll-viewport[autosize]',
-                    providers: [
-                        {
-                            provide: VIRTUAL_SCROLL_STRATEGY,
-                            useFactory: _autoSizeVirtualScrollStrategyFactory,
-                            deps: [forwardRef(() => CdkAutoSizeVirtualScroll)],
-                        },
-                    ],
-                }]
-        }], propDecorators: { minBufferPx: [{
-                type: Input
-            }], maxBufferPx: [{
-                type: Input
-            }] } });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: CdkAutoSizeVirtualScroll,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: 'cdk-virtual-scroll-viewport[autosize]',
+      providers: [{
+        provide: VIRTUAL_SCROLL_STRATEGY,
+        useFactory: _autoSizeVirtualScrollStrategyFactory,
+        deps: [forwardRef(() => CdkAutoSizeVirtualScroll)]
+      }]
+    }]
+  }],
+  propDecorators: {
+    minBufferPx: [{
+      type: Input
+    }],
+    maxBufferPx: [{
+      type: Input
+    }]
+  }
+});
 
 class ScrollingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ScrollingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0-next.2", ngImport: i0, type: ScrollingModule, imports: [CdkAutoSizeVirtualScroll], exports: [CdkAutoSizeVirtualScroll] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ScrollingModule });
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: ScrollingModule,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.NgModule
+  });
+  static ɵmod = i0.ɵɵngDeclareNgModule({
+    minVersion: "14.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: ScrollingModule,
+    imports: [CdkAutoSizeVirtualScroll],
+    exports: [CdkAutoSizeVirtualScroll]
+  });
+  static ɵinj = i0.ɵɵngDeclareInjector({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: ScrollingModule
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: ScrollingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CdkAutoSizeVirtualScroll],
-                    exports: [CdkAutoSizeVirtualScroll],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: ScrollingModule,
+  decorators: [{
+    type: NgModule,
+    args: [{
+      imports: [CdkAutoSizeVirtualScroll],
+      exports: [CdkAutoSizeVirtualScroll]
+    }]
+  }]
+});
 
 export { AutoSizeVirtualScrollStrategy, CdkAutoSizeVirtualScroll, ItemSizeAverager, ScrollingModule, _autoSizeVirtualScrollStrategyFactory };
 //# sourceMappingURL=scrolling.mjs.map