(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/coercion'), require('@angular/core'), require('rxjs'), require('rxjs/operators'), require('@angular/cdk/platform'), require('@angular/common'), require('@angular/cdk/bidi'), require('@angular/cdk/collections')) : typeof define === 'function' && define.amd ? define('@angular/cdk/scrolling', ['exports', '@angular/cdk/coercion', '@angular/core', 'rxjs', 'rxjs/operators', '@angular/cdk/platform', '@angular/common', '@angular/cdk/bidi', '@angular/cdk/collections'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.ng = global.ng || {}, global.ng.cdk = global.ng.cdk || {}, global.ng.cdk.scrolling = {}), global.ng.cdk.coercion, global.ng.core, global.rxjs, global.rxjs.operators, global.ng.cdk.platform, global.ng.common, global.ng.cdk.bidi, global.ng.cdk.collections)); }(this, (function (exports, coercion, i0, rxjs, operators, i1, i2, bidi, collections) { 'use strict'; function _interopNamespace(e) { if (e && e.__esModule) return e; var n = Object.create(null); if (e) { Object.keys(e).forEach(function (k) { if (k !== 'default') { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: function () { return e[k]; } }); } }); } n['default'] = e; return Object.freeze(n); } var i0__namespace = /*#__PURE__*/_interopNamespace(i0); var i1__namespace = /*#__PURE__*/_interopNamespace(i1); var i2__namespace = /*#__PURE__*/_interopNamespace(i2); /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.io/license */ /** The injection token used to specify the virtual scrolling strategy. */ var VIRTUAL_SCROLL_STRATEGY = new i0.InjectionToken('VIRTUAL_SCROLL_STRATEGY'); /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.io/license */ /** Virtual scrolling strategy for lists with items of known fixed size. */ var FixedSizeVirtualScrollStrategy = /** @class */ (function () { /** * @param itemSize The size of the items in the virtually scrolling list. * @param minBufferPx The minimum amount of buffer (in pixels) before needing to render more * @param maxBufferPx The amount of buffer (in pixels) to render when rendering more. */ function FixedSizeVirtualScrollStrategy(itemSize, minBufferPx, maxBufferPx) { this._scrolledIndexChange = new rxjs.Subject(); /** @docs-private Implemented as part of VirtualScrollStrategy. */ this.scrolledIndexChange = this._scrolledIndexChange.pipe(operators.distinctUntilChanged()); /** The attached viewport. */ this._viewport = null; this._itemSize = itemSize; this._minBufferPx = minBufferPx; this._maxBufferPx = maxBufferPx; } /** * Attaches this scroll strategy to a viewport. * @param viewport The viewport to attach this strategy to. */ FixedSizeVirtualScrollStrategy.prototype.attach = function (viewport) { this._viewport = viewport; this._updateTotalContentSize(); this._updateRenderedRange(); }; /** Detaches this scroll strategy from the currently attached viewport. */ FixedSizeVirtualScrollStrategy.prototype.detach = function () { this._scrolledIndexChange.complete(); this._viewport = null; }; /** * Update the item size and buffer size. * @param itemSize The size of the items in the virtually scrolling list. * @param minBufferPx The minimum amount of buffer (in pixels) before needing to render more * @param maxBufferPx The amount of buffer (in pixels) to render when rendering more. */ FixedSizeVirtualScrollStrategy.prototype.updateItemAndBufferSize = function (itemSize, minBufferPx, maxBufferPx) { if (maxBufferPx < minBufferPx && (typeof ngDevMode === 'undefined' || ngDevMode)) { throw Error('CDK virtual scroll: maxBufferPx must be greater than or equal to minBufferPx'); } this._itemSize = itemSize; this._minBufferPx = minBufferPx; this._maxBufferPx = maxBufferPx; this._updateTotalContentSize(); this._updateRenderedRange(); }; /** @docs-private Implemented as part of VirtualScrollStrategy. */ FixedSizeVirtualScrollStrategy.prototype.onContentScrolled = function () { this._updateRenderedRange(); }; /** @docs-private Implemented as part of VirtualScrollStrategy. */ FixedSizeVirtualScrollStrategy.prototype.onDataLengthChanged = function () { this._updateTotalContentSize(); this._updateRenderedRange(); }; /** @docs-private Implemented as part of VirtualScrollStrategy. */ FixedSizeVirtualScrollStrategy.prototype.onContentRendered = function () { }; /** @docs-private Implemented as part of VirtualScrollStrategy. */ FixedSizeVirtualScrollStrategy.prototype.onRenderedOffsetChanged = function () { }; /** * Scroll to the offset for the given index. * @param index The index of the element to scroll to. * @param behavior The ScrollBehavior to use when scrolling. */ FixedSizeVirtualScrollStrategy.prototype.scrollToIndex = function (index, behavior) { if (this._viewport) { this._viewport.scrollToOffset(index * this._itemSize, behavior); } }; /** Update the viewport's total content size. */ FixedSizeVirtualScrollStrategy.prototype._updateTotalContentSize = function () { if (!this._viewport) { return; } this._viewport.setTotalContentSize(this._viewport.getDataLength() * this._itemSize); }; /** Update the viewport's rendered range. */ FixedSizeVirtualScrollStrategy.prototype._updateRenderedRange = function () { if (!this._viewport) { return; } var renderedRange = this._viewport.getRenderedRange(); var newRange = { start: renderedRange.start, end: renderedRange.end }; var viewportSize = this._viewport.getViewportSize(); var dataLength = this._viewport.getDataLength(); var scrollOffset = this._viewport.measureScrollOffset(); // Prevent NaN as result when dividing by zero. var firstVisibleIndex = (this._itemSize > 0) ? scrollOffset / this._itemSize : 0; // If user scrolls to the bottom of the list and data changes to a smaller list if (newRange.end > dataLength) { // We have to recalculate the first visible index based on new data length and viewport size. var maxVisibleItems = Math.ceil(viewportSize / this._itemSize); var newVisibleIndex = Math.max(0, Math.min(firstVisibleIndex, dataLength - maxVisibleItems)); // If first visible index changed we must update scroll offset to handle start/end buffers // Current range must also be adjusted to cover the new position (bottom of new list). if (firstVisibleIndex != newVisibleIndex) { firstVisibleIndex = newVisibleIndex; scrollOffset = newVisibleIndex * this._itemSize; newRange.start = Math.floor(firstVisibleIndex); } newRange.end = Math.max(0, Math.min(dataLength, newRange.start + maxVisibleItems)); } var startBuffer = scrollOffset - newRange.start * this._itemSize; if (startBuffer < this._minBufferPx && newRange.start != 0) { var expandStart = Math.ceil((this._maxBufferPx - startBuffer) / this._itemSize); newRange.start = Math.max(0, newRange.start - expandStart); newRange.end = Math.min(dataLength, Math.ceil(firstVisibleIndex + (viewportSize + this._minBufferPx) / this._itemSize)); } else { var endBuffer = newRange.end * this._itemSize - (scrollOffset + viewportSize); if (endBuffer < this._minBufferPx && newRange.end != dataLength) { var expandEnd = Math.ceil((this._maxBufferPx - endBuffer) / this._itemSize); if (expandEnd > 0) { newRange.end = Math.min(dataLength, newRange.end + expandEnd); newRange.start = Math.max(0, Math.floor(firstVisibleIndex - this._minBufferPx / this._itemSize)); } } } this._viewport.setRenderedRange(newRange); this._viewport.setRenderedContentOffset(this._itemSize * newRange.start); this._scrolledIndexChange.next(Math.floor(firstVisibleIndex)); }; return FixedSizeVirtualScrollStrategy; }()); /** * Provider factory for `FixedSizeVirtualScrollStrategy` that simply extracts the already created * `FixedSizeVirtualScrollStrategy` from the given directive. * @param fixedSizeDir The instance of `CdkFixedSizeVirtualScroll` to extract the * `FixedSizeVirtualScrollStrategy` from. */ function _fixedSizeVirtualScrollStrategyFactory(fixedSizeDir) { return fixedSizeDir._scrollStrategy; } /** A virtual scroll strategy that supports fixed-size items. */ var CdkFixedSizeVirtualScroll = /** @class */ (function () { function CdkFixedSizeVirtualScroll() { this._itemSize = 20; this._minBufferPx = 100; this._maxBufferPx = 200; /** The scroll strategy used by this directive. */ this._scrollStrategy = new FixedSizeVirtualScrollStrategy(this.itemSize, this.minBufferPx, this.maxBufferPx); } Object.defineProperty(CdkFixedSizeVirtualScroll.prototype, "itemSize", { /** The size of the items in the list (in pixels). */ get: function () { return this._itemSize; }, set: function (value) { this._itemSize = coercion.coerceNumberProperty(value); }, enumerable: false, configurable: true }); Object.defineProperty(CdkFixedSizeVirtualScroll.prototype, "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. Defaults to 100px. */ get: function () { return this._minBufferPx; }, set: function (value) { this._minBufferPx = coercion.coerceNumberProperty(value); }, enumerable: false, configurable: true }); Object.defineProperty(CdkFixedSizeVirtualScroll.prototype, "maxBufferPx", { /** * The number of pixels worth of buffer to render for when rendering new items. Defaults to 200px. */ get: function () { return this._maxBufferPx; }, set: function (value) { this._maxBufferPx = coercion.coerceNumberProperty(value); }, enumerable: false, configurable: true }); CdkFixedSizeVirtualScroll.prototype.ngOnChanges = function () { this._scrollStrategy.updateItemAndBufferSize(this.itemSize, this.minBufferPx, this.maxBufferPx); }; return CdkFixedSizeVirtualScroll; }()); CdkFixedSizeVirtualScroll.decorators = [ { type: i0.Directive, args: [{ selector: 'cdk-virtual-scroll-viewport[itemSize]', providers: [{ provide: VIRTUAL_SCROLL_STRATEGY, useFactory: _fixedSizeVirtualScrollStrategyFactory, deps: [i0.forwardRef(function () { return CdkFixedSizeVirtualScroll; })], }], },] } ]; CdkFixedSizeVirtualScroll.propDecorators = { itemSize: [{ type: i0.Input }], minBufferPx: [{ type: i0.Input }], maxBufferPx: [{ type: i0.Input }] }; /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.io/license */ /** Time in ms to throttle the scrolling events by default. */ var DEFAULT_SCROLL_TIME = 20; /** * Service contained all registered Scrollable references and emits an event when any one of the * Scrollable references emit a scrolled event. */ var ScrollDispatcher = /** @class */ (function () { function ScrollDispatcher(_ngZone, _platform, document) { this._ngZone = _ngZone; this._platform = _platform; /** Subject for notifying that a registered scrollable reference element has been scrolled. */ this._scrolled = new rxjs.Subject(); /** Keeps track of the global `scroll` and `resize` subscriptions. */ this._globalSubscription = null; /** Keeps track of the amount of subscriptions to `scrolled`. Used for cleaning up afterwards. */ this._scrolledCount = 0; /** * Map of all the scrollable references that are registered with the service and their * scroll event subscriptions. */ this.scrollContainers = new Map(); this._document = document; } /** * Registers a scrollable instance with the service and listens for its scrolled events. When the * scrollable is scrolled, the service emits the event to its scrolled observable. * @param scrollable Scrollable instance to be registered. */ ScrollDispatcher.prototype.register = function (scrollable) { var _this = this; if (!this.scrollContainers.has(scrollable)) { this.scrollContainers.set(scrollable, scrollable.elementScrolled() .subscribe(function () { return _this._scrolled.next(scrollable); })); } }; /** * Deregisters a Scrollable reference and unsubscribes from its scroll event observable. * @param scrollable Scrollable instance to be deregistered. */ ScrollDispatcher.prototype.deregister = function (scrollable) { var scrollableReference = this.scrollContainers.get(scrollable); if (scrollableReference) { scrollableReference.unsubscribe(); this.scrollContainers.delete(scrollable); } }; /** * Returns an observable that emits an event whenever any of the registered Scrollable * references (or window, document, or body) fire a scrolled event. Can provide a time in ms * to override the default "throttle" time. * * **Note:** in order to avoid hitting change detection for every scroll event, * all of the events emitted from this stream will be run outside the Angular zone. * If you need to update any data bindings as a result of a scroll event, you have * to run the callback using `NgZone.run`. */ ScrollDispatcher.prototype.scrolled = function (auditTimeInMs) { var _this = this; if (auditTimeInMs === void 0) { auditTimeInMs = DEFAULT_SCROLL_TIME; } if (!this._platform.isBrowser) { return rxjs.of(); } return new rxjs.Observable(function (observer) { if (!_this._globalSubscription) { _this._addGlobalListener(); } // In the case of a 0ms delay, use an observable without auditTime // since it does add a perceptible delay in processing overhead. var subscription = auditTimeInMs > 0 ? _this._scrolled.pipe(operators.auditTime(auditTimeInMs)).subscribe(observer) : _this._scrolled.subscribe(observer); _this._scrolledCount++; return function () { subscription.unsubscribe(); _this._scrolledCount--; if (!_this._scrolledCount) { _this._removeGlobalListener(); } }; }); }; ScrollDispatcher.prototype.ngOnDestroy = function () { var _this = this; this._removeGlobalListener(); this.scrollContainers.forEach(function (_, container) { return _this.deregister(container); }); this._scrolled.complete(); }; /** * Returns an observable that emits whenever any of the * scrollable ancestors of an element are scrolled. * @param elementOrElementRef Element whose ancestors to listen for. * @param auditTimeInMs Time to throttle the scroll events. */ ScrollDispatcher.prototype.ancestorScrolled = function (elementOrElementRef, auditTimeInMs) { var ancestors = this.getAncestorScrollContainers(elementOrElementRef); return this.scrolled(auditTimeInMs).pipe(operators.filter(function (target) { return !target || ancestors.indexOf(target) > -1; })); }; /** Returns all registered Scrollables that contain the provided element. */ ScrollDispatcher.prototype.getAncestorScrollContainers = function (elementOrElementRef) { var _this = this; var scrollingContainers = []; this.scrollContainers.forEach(function (_subscription, scrollable) { if (_this._scrollableContainsElement(scrollable, elementOrElementRef)) { scrollingContainers.push(scrollable); } }); return scrollingContainers; }; /** Use defaultView of injected document if available or fallback to global window reference */ ScrollDispatcher.prototype._getWindow = function () { return this._document.defaultView || window; }; /** Returns true if the element is contained within the provided Scrollable. */ ScrollDispatcher.prototype._scrollableContainsElement = function (scrollable, elementOrElementRef) { var element = coercion.coerceElement(elementOrElementRef); var scrollableElement = scrollable.getElementRef().nativeElement; // Traverse through the element parents until we reach null, checking if any of the elements // are the scrollable's element. do { if (element == scrollableElement) { return true; } } while (element = element.parentElement); return false; }; /** Sets up the global scroll listeners. */ ScrollDispatcher.prototype._addGlobalListener = function () { var _this = this; this._globalSubscription = this._ngZone.runOutsideAngular(function () { var window = _this._getWindow(); return rxjs.fromEvent(window.document, 'scroll').subscribe(function () { return _this._scrolled.next(); }); }); }; /** Cleans up the global scroll listener. */ ScrollDispatcher.prototype._removeGlobalListener = function () { if (this._globalSubscription) { this._globalSubscription.unsubscribe(); this._globalSubscription = null; } }; return ScrollDispatcher; }()); ScrollDispatcher.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ScrollDispatcher_Factory() { return new ScrollDispatcher(i0__namespace.ɵɵinject(i0__namespace.NgZone), i0__namespace.ɵɵinject(i1__namespace.Platform), i0__namespace.ɵɵinject(i2__namespace.DOCUMENT, 8)); }, token: ScrollDispatcher, providedIn: "root" }); ScrollDispatcher.decorators = [ { type: i0.Injectable, args: [{ providedIn: 'root' },] } ]; ScrollDispatcher.ctorParameters = function () { return [ { type: i0.NgZone }, { type: i1.Platform }, { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [i2.DOCUMENT,] }] } ]; }; /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.io/license */ /** * Sends an event when the directive's element is scrolled. Registers itself with the * ScrollDispatcher service to include itself as part of its collection of scrolling events that it * can be listened to through the service. */ var CdkScrollable = /** @class */ (function () { function CdkScrollable(elementRef, scrollDispatcher, ngZone, dir) { var _this = this; this.elementRef = elementRef; this.scrollDispatcher = scrollDispatcher; this.ngZone = ngZone; this.dir = dir; this._destroyed = new rxjs.Subject(); this._elementScrolled = new rxjs.Observable(function (observer) { return _this.ngZone.runOutsideAngular(function () { return rxjs.fromEvent(_this.elementRef.nativeElement, 'scroll').pipe(operators.takeUntil(_this._destroyed)) .subscribe(observer); }); }); } CdkScrollable.prototype.ngOnInit = function () { this.scrollDispatcher.register(this); }; CdkScrollable.prototype.ngOnDestroy = function () { this.scrollDispatcher.deregister(this); this._destroyed.next(); this._destroyed.complete(); }; /** Returns observable that emits when a scroll event is fired on the host element. */ CdkScrollable.prototype.elementScrolled = function () { return this._elementScrolled; }; /** Gets the ElementRef for the viewport. */ CdkScrollable.prototype.getElementRef = function () { return this.elementRef; }; /** * Scrolls to the specified offsets. This is a normalized version of the browser's native scrollTo * method, since browsers are not consistent about what scrollLeft means in RTL. For this method * left and right always refer to the left and right side of the scrolling container irrespective * of the layout direction. start and end refer to left and right in an LTR context and vice-versa * in an RTL context. * @param options specified the offsets to scroll to. */ CdkScrollable.prototype.scrollTo = function (options) { var el = this.elementRef.nativeElement; var isRtl = this.dir && this.dir.value == 'rtl'; // Rewrite start & end offsets as right or left offsets. if (options.left == null) { options.left = isRtl ? options.end : options.start; } if (options.right == null) { options.right = isRtl ? options.start : options.end; } // Rewrite the bottom offset as a top offset. if (options.bottom != null) { options.top = el.scrollHeight - el.clientHeight - options.bottom; } // Rewrite the right offset as a left offset. if (isRtl && i1.getRtlScrollAxisType() != 0 /* NORMAL */) { if (options.left != null) { options.right = el.scrollWidth - el.clientWidth - options.left; } if (i1.getRtlScrollAxisType() == 2 /* INVERTED */) { options.left = options.right; } else if (i1.getRtlScrollAxisType() == 1 /* NEGATED */) { options.left = options.right ? -options.right : options.right; } } else { if (options.right != null) { options.left = el.scrollWidth - el.clientWidth - options.right; } } this._applyScrollToOptions(options); }; CdkScrollable.prototype._applyScrollToOptions = function (options) { var el = this.elementRef.nativeElement; if (i1.supportsScrollBehavior()) { el.scrollTo(options); } else { if (options.top != null) { el.scrollTop = options.top; } if (options.left != null) { el.scrollLeft = options.left; } } }; /** * Measures the scroll offset relative to the specified edge of the viewport. This method can be * used instead of directly checking scrollLeft or scrollTop, since browsers are not consistent * about what scrollLeft means in RTL. The values returned by this method are normalized such that * left and right always refer to the left and right side of the scrolling container irrespective * of the layout direction. start and end refer to left and right in an LTR context and vice-versa * in an RTL context. * @param from The edge to measure from. */ CdkScrollable.prototype.measureScrollOffset = function (from) { var LEFT = 'left'; var RIGHT = 'right'; var el = this.elementRef.nativeElement; if (from == 'top') { return el.scrollTop; } if (from == 'bottom') { return el.scrollHeight - el.clientHeight - el.scrollTop; } // Rewrite start & end as left or right offsets. var isRtl = this.dir && this.dir.value == 'rtl'; if (from == 'start') { from = isRtl ? RIGHT : LEFT; } else if (from == 'end') { from = isRtl ? LEFT : RIGHT; } if (isRtl && i1.getRtlScrollAxisType() == 2 /* INVERTED */) { // For INVERTED, scrollLeft is (scrollWidth - clientWidth) when scrolled all the way left and // 0 when scrolled all the way right. if (from == LEFT) { return el.scrollWidth - el.clientWidth - el.scrollLeft; } else { return el.scrollLeft; } } else if (isRtl && i1.getRtlScrollAxisType() == 1 /* NEGATED */) { // For NEGATED, scrollLeft is -(scrollWidth - clientWidth) when scrolled all the way left and // 0 when scrolled all the way right. if (from == LEFT) { return el.scrollLeft + el.scrollWidth - el.clientWidth; } else { return -el.scrollLeft; } } else { // For NORMAL, as well as non-RTL contexts, scrollLeft is 0 when scrolled all the way left and // (scrollWidth - clientWidth) when scrolled all the way right. if (from == LEFT) { return el.scrollLeft; } else { return el.scrollWidth - el.clientWidth - el.scrollLeft; } } }; return CdkScrollable; }()); CdkScrollable.decorators = [ { type: i0.Directive, args: [{ selector: '[cdk-scrollable], [cdkScrollable]' },] } ]; CdkScrollable.ctorParameters = function () { return [ { type: i0.ElementRef }, { type: ScrollDispatcher }, { type: i0.NgZone }, { type: bidi.Directionality, decorators: [{ type: i0.Optional }] } ]; }; /*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */ /* global Reflect, Promise */ var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; }; return extendStatics(d, b); }; function __extends(d, b) { if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null"); extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); } var __assign = function () { __assign = Object.assign || function __assign(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; function __rest(s, e) { var t = {}; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p]; if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) { if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]]; } return t; } function __decorate(decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; } function __param(paramIndex, decorator) { return function (target, key) { decorator(target, key, paramIndex); }; } function __metadata(metadataKey, metadataValue) { if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue); } function __awaiter(thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); } function __generator(thisArg, body) { var _ = { label: 0, sent: function () { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { if (f) throw new TypeError("Generator is already executing."); while (_) try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } } var __createBinding = Object.create ? (function (o, m, k, k2) { if (k2 === undefined) k2 = k; Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } }); }) : (function (o, m, k, k2) { if (k2 === undefined) k2 = k; o[k2] = m[k]; }); function __exportStar(m, o) { for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p); } function __values(o) { var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0; if (m) return m.call(o); if (o && typeof o.length === "number") return { next: function () { if (o && i >= o.length) o = void 0; return { value: o && o[i++], done: !o }; } }; throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined."); } function __read(o, n) { var m = typeof Symbol === "function" && o[Symbol.iterator]; if (!m) return o; var i = m.call(o), r, ar = [], e; try { while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); } catch (error) { e = { error: error }; } finally { try { if (r && !r.done && (m = i["return"])) m.call(i); } finally { if (e) throw e.error; } } return ar; } /** @deprecated */ function __spread() { for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i])); return ar; } /** @deprecated */ function __spreadArrays() { for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length; for (var r = Array(s), k = 0, i = 0; i < il; i++) for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++) r[k] = a[j]; return r; } function __spreadArray(to, from, pack) { if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) { if (ar || !(i in from)) { if (!ar) ar = Array.prototype.slice.call(from, 0, i); ar[i] = from[i]; } } return to.concat(ar || from); } function __await(v) { return this instanceof __await ? (this.v = v, this) : new __await(v); } function __asyncGenerator(thisArg, _arguments, generator) { if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); var g = generator.apply(thisArg, _arguments || []), i, q = []; return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i; function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; } function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } } function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); } function fulfill(value) { resume("next", value); } function reject(value) { resume("throw", value); } function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); } } function __asyncDelegator(o) { var i, p; return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i; function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; } } function __asyncValues(o) { if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined."); var m = o[Symbol.asyncIterator], i; return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i); function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; } function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); } } function __makeTemplateObject(cooked, raw) { if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; } return cooked; } ; var __setModuleDefault = Object.create ? (function (o, v) { Object.defineProperty(o, "default", { enumerable: true, value: v }); }) : function (o, v) { o["default"] = v; }; function __importStar(mod) { if (mod && mod.__esModule) return mod; var result = {}; if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); __setModuleDefault(result, mod); return result; } function __importDefault(mod) { return (mod && mod.__esModule) ? mod : { default: mod }; } function __classPrivateFieldGet(receiver, state, kind, f) { if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter"); if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it"); return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver); } function __classPrivateFieldSet(receiver, state, value, kind, f) { if (kind === "m") throw new TypeError("Private method is not writable"); if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter"); if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it"); return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value; } /** * @license * Copyright Google LLC All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.io/license */ /** Time in ms to throttle the resize events by default. */ var DEFAULT_RESIZE_TIME = 20; /** * Simple utility for getting the bounds of the browser viewport. * @docs-private */ var ViewportRuler = /** @class */ (function () { function ViewportRuler(_platform, ngZone, document) { var _this = this; this._platform = _platform; /** Stream of viewport change events. */ this._change = new rxjs.Subject(); /** Event listener that will be used to handle the viewport change events. */ this._changeListener = function (event) { _this._change.next(event); }; this._document = document; ngZone.runOutsideAngular(function () { if (_platform.isBrowser) { var window = _this._getWindow(); // Note that bind the events ourselves, rather than going through something like RxJS's // `fromEvent` so that we can ensure that they're bound outside of the NgZone. window.addEventListener('resize', _this._changeListener); window.addEventListener('orientationchange', _this._changeListener); } // Clear the cached position so that the viewport is re-measured next time it is required. // We don't need to keep track of the subscription, because it is completed on destroy. _this.change().subscribe(function () { return _this._viewportSize = null; }); }); } ViewportRuler.prototype.ngOnDestroy = function () { if (this._platform.isBrowser) { var window = this._getWindow(); window.removeEventListener('resize', this._changeListener); window.removeEventListener('orientationchange', this._changeListener); } this._change.complete(); }; /** Returns the viewport's width and height. */ ViewportRuler.prototype.getViewportSize = function () { if (!this._viewportSize) { this._updateViewportSize(); } var output = { width: this._viewportSize.width, height: this._viewportSize.height }; // If we're not on a browser, don't cache the size since it'll be mocked out anyway. if (!this._platform.isBrowser) { this._viewportSize = null; } return output; }; /** Gets a ClientRect for the viewport's bounds. */ ViewportRuler.prototype.getViewportRect = function () { // Use the document element's bounding rect rather than the window scroll properties // (e.g. pageYOffset, scrollY) due to in issue in Chrome and IE where window scroll // properties and client coordinates (boundingClientRect, clientX/Y, etc.) are in different // conceptual viewports. Under most circumstances these viewports are equivalent, but they // can disagree when the page is pinch-zoomed (on devices that support touch). // See https://bugs.chromium.org/p/chromium/issues/detail?id=489206#c4 // We use the documentElement instead of the body because, by default (without a css reset) // browsers typically give the document body an 8px margin, which is not included in // getBoundingClientRect(). var scrollPosition = this.getViewportScrollPosition(); var _a = this.getViewportSize(), width = _a.width, height = _a.height; return { top: scrollPosition.top, left: scrollPosition.left, bottom: scrollPosition.top + height, right: scrollPosition.left + width, height: height, width: width, }; }; /** Gets the (top, left) scroll position of the viewport. */ ViewportRuler.prototype.getViewportScrollPosition = function () { // While we can get a reference to the fake document // during SSR, it doesn't have getBoundingClientRect. if (!this._platform.isBrowser) { return { top: 0, left: 0 }; } // The top-left-corner of the viewport is determined by the scroll position of the document // body, normally just (scrollLeft, scrollTop). However, Chrome and Firefox disagree about // whether `document.body` or `document.documentElement` is the scrolled element, so reading // `scrollTop` and `scrollLeft` is inconsistent. However, using the bounding rect of // `document.documentElement` works consistently, where the `top` and `left` values will // equal negative the scroll position. var document = this._document; var window = this._getWindow(); var documentElement = document.documentElement; var documentRect = documentElement.getBoundingClientRect(); var top = -documentRect.top || document.body.scrollTop || window.scrollY || documentElement.scrollTop || 0; var left = -documentRect.left || document.body.scrollLeft || window.scrollX || documentElement.scrollLeft || 0; return { top: top, left: left }; }; /** * Returns a stream that emits whenever the size of the viewport changes. * This stream emits outside of the Angular zone. * @param throttleTime Time in milliseconds to throttle the stream. */ ViewportRuler.prototype.change = function (throttleTime) { if (throttleTime === void 0) { throttleTime = DEFAULT_RESIZE_TIME; } return throttleTime > 0 ? this._change.pipe(operators.auditTime(throttleTime)) : this._change; }; /** Use defaultView of injected document if available or fallback to global window reference */ ViewportRuler.prototype._getWindow = function () { return this._document.defaultView || window; }; /** Updates the cached viewport size. */ ViewportRuler.prototype._updateViewportSize = function () { var window = this._getWindow(); this._viewportSize = this._platform.isBrowser ? { width: window.innerWidth, height: window.innerHeight } : { width: 0, height: 0 }; }; return ViewportRuler; }()); ViewportRuler.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ViewportRuler_Factory() { return new ViewportRuler(i0__namespace.ɵɵinject(i1__namespace.Platform), i0__namespace.ɵɵinject(i0__namespace.NgZone), i0__namespace.ɵɵinject(i2__namespace.DOCUMENT, 8)); }, token: ViewportRuler, providedIn: "root" }); ViewportRuler.decorators = [ { type: i0.Injectable, args: [{ providedIn: 'root' },] } ]; ViewportRuler.ctorParameters = function () { return [ { type: i1.Platform }, { type: i0.NgZone }, { type: undefined, decorators: [{ type: i0.Optional }, { type: i0.Inject, args: [i2.DOCUMENT,] }] } ]; }; /** Checks if the given ranges are equal. */ function rangesEqual(r1, r2) { return r1.start == r2.start && r1.end == r2.end; } /** * Scheduler to be used for scroll events. Needs to fall back to * something that doesn't rely on requestAnimationFrame on environments * that don't support it (e.g. server-side rendering). */ var SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? rxjs.animationFrameScheduler : rxjs.asapScheduler; /** A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`. */ var CdkVirtualScrollViewport = /** @class */ (function (_super) { __extends(CdkVirtualScrollViewport, _super); function CdkVirtualScrollViewport(elementRef, _changeDetectorRef, ngZone, _scrollStrategy, dir, scrollDispatcher, viewportRuler) { var _this = _super.call(this, elementRef, scrollDispatcher, ngZone, dir) || this; _this.elementRef = elementRef; _this._changeDetectorRef = _changeDetectorRef; _this._scrollStrategy = _scrollStrategy; /** Emits when the viewport is detached from a CdkVirtualForOf. */ _this._detachedSubject = new rxjs.Subject(); /** Emits when the rendered range changes. */ _this._renderedRangeSubject = new rxjs.Subject(); _this._orientation = 'vertical'; _this._appendOnly = false; // Note: we don't use the typical EventEmitter here because we need to subscribe to the scroll // strategy lazily (i.e. only if the user is actually listening to the events). We do this because // depending on how the strategy calculates the scrolled index, it may come at a cost to // performance. /** Emits when the index of the first element visible in the viewport changes. */ _this.scrolledIndexChange = new rxjs.Observable(function (observer) { return _this._scrollStrategy.scrolledIndexChange.subscribe(function (index) { return Promise.resolve().then(function () { return _this.ngZone.run(function () { return observer.next(index); }); }); }); }); /** A stream that emits whenever the rendered range changes. */ _this.renderedRangeStream = _this._renderedRangeSubject; /** * The total size of all content (in pixels), including content that is not currently rendered. */ _this._totalContentSize = 0; /** A string representing the `style.width` property value to be used for the spacer element. */ _this._totalContentWidth = ''; /** A string representing the `style.height` property value to be used for the spacer element. */ _this._totalContentHeight = ''; /** The currently rendered range of indices. */ _this._renderedRange = { start: 0, end: 0 }; /** The length of the data bound to this viewport (in number of items). */ _this._dataLength = 0; /** The size of the viewport (in pixels). */ _this._viewportSize = 0; /** The last rendered content offset that was set. */ _this._renderedContentOffset = 0; /** * Whether the last rendered content offset was to the end of the content (and therefore needs to * be rewritten as an offset to the start of the content). */ _this._renderedContentOffsetNeedsRewrite = false; /** Whether there is a pending change detection cycle. */ _this._isChangeDetectionPending = false; /** A list of functions to run after the next change detection cycle. */ _this._runAfterChangeDetection = []; /** Subscription to changes in the viewport size. */ _this._viewportChanges = rxjs.Subscription.EMPTY; if (!_scrollStrategy && (typeof ngDevMode === 'undefined' || ngDevMode)) { throw Error('Error: cdk-virtual-scroll-viewport requires the "itemSize" property to be set.'); } _this._viewportChanges = viewportRuler.change().subscribe(function () { _this.checkViewportSize(); }); return _this; } Object.defineProperty(CdkVirtualScrollViewport.prototype, "orientation", { /** The direction the viewport scrolls. */ get: function () { return this._orientation; }, set: function (orientation) { if (this._orientation !== orientation) { this._orientation = orientation; this._calculateSpacerSize(); } }, enumerable: false, configurable: true }); Object.defineProperty(CdkVirtualScrollViewport.prototype, "appendOnly", { /** * Whether rendered items should persist in the DOM after scrolling out of view. By default, items * will be removed. */ get: function () { return this._appendOnly; }, set: function (value) { this._appendOnly = coercion.coerceBooleanProperty(value); }, enumerable: false, configurable: true }); CdkVirtualScrollViewport.prototype.ngOnInit = function () { var _this = this; _super.prototype.ngOnInit.call(this); // It's still too early to measure the viewport at this point. Deferring with a promise allows // the Viewport to be rendered with the correct size before we measure. We run this outside the // zone to avoid causing more change detection cycles. We handle the change detection loop // ourselves instead. this.ngZone.runOutsideAngular(function () { return Promise.resolve().then(function () { _this._measureViewportSize(); _this._scrollStrategy.attach(_this); _this.elementScrolled() .pipe( // Start off with a fake scroll event so we properly detect our initial position. operators.startWith(null), // Collect multiple events into one until the next animation frame. This way if // there are multiple scroll events in the same frame we only need to recheck // our layout once. operators.auditTime(0, SCROLL_SCHEDULER)) .subscribe(function () { return _this._scrollStrategy.onContentScrolled(); }); _this._markChangeDetectionNeeded(); }); }); }; CdkVirtualScrollViewport.prototype.ngOnDestroy = function () { this.detach(); this._scrollStrategy.detach(); // Complete all subjects this._renderedRangeSubject.complete(); this._detachedSubject.complete(); this._viewportChanges.unsubscribe(); _super.prototype.ngOnDestroy.call(this); }; /** Attaches a `CdkVirtualScrollRepeater` to this viewport. */ CdkVirtualScrollViewport.prototype.attach = function (forOf) { var _this = this; if (this._forOf && (typeof ngDevMode === 'undefined' || ngDevMode)) { throw Error('CdkVirtualScrollViewport is already attached.'); } // Subscribe to the data stream of the CdkVirtualForOf to keep track of when the data length // changes. Run outside the zone to avoid triggering change detection, since we're managing the // change detection loop ourselves. this.ngZone.runOutsideAngular(function () { _this._forOf = forOf; _this._forOf.dataStream.pipe(operators.takeUntil(_this._detachedSubject)).subscribe(function (data) { var newLength = data.length; if (newLength !== _this._dataLength) { _this._dataLength = newLength; _this._scrollStrategy.onDataLengthChanged(); } _this._doChangeDetection(); }); }); }; /** Detaches the current `CdkVirtualForOf`. */ CdkVirtualScrollViewport.prototype.detach = function () { this._forOf = null; this._detachedSubject.next(); }; /** Gets the length of the data bound to this viewport (in number of items). */ CdkVirtualScrollViewport.prototype.getDataLength = function () { return this._dataLength; }; /** Gets the size of the viewport (in pixels). */ CdkVirtualScrollViewport.prototype.getViewportSize = function () { return this._viewportSize; }; // TODO(mmalerba): This is technically out of sync with what's really rendered until a render // cycle happens. I'm being careful to only call it after the render cycle is complete and before // setting it to something else, but its error prone and should probably be split into // `pendingRange` and `renderedRange`, the latter reflecting whats actually in the DOM. /** Get the current rendered range of items. */ CdkVirtualScrollViewport.prototype.getRenderedRange = function () { return this._renderedRange; }; /** * Sets the total size of all content (in pixels), including content that is not currently * rendered. */ CdkVirtualScrollViewport.prototype.setTotalContentSize = function (size) { if (this._totalContentSize !== size) { this._totalContentSize = size; this._calculateSpacerSize(); this._markChangeDetectionNeeded(); } }; /** Sets the currently rendered range of indices. */ CdkVirtualScrollViewport.prototype.setRenderedRange = function (range) { var _this = this; if (!rangesEqual(this._renderedRange, range)) { if (this.appendOnly) { range = { start: 0, end: Math.max(this._renderedRange.end, range.end) }; } this._renderedRangeSubject.next(this._renderedRange = range); this._markChangeDetectionNeeded(function () { return _this._scrollStrategy.onContentRendered(); }); } }; /** * Gets the offset from the start of the viewport to the start of the rendered data (in pixels). */ CdkVirtualScrollViewport.prototype.getOffsetToRenderedContentStart = function () { return this._renderedContentOffsetNeedsRewrite ? null : this._renderedContentOffset; }; /** * Sets the offset from the start of the viewport to either the start or end of the rendered data * (in pixels). */ CdkVirtualScrollViewport.prototype.setRenderedContentOffset = function (offset, to) { var _this = this; if (to === void 0) { to = 'to-start'; } // For a horizontal viewport in a right-to-left language we need to translate along the x-axis // in the negative direction. var isRtl = this.dir && this.dir.value == 'rtl'; var isHorizontal = this.orientation == 'horizontal'; var axis = isHorizontal ? 'X' : 'Y'; var axisDirection = isHorizontal && isRtl ? -1 : 1; var transform = "translate" + axis + "(" + Number(axisDirection * offset) + "px)"; this._renderedContentOffset = offset; if (to === 'to-end') { transform += " translate" + axis + "(-100%)"; // The viewport should rewrite this as a `to-start` offset on the next render cycle. Otherwise // elements will appear to expand in the wrong direction (e.g. `mat-expansion-panel` would // expand upward). this._renderedContentOffsetNeedsRewrite = true; } if (this._renderedContentTransform != transform) { // We know this value is safe because we parse `offset` with `Number()` before passing it // into the string. this._renderedContentTransform = transform; this._markChangeDetectionNeeded(function () { if (_this._renderedContentOffsetNeedsRewrite) { _this._renderedContentOffset -= _this.measureRenderedContentSize(); _this._renderedContentOffsetNeedsRewrite = false; _this.setRenderedContentOffset(_this._renderedContentOffset); } else { _this._scrollStrategy.onRenderedOffsetChanged(); } }); } }; /** * Scrolls to the given offset from the start of the viewport. Please note that this is not always * the same as setting `scrollTop` or `scrollLeft`. In a horizontal viewport with right-to-left * direction, this would be the equivalent of setting a fictional `scrollRight` property. * @param offset The offset to scroll to. * @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`. */ CdkVirtualScrollViewport.prototype.scrollToOffset = function (offset, behavior) { if (behavior === void 0) { behavior = 'auto'; } var options = { behavior: behavior }; if (this.orientation === 'horizontal') { options.start = offset; } else { options.top = offset; } this.scrollTo(options); }; /** * Scrolls to the offset for the given index. * @param index The index of the element to scroll to. * @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`. */ CdkVirtualScrollViewport.prototype.scrollToIndex = function (index, behavior) { if (behavior === void 0) { behavior = 'auto'; } this._scrollStrategy.scrollToIndex(index, behavior); }; /** * Gets the current scroll offset from the start of the viewport (in pixels). * @param from The edge to measure the offset from. Defaults to 'top' in vertical mode and 'start' * in horizontal mode. */ CdkVirtualScrollViewport.prototype.measureScrollOffset = function (from) { return from ? _super.prototype.measureScrollOffset.call(this, from) : _super.prototype.measureScrollOffset.call(this, this.orientation === 'horizontal' ? 'start' : 'top'); }; /** Measure the combined size of all of the rendered items. */ CdkVirtualScrollViewport.prototype.measureRenderedContentSize = function () { var contentEl = this._contentWrapper.nativeElement; return this.orientation === 'horizontal' ? contentEl.offsetWidth : contentEl.offsetHeight; }; /** * Measure the total combined size of the given range. Throws if the range includes items that are * not rendered. */ CdkVirtualScrollViewport.prototype.measureRangeSize = function (range) { if (!this._forOf) { return 0; } return this._forOf.measureRangeSize(range, this.orientation); }; /** Update the viewport dimensions and re-render. */ CdkVirtualScrollViewport.prototype.checkViewportSize = function () { // TODO: Cleanup later when add logic for handling content resize this._measureViewportSize(); this._scrollStrategy.onDataLengthChanged(); }; /** Measure the viewport size. */ CdkVirtualScrollViewport.prototype._measureViewportSize = function () { var viewportEl = this.elementRef.nativeElement; this._viewportSize = this.orientation === 'horizontal' ? viewportEl.clientWidth : viewportEl.clientHeight; }; /** Queue up change detection to run. */ CdkVirtualScrollViewport.prototype._markChangeDetectionNeeded = function (runAfter) { var _this = this; if (runAfter) { this._runAfterChangeDetection.push(runAfter); } // Use a Promise to batch together calls to `_doChangeDetection`. This way if we set a bunch of // properties sequentially we only have to run `_doChangeDetection` once at the end. if (!this._isChangeDetectionPending) { this._isChangeDetectionPending = true; this.ngZone.runOutsideAngular(function () { return Promise.resolve().then(function () { _this._doChangeDetection(); }); }); } }; /** Run change detection. */ CdkVirtualScrollViewport.prototype._doChangeDetection = function () { var e_1, _a; var _this = this; this._isChangeDetectionPending = false; // Apply the content transform. The transform can't be set via an Angular binding because // bypassSecurityTrustStyle is banned in Google. However the value is safe, it's composed of // string literals, a variable that can only be 'X' or 'Y', and user input that is run through // the `Number` function first to coerce it to a numeric value. this._contentWrapper.nativeElement.style.transform = this._renderedContentTransform; // Apply changes to Angular bindings. Note: We must call `markForCheck` to run change detection // from the root, since the repeated items are content projected in. Calling `detectChanges` // instead does not properly check the projected content. this.ngZone.run(function () { return _this._changeDetectorRef.markForCheck(); }); var runAfterChangeDetection = this._runAfterChangeDetection; this._runAfterChangeDetection = []; try { for (var runAfterChangeDetection_1 = __values(runAfterChangeDetection), runAfterChangeDetection_1_1 = runAfterChangeDetection_1.next(); !runAfterChangeDetection_1_1.done; runAfterChangeDetection_1_1 = runAfterChangeDetection_1.next()) { var fn = runAfterChangeDetection_1_1.value; fn(); } } catch (e_1_1) { e_1 = { error: e_1_1 }; } finally { try { if (runAfterChangeDetection_1_1 && !runAfterChangeDetection_1_1.done && (_a = runAfterChangeDetection_1.return)) _a.call(runAfterChangeDetection_1); } finally { if (e_1) throw e_1.error; } } }; /** Calculates the `style.width` and `style.height` for the spacer element. */ CdkVirtualScrollViewport.prototype._calculateSpacerSize = function () { this._totalContentHeight = this.orientation === 'horizontal' ? '' : this._totalContentSize + "px"; this._totalContentWidth = this.orientation === 'horizontal' ? this._totalContentSize + "px" : ''; }; return CdkVirtualScrollViewport; }(CdkScrollable)); CdkVirtualScrollViewport.decorators = [ { type: i0.Component, args: [{ selector: 'cdk-virtual-scroll-viewport', template: "\n