TCC

API	Description
@api.HttpMethod.Method @api.RelativePath	- @if (api.Documentation != null) - { - @api.Documentation - } - else - { - No documentation available. - } -

Name	Value	Description
@value.Name	- @value.Value -	- @value.Documentation -

Name	Description	Type	Additional information
@parameter.Name	- @parameter.Documentation -	- @Html.DisplayFor(m => modelDescription.ModelType, "ModelDescriptionLink", new { modelDescription = modelDescription }) -	- @if (parameter.Annotations.Count > 0) - { - foreach (var annotation in parameter.Annotations) - { - @annotation.Documentation - } - } - else - { - None. - } -

` + // and attach a portal programmatically in the parent component. When Angular does the first CD + // round, it will fire the setter with empty string, causing the user's content to be cleared. + if (this.hasAttached() && !portal && !this._isInitialized) { + return; + } + if (this.hasAttached()) { + _super.prototype.detach.call(this); + } + if (portal) { + _super.prototype.attach.call(this, portal); + } + this._attachedPortal = portal; + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkPortalOutlet.prototype, "attachedRef", { + /** Component or view reference that is attached to the portal. */ + get: /** + * Component or view reference that is attached to the portal. + * @return {?} + */ + function () { + return this._attachedRef; + }, + enumerable: true, + configurable: true + }); + /** + * @return {?} + */ + CdkPortalOutlet.prototype.ngOnInit = /** + * @return {?} + */ + function () { + this._isInitialized = true; + }; + /** + * @return {?} + */ + CdkPortalOutlet.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + _super.prototype.dispose.call(this); + this._attachedPortal = null; + this._attachedRef = null; + }; + /** + * Attach the given ComponentPortal to this PortalOutlet using the ComponentFactoryResolver. + * + * @param portal Portal to be attached to the portal outlet. + * @returns Reference to the created component. + */ + /** + * Attach the given ComponentPortal to this PortalOutlet using the ComponentFactoryResolver. + * + * @template T + * @param {?} portal Portal to be attached to the portal outlet. + * @return {?} Reference to the created component. + */ + CdkPortalOutlet.prototype.attachComponentPortal = /** + * Attach the given ComponentPortal to this PortalOutlet using the ComponentFactoryResolver. + * + * @template T + * @param {?} portal Portal to be attached to the portal outlet. + * @return {?} Reference to the created component. + */ + function (portal) { + portal.setAttachedHost(this); + // If the portal specifies an origin, use that as the logical location of the component + // in the application tree. Otherwise use the location of this PortalOutlet. + /** @type {?} */ + var viewContainerRef = portal.viewContainerRef != null ? + portal.viewContainerRef : + this._viewContainerRef; + /** @type {?} */ + var resolver = portal.componentFactoryResolver || this._componentFactoryResolver; + /** @type {?} */ + var componentFactory = resolver.resolveComponentFactory(portal.component); + /** @type {?} */ + var ref = viewContainerRef.createComponent(componentFactory, viewContainerRef.length, portal.injector || viewContainerRef.injector); + _super.prototype.setDisposeFn.call(this, function () { return ref.destroy(); }); + this._attachedPortal = portal; + this._attachedRef = ref; + this.attached.emit(ref); + return ref; + }; + /** + * Attach the given TemplatePortal to this PortlHost as an embedded View. + * @param portal Portal to be attached. + * @returns Reference to the created embedded view. + */ + /** + * Attach the given TemplatePortal to this PortlHost as an embedded View. + * @template C + * @param {?} portal Portal to be attached. + * @return {?} Reference to the created embedded view. + */ + CdkPortalOutlet.prototype.attachTemplatePortal = /** + * Attach the given TemplatePortal to this PortlHost as an embedded View. + * @template C + * @param {?} portal Portal to be attached. + * @return {?} Reference to the created embedded view. + */ + function (portal) { + var _this = this; + portal.setAttachedHost(this); + /** @type {?} */ + var viewRef = this._viewContainerRef.createEmbeddedView(portal.templateRef, portal.context); + _super.prototype.setDisposeFn.call(this, function () { return _this._viewContainerRef.clear(); }); + this._attachedPortal = portal; + this._attachedRef = viewRef; + this.attached.emit(viewRef); + return viewRef; + }; + CdkPortalOutlet.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Directive"], args: [{ + selector: '[cdkPortalOutlet], [cdkPortalHost], [portalHost]', + exportAs: 'cdkPortalOutlet, cdkPortalHost', + inputs: ['portal: cdkPortalOutlet'] + },] }, + ]; + /** @nocollapse */ + CdkPortalOutlet.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ComponentFactoryResolver"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ViewContainerRef"] } + ]; }; + CdkPortalOutlet.propDecorators = { + attached: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"] }] + }; + return CdkPortalOutlet; +}(BasePortalOutlet)); +var PortalModule = /** @class */ (function () { + function PortalModule() { + } + PortalModule.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"], args: [{ + exports: [CdkPortal, CdkPortalOutlet], + declarations: [CdkPortal, CdkPortalOutlet], + },] }, + ]; + return PortalModule; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * Custom injector to be used when providing custom + * injection tokens to components inside a portal. + * \@docs-private + */ +var /** + * Custom injector to be used when providing custom + * injection tokens to components inside a portal. + * \@docs-private + */ +PortalInjector = /** @class */ (function () { + function PortalInjector(_parentInjector, _customTokens) { + this._parentInjector = _parentInjector; + this._customTokens = _customTokens; + } + /** + * @param {?} token + * @param {?=} notFoundValue + * @return {?} + */ + PortalInjector.prototype.get = /** + * @param {?} token + * @param {?=} notFoundValue + * @return {?} + */ + function (token, notFoundValue) { + /** @type {?} */ + var value = this._customTokens.get(token); + if (typeof value !== 'undefined') { + return value; + } + return this._parentInjector.get(token, notFoundValue); + }; + return PortalInjector; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + + +//# sourceMappingURL=portal.es5.js.map + + +/***/ }), + +/***/ "./node_modules/@angular/cdk/esm5/scrolling.es5.js": +/*!*********************************************************!*\ + !*** ./node_modules/@angular/cdk/esm5/scrolling.es5.js ***! + \*********************************************************/ +/*! exports provided: _fixedSizeVirtualScrollStrategyFactory, FixedSizeVirtualScrollStrategy, CdkFixedSizeVirtualScroll, SCROLL_DISPATCHER_PROVIDER_FACTORY, DEFAULT_SCROLL_TIME, ScrollDispatcher, SCROLL_DISPATCHER_PROVIDER, CdkScrollable, ScrollingModule, ScrollDispatchModule, VIEWPORT_RULER_PROVIDER_FACTORY, DEFAULT_RESIZE_TIME, ViewportRuler, VIEWPORT_RULER_PROVIDER, CdkVirtualForOf, VIRTUAL_SCROLL_STRATEGY, CdkVirtualScrollViewport */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "_fixedSizeVirtualScrollStrategyFactory", function() { return _fixedSizeVirtualScrollStrategyFactory; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FixedSizeVirtualScrollStrategy", function() { return FixedSizeVirtualScrollStrategy; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkFixedSizeVirtualScroll", function() { return CdkFixedSizeVirtualScroll; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SCROLL_DISPATCHER_PROVIDER_FACTORY", function() { return SCROLL_DISPATCHER_PROVIDER_FACTORY; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_SCROLL_TIME", function() { return DEFAULT_SCROLL_TIME; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ScrollDispatcher", function() { return ScrollDispatcher; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SCROLL_DISPATCHER_PROVIDER", function() { return SCROLL_DISPATCHER_PROVIDER; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkScrollable", function() { return CdkScrollable; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ScrollingModule", function() { return ScrollingModule; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ScrollDispatchModule", function() { return ScrollDispatchModule; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VIEWPORT_RULER_PROVIDER_FACTORY", function() { return VIEWPORT_RULER_PROVIDER_FACTORY; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DEFAULT_RESIZE_TIME", function() { return DEFAULT_RESIZE_TIME; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ViewportRuler", function() { return ViewportRuler; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VIEWPORT_RULER_PROVIDER", function() { return VIEWPORT_RULER_PROVIDER; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkVirtualForOf", function() { return CdkVirtualForOf; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VIRTUAL_SCROLL_STRATEGY", function() { return VIRTUAL_SCROLL_STRATEGY; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkVirtualScrollViewport", function() { return CdkVirtualScrollViewport; }); +/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js"); +/* harmony import */ var _angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/cdk/coercion */ "./node_modules/@angular/cdk/esm5/coercion.es5.js"); +/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js"); +/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js"); +/* harmony import */ var _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/cdk/platform */ "./node_modules/@angular/cdk/esm5/platform.es5.js"); +/* harmony import */ var _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/cdk/bidi */ "./node_modules/@angular/cdk/esm5/bidi.es5.js"); +/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js"); +/* harmony import */ var _angular_cdk_collections__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/cdk/collections */ "./node_modules/@angular/cdk/esm5/collections.es5.js"); +/** + * @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 + */ + + + + + + + + + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * The injection token used to specify the virtual scrolling strategy. + * @type {?} + */ +var VIRTUAL_SCROLL_STRATEGY = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["InjectionToken"]('VIRTUAL_SCROLL_STRATEGY'); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Virtual scrolling strategy for lists with items of known fixed size. + */ +var /** + * Virtual scrolling strategy for lists with items of known fixed size. + */ +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__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + /** + * \@docs-private Implemented as part of VirtualScrollStrategy. + */ + this.scrolledIndexChange = this._scrolledIndexChange.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["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. + */ + /** + * Attaches this scroll strategy to a viewport. + * @param {?} viewport The viewport to attach this strategy to. + * @return {?} + */ + FixedSizeVirtualScrollStrategy.prototype.attach = /** + * Attaches this scroll strategy to a viewport. + * @param {?} viewport The viewport to attach this strategy to. + * @return {?} + */ + function (viewport) { + this._viewport = viewport; + this._updateTotalContentSize(); + this._updateRenderedRange(); + }; + /** Detaches this scroll strategy from the currently attached viewport. */ + /** + * Detaches this scroll strategy from the currently attached viewport. + * @return {?} + */ + FixedSizeVirtualScrollStrategy.prototype.detach = /** + * Detaches this scroll strategy from the currently attached viewport. + * @return {?} + */ + 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. + */ + /** + * 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. + * @return {?} + */ + FixedSizeVirtualScrollStrategy.prototype.updateItemAndBufferSize = /** + * 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. + * @return {?} + */ + function (itemSize, minBufferPx, maxBufferPx) { + if (maxBufferPx < minBufferPx) { + 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. */ + /** + * \@docs-private Implemented as part of VirtualScrollStrategy. + * @return {?} + */ + FixedSizeVirtualScrollStrategy.prototype.onContentScrolled = /** + * \@docs-private Implemented as part of VirtualScrollStrategy. + * @return {?} + */ + function () { + this._updateRenderedRange(); + }; + /** @docs-private Implemented as part of VirtualScrollStrategy. */ + /** + * \@docs-private Implemented as part of VirtualScrollStrategy. + * @return {?} + */ + FixedSizeVirtualScrollStrategy.prototype.onDataLengthChanged = /** + * \@docs-private Implemented as part of VirtualScrollStrategy. + * @return {?} + */ + function () { + this._updateTotalContentSize(); + this._updateRenderedRange(); + }; + /** @docs-private Implemented as part of VirtualScrollStrategy. */ + /** + * \@docs-private Implemented as part of VirtualScrollStrategy. + * @return {?} + */ + FixedSizeVirtualScrollStrategy.prototype.onContentRendered = /** + * \@docs-private Implemented as part of VirtualScrollStrategy. + * @return {?} + */ + function () { }; + /** @docs-private Implemented as part of VirtualScrollStrategy. */ + /** + * \@docs-private Implemented as part of VirtualScrollStrategy. + * @return {?} + */ + FixedSizeVirtualScrollStrategy.prototype.onRenderedOffsetChanged = /** + * \@docs-private Implemented as part of VirtualScrollStrategy. + * @return {?} + */ + 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. + */ + /** + * 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. + * @return {?} + */ + FixedSizeVirtualScrollStrategy.prototype.scrollToIndex = /** + * 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. + * @return {?} + */ + function (index, behavior) { + if (this._viewport) { + this._viewport.scrollToOffset(index * this._itemSize, behavior); + } + }; + /** Update the viewport's total content size. */ + /** + * Update the viewport's total content size. + * @private + * @return {?} + */ + FixedSizeVirtualScrollStrategy.prototype._updateTotalContentSize = /** + * Update the viewport's total content size. + * @private + * @return {?} + */ + function () { + if (!this._viewport) { + return; + } + this._viewport.setTotalContentSize(this._viewport.getDataLength() * this._itemSize); + }; + /** Update the viewport's rendered range. */ + /** + * Update the viewport's rendered range. + * @private + * @return {?} + */ + FixedSizeVirtualScrollStrategy.prototype._updateRenderedRange = /** + * Update the viewport's rendered range. + * @private + * @return {?} + */ + function () { + if (!this._viewport) { + return; + } + /** @type {?} */ + var scrollOffset = this._viewport.measureScrollOffset(); + /** @type {?} */ + var firstVisibleIndex = scrollOffset / this._itemSize; + /** @type {?} */ + var renderedRange = this._viewport.getRenderedRange(); + /** @type {?} */ + var newRange = { start: renderedRange.start, end: renderedRange.end }; + /** @type {?} */ + var viewportSize = this._viewport.getViewportSize(); + /** @type {?} */ + var dataLength = this._viewport.getDataLength(); + /** @type {?} */ + var startBuffer = scrollOffset - newRange.start * this._itemSize; + if (startBuffer < this._minBufferPx && newRange.start != 0) { + /** @type {?} */ + 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 { + /** @type {?} */ + var endBuffer = newRange.end * this._itemSize - (scrollOffset + viewportSize); + if (endBuffer < this._minBufferPx && newRange.end != dataLength) { + /** @type {?} */ + 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. + * @return {?} + */ +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: /** + * The size of the items in the list (in pixels). + * @return {?} + */ + function () { return this._itemSize; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { this._itemSize = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_1__["coerceNumberProperty"])(value); }, + enumerable: true, + 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: /** + * 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. + * @return {?} + */ + function () { return this._minBufferPx; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { this._minBufferPx = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_1__["coerceNumberProperty"])(value); }, + enumerable: true, + 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: /** + * The number of pixels worth of buffer to render for when rendering new items. Defaults to 200px. + * @return {?} + */ + function () { return this._maxBufferPx; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { this._maxBufferPx = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_1__["coerceNumberProperty"])(value); }, + enumerable: true, + configurable: true + }); + /** + * @return {?} + */ + CdkFixedSizeVirtualScroll.prototype.ngOnChanges = /** + * @return {?} + */ + function () { + this._scrollStrategy.updateItemAndBufferSize(this.itemSize, this.minBufferPx, this.maxBufferPx); + }; + CdkFixedSizeVirtualScroll.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"], args: [{ + selector: 'cdk-virtual-scroll-viewport[itemSize]', + providers: [{ + provide: VIRTUAL_SCROLL_STRATEGY, + useFactory: _fixedSizeVirtualScrollStrategyFactory, + deps: [Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["forwardRef"])(function () { return CdkFixedSizeVirtualScroll; })], + }], + },] }, + ]; + CdkFixedSizeVirtualScroll.propDecorators = { + itemSize: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + minBufferPx: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + maxBufferPx: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }] + }; + return CdkFixedSizeVirtualScroll; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Time in ms to throttle the scrolling events by default. + * @type {?} + */ +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) { + this._ngZone = _ngZone; + this._platform = _platform; + /** + * Subject for notifying that a registered scrollable reference element has been scrolled. + */ + this._scrolled = new rxjs__WEBPACK_IMPORTED_MODULE_2__["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(); + } + /** + * 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. + */ + /** + * 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. + * @return {?} + */ + ScrollDispatcher.prototype.register = /** + * 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. + * @return {?} + */ + 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. + */ + /** + * Deregisters a Scrollable reference and unsubscribes from its scroll event observable. + * @param {?} scrollable Scrollable instance to be deregistered. + * @return {?} + */ + ScrollDispatcher.prototype.deregister = /** + * Deregisters a Scrollable reference and unsubscribes from its scroll event observable. + * @param {?} scrollable Scrollable instance to be deregistered. + * @return {?} + */ + function (scrollable) { + /** @type {?} */ + 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`. + */ + /** + * 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`. + * @param {?=} auditTimeInMs + * @return {?} + */ + ScrollDispatcher.prototype.scrolled = /** + * 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`. + * @param {?=} auditTimeInMs + * @return {?} + */ + function (auditTimeInMs) { + var _this = this; + if (auditTimeInMs === void 0) { auditTimeInMs = DEFAULT_SCROLL_TIME; } + if (!this._platform.isBrowser) { + return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(); + } + return new rxjs__WEBPACK_IMPORTED_MODULE_2__["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. + /** @type {?} */ + var subscription = auditTimeInMs > 0 ? + _this._scrolled.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["auditTime"])(auditTimeInMs)).subscribe(observer) : + _this._scrolled.subscribe(observer); + _this._scrolledCount++; + return function () { + subscription.unsubscribe(); + _this._scrolledCount--; + if (!_this._scrolledCount) { + _this._removeGlobalListener(); + } + }; + }); + }; + /** + * @return {?} + */ + ScrollDispatcher.prototype.ngOnDestroy = /** + * @return {?} + */ + 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 elementRef Element whose ancestors to listen for. + * @param auditTimeInMs Time to throttle the scroll events. + */ + /** + * Returns an observable that emits whenever any of the + * scrollable ancestors of an element are scrolled. + * @param {?} elementRef Element whose ancestors to listen for. + * @param {?=} auditTimeInMs Time to throttle the scroll events. + * @return {?} + */ + ScrollDispatcher.prototype.ancestorScrolled = /** + * Returns an observable that emits whenever any of the + * scrollable ancestors of an element are scrolled. + * @param {?} elementRef Element whose ancestors to listen for. + * @param {?=} auditTimeInMs Time to throttle the scroll events. + * @return {?} + */ + function (elementRef, auditTimeInMs) { + /** @type {?} */ + var ancestors = this.getAncestorScrollContainers(elementRef); + return this.scrolled(auditTimeInMs).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(function (target) { + return !target || ancestors.indexOf(target) > -1; + })); + }; + /** Returns all registered Scrollables that contain the provided element. */ + /** + * Returns all registered Scrollables that contain the provided element. + * @param {?} elementRef + * @return {?} + */ + ScrollDispatcher.prototype.getAncestorScrollContainers = /** + * Returns all registered Scrollables that contain the provided element. + * @param {?} elementRef + * @return {?} + */ + function (elementRef) { + var _this = this; + /** @type {?} */ + var scrollingContainers = []; + this.scrollContainers.forEach(function (_subscription, scrollable) { + if (_this._scrollableContainsElement(scrollable, elementRef)) { + scrollingContainers.push(scrollable); + } + }); + return scrollingContainers; + }; + /** Returns true if the element is contained within the provided Scrollable. */ + /** + * Returns true if the element is contained within the provided Scrollable. + * @private + * @param {?} scrollable + * @param {?} elementRef + * @return {?} + */ + ScrollDispatcher.prototype._scrollableContainsElement = /** + * Returns true if the element is contained within the provided Scrollable. + * @private + * @param {?} scrollable + * @param {?} elementRef + * @return {?} + */ + function (scrollable, elementRef) { + /** @type {?} */ + var element = elementRef.nativeElement; + /** @type {?} */ + 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 = (/** @type {?} */ (element)).parentElement); + return false; + }; + /** Sets up the global scroll listeners. */ + /** + * Sets up the global scroll listeners. + * @private + * @return {?} + */ + ScrollDispatcher.prototype._addGlobalListener = /** + * Sets up the global scroll listeners. + * @private + * @return {?} + */ + function () { + var _this = this; + this._globalSubscription = this._ngZone.runOutsideAngular(function () { + return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["fromEvent"])(window.document, 'scroll').subscribe(function () { return _this._scrolled.next(); }); + }); + }; + /** Cleans up the global scroll listener. */ + /** + * Cleans up the global scroll listener. + * @private + * @return {?} + */ + ScrollDispatcher.prototype._removeGlobalListener = /** + * Cleans up the global scroll listener. + * @private + * @return {?} + */ + function () { + if (this._globalSubscription) { + this._globalSubscription.unsubscribe(); + this._globalSubscription = null; + } + }; + ScrollDispatcher.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"], args: [{ providedIn: 'root' },] }, + ]; + /** @nocollapse */ + ScrollDispatcher.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"] }, + { type: _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["Platform"] } + ]; }; + /** @nocollapse */ ScrollDispatcher.ngInjectableDef = Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["defineInjectable"])({ factory: function ScrollDispatcher_Factory() { return new ScrollDispatcher(Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"]), Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["inject"])(_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["Platform"])); }, token: ScrollDispatcher, providedIn: "root" }); + return ScrollDispatcher; +}()); +/** + * \@docs-private \@deprecated \@breaking-change 8.0.0 + * @param {?} parentDispatcher + * @param {?} ngZone + * @param {?} platform + * @return {?} + */ +function SCROLL_DISPATCHER_PROVIDER_FACTORY(parentDispatcher, ngZone, platform) { + return parentDispatcher || new ScrollDispatcher(ngZone, platform); +} +/** + * \@docs-private \@deprecated \@breaking-change 8.0.0 + * @type {?} + */ +var SCROLL_DISPATCHER_PROVIDER = { + // If there is already a ScrollDispatcher available, use that. Otherwise, provide a new one. + provide: ScrollDispatcher, + deps: [[new _angular_core__WEBPACK_IMPORTED_MODULE_0__["Optional"](), new _angular_core__WEBPACK_IMPORTED_MODULE_0__["SkipSelf"](), ScrollDispatcher], _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"], _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["Platform"]], + useFactory: SCROLL_DISPATCHER_PROVIDER_FACTORY +}; + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * 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__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + this._elementScrolled = new rxjs__WEBPACK_IMPORTED_MODULE_2__["Observable"](function (observer) { + return _this.ngZone.runOutsideAngular(function () { + return Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["fromEvent"])(_this.elementRef.nativeElement, 'scroll').pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["takeUntil"])(_this._destroyed)) + .subscribe(observer); + }); + }); + } + /** + * @return {?} + */ + CdkScrollable.prototype.ngOnInit = /** + * @return {?} + */ + function () { + this.scrollDispatcher.register(this); + }; + /** + * @return {?} + */ + CdkScrollable.prototype.ngOnDestroy = /** + * @return {?} + */ + 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. */ + /** + * Returns observable that emits when a scroll event is fired on the host element. + * @return {?} + */ + CdkScrollable.prototype.elementScrolled = /** + * Returns observable that emits when a scroll event is fired on the host element. + * @return {?} + */ + function () { + return this._elementScrolled; + }; + /** Gets the ElementRef for the viewport. */ + /** + * Gets the ElementRef for the viewport. + * @return {?} + */ + CdkScrollable.prototype.getElementRef = /** + * Gets the ElementRef for the viewport. + * @return {?} + */ + 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. + */ + /** + * 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. + * @return {?} + */ + CdkScrollable.prototype.scrollTo = /** + * 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. + * @return {?} + */ + function (options) { + /** @type {?} */ + var el = this.elementRef.nativeElement; + /** @type {?} */ + var isRtl = this.dir && this.dir.value == 'rtl'; + // Rewrite start & end offsets as right or left offsets. + options.left = options.left == null ? (isRtl ? options.end : options.start) : options.left; + options.right = options.right == null ? (isRtl ? options.start : options.end) : options.right; + // Rewrite the bottom offset as a top offset. + if (options.bottom != null) { + ((/** @type {?} */ (options))).top = + el.scrollHeight - el.clientHeight - options.bottom; + } + // Rewrite the right offset as a left offset. + if (isRtl && Object(_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["getRtlScrollAxisType"])() != _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["RtlScrollAxisType"].NORMAL) { + if (options.left != null) { + ((/** @type {?} */ (options))).right = + el.scrollWidth - el.clientWidth - options.left; + } + if (Object(_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["getRtlScrollAxisType"])() == _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["RtlScrollAxisType"].INVERTED) { + options.left = options.right; + } + else if (Object(_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["getRtlScrollAxisType"])() == _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["RtlScrollAxisType"].NEGATED) { + options.left = options.right ? -options.right : options.right; + } + } + else { + if (options.right != null) { + ((/** @type {?} */ (options))).left = + el.scrollWidth - el.clientWidth - options.right; + } + } + this._applyScrollToOptions(options); + }; + /** + * @private + * @param {?} options + * @return {?} + */ + CdkScrollable.prototype._applyScrollToOptions = /** + * @private + * @param {?} options + * @return {?} + */ + function (options) { + /** @type {?} */ + var el = this.elementRef.nativeElement; + if (Object(_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["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. + */ + /** + * 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. + * @return {?} + */ + CdkScrollable.prototype.measureScrollOffset = /** + * 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. + * @return {?} + */ + function (from) { + /** @type {?} */ + var LEFT = 'left'; + /** @type {?} */ + var RIGHT = 'right'; + /** @type {?} */ + 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. + /** @type {?} */ + 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 && Object(_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["getRtlScrollAxisType"])() == _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["RtlScrollAxisType"].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 && Object(_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["getRtlScrollAxisType"])() == _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["RtlScrollAxisType"].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; + } + } + }; + CdkScrollable.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"], args: [{ + selector: '[cdk-scrollable], [cdkScrollable]' + },] }, + ]; + /** @nocollapse */ + CdkScrollable.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] }, + { type: ScrollDispatcher }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"] }, + { type: _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_5__["Directionality"], decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Optional"] }] } + ]; }; + return CdkScrollable; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Checks if the given ranges are equal. + * @param {?} r1 + * @param {?} r2 + * @return {?} + */ +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). + * @type {?} + */ +var SCROLL_SCHEDULER = typeof requestAnimationFrame !== 'undefined' ? rxjs__WEBPACK_IMPORTED_MODULE_2__["animationFrameScheduler"] : rxjs__WEBPACK_IMPORTED_MODULE_2__["asapScheduler"]; +/** + * A viewport that virtualizes it's scrolling with the help of `CdkVirtualForOf`. + */ +var CdkVirtualScrollViewport = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_6__["__extends"])(CdkVirtualScrollViewport, _super); + function CdkVirtualScrollViewport(elementRef, _changeDetectorRef, ngZone, _scrollStrategy, dir, scrollDispatcher) { + 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__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + /** + * Emits when the rendered range changes. + */ + _this._renderedRangeSubject = new rxjs__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + /** + * The direction the viewport scrolls. + */ + _this.orientation = 'vertical'; + // 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__WEBPACK_IMPORTED_MODULE_2__["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.asObservable(); + /** + * The transform used to scale the spacer to the same size as all content, including content that + * is not currently rendered. + */ + _this._totalContentSizeTransform = ''; + /** + * The total size of all content (in pixels), including content that is not currently rendered. + */ + _this._totalContentSize = 0; + /** + * 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 = []; + if (!_scrollStrategy) { + throw Error('Error: cdk-virtual-scroll-viewport requires the "itemSize" property to be set.'); + } + return _this; + } + /** + * @return {?} + */ + CdkVirtualScrollViewport.prototype.ngOnInit = /** + * @return {?} + */ + 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. + Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["startWith"])((/** @type {?} */ (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. + Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["auditTime"])(0, SCROLL_SCHEDULER)) + .subscribe(function () { return _this._scrollStrategy.onContentScrolled(); }); + _this._markChangeDetectionNeeded(); + }); }); + }; + /** + * @return {?} + */ + CdkVirtualScrollViewport.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + this.detach(); + this._scrollStrategy.detach(); + // Complete all subjects + this._renderedRangeSubject.complete(); + this._detachedSubject.complete(); + _super.prototype.ngOnDestroy.call(this); + }; + /** Attaches a `CdkVirtualForOf` to this viewport. */ + /** + * Attaches a `CdkVirtualForOf` to this viewport. + * @param {?} forOf + * @return {?} + */ + CdkVirtualScrollViewport.prototype.attach = /** + * Attaches a `CdkVirtualForOf` to this viewport. + * @param {?} forOf + * @return {?} + */ + function (forOf) { + var _this = this; + if (this._forOf) { + 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(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["takeUntil"])(_this._detachedSubject)).subscribe(function (data) { + /** @type {?} */ + var newLength = data.length; + if (newLength !== _this._dataLength) { + _this._dataLength = newLength; + _this._scrollStrategy.onDataLengthChanged(); + } + _this._doChangeDetection(); + }); + }); + }; + /** Detaches the current `CdkVirtualForOf`. */ + /** + * Detaches the current `CdkVirtualForOf`. + * @return {?} + */ + CdkVirtualScrollViewport.prototype.detach = /** + * Detaches the current `CdkVirtualForOf`. + * @return {?} + */ + function () { + this._forOf = null; + this._detachedSubject.next(); + }; + /** Gets the length of the data bound to this viewport (in number of items). */ + /** + * Gets the length of the data bound to this viewport (in number of items). + * @return {?} + */ + CdkVirtualScrollViewport.prototype.getDataLength = /** + * Gets the length of the data bound to this viewport (in number of items). + * @return {?} + */ + function () { + return this._dataLength; + }; + /** Gets the size of the viewport (in pixels). */ + /** + * Gets the size of the viewport (in pixels). + * @return {?} + */ + CdkVirtualScrollViewport.prototype.getViewportSize = /** + * Gets the size of the viewport (in pixels). + * @return {?} + */ + 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. */ + // 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. + * @return {?} + */ + CdkVirtualScrollViewport.prototype.getRenderedRange = + // 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. + * @return {?} + */ + function () { + return this._renderedRange; + }; + /** + * Sets the total size of all content (in pixels), including content that is not currently + * rendered. + */ + /** + * Sets the total size of all content (in pixels), including content that is not currently + * rendered. + * @param {?} size + * @return {?} + */ + CdkVirtualScrollViewport.prototype.setTotalContentSize = /** + * Sets the total size of all content (in pixels), including content that is not currently + * rendered. + * @param {?} size + * @return {?} + */ + function (size) { + if (this._totalContentSize !== size) { + this._totalContentSize = size; + /** @type {?} */ + var axis = this.orientation == 'horizontal' ? 'X' : 'Y'; + this._totalContentSizeTransform = "scale" + axis + "(" + this._totalContentSize + ")"; + this._markChangeDetectionNeeded(); + } + }; + /** Sets the currently rendered range of indices. */ + /** + * Sets the currently rendered range of indices. + * @param {?} range + * @return {?} + */ + CdkVirtualScrollViewport.prototype.setRenderedRange = /** + * Sets the currently rendered range of indices. + * @param {?} range + * @return {?} + */ + function (range) { + var _this = this; + if (!rangesEqual(this._renderedRange, range)) { + 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). + */ + /** + * Gets the offset from the start of the viewport to the start of the rendered data (in pixels). + * @return {?} + */ + CdkVirtualScrollViewport.prototype.getOffsetToRenderedContentStart = /** + * Gets the offset from the start of the viewport to the start of the rendered data (in pixels). + * @return {?} + */ + 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). + */ + /** + * Sets the offset from the start of the viewport to either the start or end of the rendered data + * (in pixels). + * @param {?} offset + * @param {?=} to + * @return {?} + */ + CdkVirtualScrollViewport.prototype.setRenderedContentOffset = /** + * Sets the offset from the start of the viewport to either the start or end of the rendered data + * (in pixels). + * @param {?} offset + * @param {?=} to + * @return {?} + */ + 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. + /** @type {?} */ + var isRtl = this.dir && this.dir.value == 'rtl'; + /** @type {?} */ + var isHorizontal = this.orientation == 'horizontal'; + /** @type {?} */ + var axis = isHorizontal ? 'X' : 'Y'; + /** @type {?} */ + var axisDirection = isHorizontal && isRtl ? -1 : 1; + /** @type {?} */ + 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`. + */ + /** + * 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`. + * @return {?} + */ + CdkVirtualScrollViewport.prototype.scrollToOffset = /** + * 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`. + * @return {?} + */ + function (offset, behavior) { + if (behavior === void 0) { behavior = 'auto'; } + /** @type {?} */ + 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`. + */ + /** + * 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`. + * @return {?} + */ + CdkVirtualScrollViewport.prototype.scrollToIndex = /** + * 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`. + * @return {?} + */ + 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. + */ + /** + * 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. + * @return {?} + */ + CdkVirtualScrollViewport.prototype.measureScrollOffset = /** + * 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. + * @return {?} + */ + function (from) { + return _super.prototype.measureScrollOffset.call(this, from ? from : this.orientation === 'horizontal' ? 'start' : 'top'); + }; + /** Measure the combined size of all of the rendered items. */ + /** + * Measure the combined size of all of the rendered items. + * @return {?} + */ + CdkVirtualScrollViewport.prototype.measureRenderedContentSize = /** + * Measure the combined size of all of the rendered items. + * @return {?} + */ + function () { + /** @type {?} */ + 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. + */ + /** + * Measure the total combined size of the given range. Throws if the range includes items that are + * not rendered. + * @param {?} range + * @return {?} + */ + CdkVirtualScrollViewport.prototype.measureRangeSize = /** + * Measure the total combined size of the given range. Throws if the range includes items that are + * not rendered. + * @param {?} range + * @return {?} + */ + function (range) { + if (!this._forOf) { + return 0; + } + return this._forOf.measureRangeSize(range, this.orientation); + }; + /** Update the viewport dimensions and re-render. */ + /** + * Update the viewport dimensions and re-render. + * @return {?} + */ + CdkVirtualScrollViewport.prototype.checkViewportSize = /** + * Update the viewport dimensions and re-render. + * @return {?} + */ + function () { + // TODO: Cleanup later when add logic for handling content resize + this._measureViewportSize(); + this._scrollStrategy.onDataLengthChanged(); + }; + /** Measure the viewport size. */ + /** + * Measure the viewport size. + * @private + * @return {?} + */ + CdkVirtualScrollViewport.prototype._measureViewportSize = /** + * Measure the viewport size. + * @private + * @return {?} + */ + function () { + /** @type {?} */ + var viewportEl = this.elementRef.nativeElement; + this._viewportSize = this.orientation === 'horizontal' ? + viewportEl.clientWidth : viewportEl.clientHeight; + }; + /** Queue up change detection to run. */ + /** + * Queue up change detection to run. + * @private + * @param {?=} runAfter + * @return {?} + */ + CdkVirtualScrollViewport.prototype._markChangeDetectionNeeded = /** + * Queue up change detection to run. + * @private + * @param {?=} runAfter + * @return {?} + */ + 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. */ + /** + * Run change detection. + * @private + * @return {?} + */ + CdkVirtualScrollViewport.prototype._doChangeDetection = /** + * Run change detection. + * @private + * @return {?} + */ + function () { + var _this = this; + this._isChangeDetectionPending = false; + // 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(); }); + // 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; + /** @type {?} */ + var runAfterChangeDetection = this._runAfterChangeDetection; + this._runAfterChangeDetection = []; + for (var _i = 0, runAfterChangeDetection_1 = runAfterChangeDetection; _i < runAfterChangeDetection_1.length; _i++) { + var fn = runAfterChangeDetection_1[_i]; + fn(); + } + }; + CdkVirtualScrollViewport.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"], args: [{selector: 'cdk-virtual-scroll-viewport', + template: "

", + styles: ["cdk-virtual-scroll-viewport{display:block;position:relative;overflow:auto;contain:strict;transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch}.cdk-virtual-scroll-content-wrapper{position:absolute;top:0;left:0;contain:content}[dir=rtl] .cdk-virtual-scroll-content-wrapper{right:0;left:auto}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper{min-height:100%}.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-horizontal .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-left:0;padding-right:0;margin-left:0;margin-right:0;border-left-width:0;border-right-width:0;outline:0}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper{min-width:100%}.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>dl:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ol:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>table:not([cdkVirtualFor]),.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper>ul:not([cdkVirtualFor]){padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-top-width:0;border-bottom-width:0;outline:0}.cdk-virtual-scroll-spacer{position:absolute;top:0;left:0;height:1px;width:1px;transform-origin:0 0}[dir=rtl] .cdk-virtual-scroll-spacer{right:0;left:auto;transform-origin:100% 0}"], + host: { + 'class': 'cdk-virtual-scroll-viewport', + '[class.cdk-virtual-scroll-orientation-horizontal]': 'orientation === "horizontal"', + '[class.cdk-virtual-scroll-orientation-vertical]': 'orientation !== "horizontal"', + }, + encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewEncapsulation"].None, + changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectionStrategy"].OnPush, + providers: [{ + provide: CdkScrollable, + useExisting: CdkVirtualScrollViewport, + }] + },] }, + ]; + /** @nocollapse */ + CdkVirtualScrollViewport.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectorRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"] }, + { type: undefined, decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Optional"] }, { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"], args: [VIRTUAL_SCROLL_STRATEGY,] }] }, + { type: _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_5__["Directionality"], decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Optional"] }] }, + { type: ScrollDispatcher } + ]; }; + CdkVirtualScrollViewport.propDecorators = { + orientation: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + scrolledIndexChange: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"] }], + _contentWrapper: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"], args: ['contentWrapper',] }] + }; + return CdkVirtualScrollViewport; +}(CdkScrollable)); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Helper to extract size from a DOM Node. + * @param {?} orientation + * @param {?} node + * @return {?} + */ +function getSize(orientation, node) { + /** @type {?} */ + var el = (/** @type {?} */ (node)); + if (!el.getBoundingClientRect) { + return 0; + } + /** @type {?} */ + var rect = el.getBoundingClientRect(); + return orientation == 'horizontal' ? rect.width : rect.height; +} +/** + * A directive similar to `ngForOf` to be used for rendering data inside a virtual scrolling + * container. + * @template T + */ +var CdkVirtualForOf = /** @class */ (function () { + function CdkVirtualForOf(_viewContainerRef, _template, _differs, _viewport, ngZone) { + var _this = this; + this._viewContainerRef = _viewContainerRef; + this._template = _template; + this._differs = _differs; + this._viewport = _viewport; + /** + * Emits when the rendered view of the data changes. + */ + this.viewChange = new rxjs__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + /** + * Subject that emits when a new DataSource instance is given. + */ + this._dataSourceChanges = new rxjs__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + /** + * The size of the cache used to store templates that are not being used for re-use later. + * Setting the cache size to `0` will disable caching. Defaults to 20 templates. + */ + this.cdkVirtualForTemplateCacheSize = 20; + /** + * Emits whenever the data in the current DataSource changes. + */ + this.dataStream = this._dataSourceChanges + .pipe( + // Start off with null `DataSource`. + Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["startWith"])((/** @type {?} */ (null))), + // Bundle up the previous and current data sources so we can work with both. + Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["pairwise"])(), + // Use `_changeDataSource` to disconnect from the previous data source and connect to the + // new one, passing back a stream of data changes which we run through `switchMap` to give + // us a data stream that emits the latest data from whatever the current `DataSource` is. + Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["switchMap"])(function (_a) { + var prev = _a[0], cur = _a[1]; + return _this._changeDataSource(prev, cur); + }), + // Replay the last emitted data when someone subscribes. + Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["shareReplay"])(1)); + /** + * The differ used to calculate changes to the data. + */ + this._differ = null; + /** + * The template cache used to hold on ot template instancess that have been stamped out, but don't + * currently need to be rendered. These instances will be reused in the future rather than + * stamping out brand new ones. + */ + this._templateCache = []; + /** + * Whether the rendered data should be updated during the next ngDoCheck cycle. + */ + this._needsUpdate = false; + this._destroyed = new rxjs__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + this.dataStream.subscribe(function (data) { + _this._data = data; + _this._onRenderedDataChange(); + }); + this._viewport.renderedRangeStream.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["takeUntil"])(this._destroyed)).subscribe(function (range) { + _this._renderedRange = range; + ngZone.run(function () { return _this.viewChange.next(_this._renderedRange); }); + _this._onRenderedDataChange(); + }); + this._viewport.attach(this); + } + Object.defineProperty(CdkVirtualForOf.prototype, "cdkVirtualForOf", { + /** The DataSource to display. */ + get: /** + * The DataSource to display. + * @return {?} + */ + function () { + return this._cdkVirtualForOf; + }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { + this._cdkVirtualForOf = value; + /** @type {?} */ + var ds = Object(_angular_cdk_collections__WEBPACK_IMPORTED_MODULE_7__["isDataSource"])(value) ? value : + // Slice the value if its an NgIterable to ensure we're working with an array. + new _angular_cdk_collections__WEBPACK_IMPORTED_MODULE_7__["ArrayDataSource"](value instanceof rxjs__WEBPACK_IMPORTED_MODULE_2__["Observable"] ? value : Array.prototype.slice.call(value || [])); + this._dataSourceChanges.next(ds); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkVirtualForOf.prototype, "cdkVirtualForTrackBy", { + /** + * The `TrackByFunction` to use for tracking changes. The `TrackByFunction` takes the index and + * the item and produces a value to be used as the item's identity when tracking changes. + */ + get: /** + * The `TrackByFunction` to use for tracking changes. The `TrackByFunction` takes the index and + * the item and produces a value to be used as the item's identity when tracking changes. + * @return {?} + */ + function () { + return this._cdkVirtualForTrackBy; + }, + set: /** + * @param {?} fn + * @return {?} + */ + function (fn) { + var _this = this; + this._needsUpdate = true; + this._cdkVirtualForTrackBy = fn ? + function (index, item) { return fn(index + (_this._renderedRange ? _this._renderedRange.start : 0), item); } : + undefined; + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkVirtualForOf.prototype, "cdkVirtualForTemplate", { + /** The template used to stamp out new elements. */ + set: /** + * The template used to stamp out new elements. + * @param {?} value + * @return {?} + */ + function (value) { + if (value) { + this._needsUpdate = true; + this._template = value; + } + }, + enumerable: true, + configurable: true + }); + /** + * Measures the combined size (width for horizontal orientation, height for vertical) of all items + * in the specified range. Throws an error if the range includes items that are not currently + * rendered. + */ + /** + * Measures the combined size (width for horizontal orientation, height for vertical) of all items + * in the specified range. Throws an error if the range includes items that are not currently + * rendered. + * @param {?} range + * @param {?} orientation + * @return {?} + */ + CdkVirtualForOf.prototype.measureRangeSize = /** + * Measures the combined size (width for horizontal orientation, height for vertical) of all items + * in the specified range. Throws an error if the range includes items that are not currently + * rendered. + * @param {?} range + * @param {?} orientation + * @return {?} + */ + function (range, orientation) { + if (range.start >= range.end) { + return 0; + } + if (range.start < this._renderedRange.start || range.end > this._renderedRange.end) { + throw Error("Error: attempted to measure an item that isn't rendered."); + } + // The index into the list of rendered views for the first item in the range. + /** @type {?} */ + var renderedStartIndex = range.start - this._renderedRange.start; + // The length of the range we're measuring. + /** @type {?} */ + var rangeLen = range.end - range.start; + // Loop over all root nodes for all items in the range and sum up their size. + /** @type {?} */ + var totalSize = 0; + /** @type {?} */ + var i = rangeLen; + while (i--) { + /** @type {?} */ + var view = (/** @type {?} */ (this._viewContainerRef.get(i + renderedStartIndex))); + /** @type {?} */ + var j = view ? view.rootNodes.length : 0; + while (j--) { + totalSize += getSize(orientation, (/** @type {?} */ (view)).rootNodes[j]); + } + } + return totalSize; + }; + /** + * @return {?} + */ + CdkVirtualForOf.prototype.ngDoCheck = /** + * @return {?} + */ + function () { + if (this._differ && this._needsUpdate) { + // TODO(mmalerba): We should differentiate needs update due to scrolling and a new portion of + // this list being rendered (can use simpler algorithm) vs needs update due to data actually + // changing (need to do this diff). + /** @type {?} */ + var changes = this._differ.diff(this._renderedItems); + if (!changes) { + this._updateContext(); + } + else { + this._applyChanges(changes); + } + this._needsUpdate = false; + } + }; + /** + * @return {?} + */ + CdkVirtualForOf.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + this._viewport.detach(); + this._dataSourceChanges.complete(); + this.viewChange.complete(); + this._destroyed.next(); + this._destroyed.complete(); + for (var _i = 0, _a = this._templateCache; _i < _a.length; _i++) { + var view = _a[_i]; + view.destroy(); + } + }; + /** React to scroll state changes in the viewport. */ + /** + * React to scroll state changes in the viewport. + * @private + * @return {?} + */ + CdkVirtualForOf.prototype._onRenderedDataChange = /** + * React to scroll state changes in the viewport. + * @private + * @return {?} + */ + function () { + if (!this._renderedRange) { + return; + } + this._renderedItems = this._data.slice(this._renderedRange.start, this._renderedRange.end); + if (!this._differ) { + this._differ = this._differs.find(this._renderedItems).create(this.cdkVirtualForTrackBy); + } + this._needsUpdate = true; + }; + /** Swap out one `DataSource` for another. */ + /** + * Swap out one `DataSource` for another. + * @private + * @param {?} oldDs + * @param {?} newDs + * @return {?} + */ + CdkVirtualForOf.prototype._changeDataSource = /** + * Swap out one `DataSource` for another. + * @private + * @param {?} oldDs + * @param {?} newDs + * @return {?} + */ + function (oldDs, newDs) { + if (oldDs) { + oldDs.disconnect(this); + } + this._needsUpdate = true; + return newDs.connect(this); + }; + /** Update the `CdkVirtualForOfContext` for all views. */ + /** + * Update the `CdkVirtualForOfContext` for all views. + * @private + * @return {?} + */ + CdkVirtualForOf.prototype._updateContext = /** + * Update the `CdkVirtualForOfContext` for all views. + * @private + * @return {?} + */ + function () { + /** @type {?} */ + var count = this._data.length; + /** @type {?} */ + var i = this._viewContainerRef.length; + while (i--) { + /** @type {?} */ + var view = (/** @type {?} */ (this._viewContainerRef.get(i))); + view.context.index = this._renderedRange.start + i; + view.context.count = count; + this._updateComputedContextProperties(view.context); + view.detectChanges(); + } + }; + /** Apply changes to the DOM. */ + /** + * Apply changes to the DOM. + * @private + * @param {?} changes + * @return {?} + */ + CdkVirtualForOf.prototype._applyChanges = /** + * Apply changes to the DOM. + * @private + * @param {?} changes + * @return {?} + */ + function (changes) { + var _this = this; + // Rearrange the views to put them in the right location. + changes.forEachOperation(function (record, adjustedPreviousIndex, currentIndex) { + if (record.previousIndex == null) { // Item added. + // Item added. + /** @type {?} */ + var view = _this._insertViewForNewItem((/** @type {?} */ (currentIndex))); + view.context.$implicit = record.item; + } + else if (currentIndex == null) { // Item removed. + _this._cacheView(_this._detachView((/** @type {?} */ (adjustedPreviousIndex)))); + } + else { // Item moved. + // Item moved. + /** @type {?} */ + var view = (/** @type {?} */ (_this._viewContainerRef.get((/** @type {?} */ (adjustedPreviousIndex))))); + _this._viewContainerRef.move(view, currentIndex); + view.context.$implicit = record.item; + } + }); + // Update $implicit for any items that had an identity change. + changes.forEachIdentityChange(function (record) { + /** @type {?} */ + var view = (/** @type {?} */ (_this._viewContainerRef.get((/** @type {?} */ (record.currentIndex))))); + view.context.$implicit = record.item; + }); + // Update the context variables on all items. + /** @type {?} */ + var count = this._data.length; + /** @type {?} */ + var i = this._viewContainerRef.length; + while (i--) { + /** @type {?} */ + var view = (/** @type {?} */ (this._viewContainerRef.get(i))); + view.context.index = this._renderedRange.start + i; + view.context.count = count; + this._updateComputedContextProperties(view.context); + } + }; + /** Cache the given detached view. */ + /** + * Cache the given detached view. + * @private + * @param {?} view + * @return {?} + */ + CdkVirtualForOf.prototype._cacheView = /** + * Cache the given detached view. + * @private + * @param {?} view + * @return {?} + */ + function (view) { + if (this._templateCache.length < this.cdkVirtualForTemplateCacheSize) { + this._templateCache.push(view); + } + else { + /** @type {?} */ + var index = this._viewContainerRef.indexOf(view); + // It's very unlikely that the index will ever be -1, but just in case, + // destroy the view on its own, otherwise destroy it through the + // container to ensure that all the references are removed. + if (index === -1) { + view.destroy(); + } + else { + this._viewContainerRef.remove(index); + } + } + }; + /** Inserts a view for a new item, either from the cache or by creating a new one. */ + /** + * Inserts a view for a new item, either from the cache or by creating a new one. + * @private + * @param {?} index + * @return {?} + */ + CdkVirtualForOf.prototype._insertViewForNewItem = /** + * Inserts a view for a new item, either from the cache or by creating a new one. + * @private + * @param {?} index + * @return {?} + */ + function (index) { + return this._insertViewFromCache(index) || this._createEmbeddedViewAt(index); + }; + /** Update the computed properties on the `CdkVirtualForOfContext`. */ + /** + * Update the computed properties on the `CdkVirtualForOfContext`. + * @private + * @param {?} context + * @return {?} + */ + CdkVirtualForOf.prototype._updateComputedContextProperties = /** + * Update the computed properties on the `CdkVirtualForOfContext`. + * @private + * @param {?} context + * @return {?} + */ + function (context) { + context.first = context.index === 0; + context.last = context.index === context.count - 1; + context.even = context.index % 2 === 0; + context.odd = !context.even; + }; + /** Creates a new embedded view and moves it to the given index */ + /** + * Creates a new embedded view and moves it to the given index + * @private + * @param {?} index + * @return {?} + */ + CdkVirtualForOf.prototype._createEmbeddedViewAt = /** + * Creates a new embedded view and moves it to the given index + * @private + * @param {?} index + * @return {?} + */ + function (index) { + /** @type {?} */ + var view = this._viewContainerRef.createEmbeddedView(this._template, { + $implicit: (/** @type {?} */ (null)), + cdkVirtualForOf: this._cdkVirtualForOf, + index: -1, + count: -1, + first: false, + last: false, + odd: false, + even: false + }); + if (index < this._viewContainerRef.length) { + this._viewContainerRef.move(view, index); + } + return view; + }; + /** Inserts a recycled view from the cache at the given index. */ + /** + * Inserts a recycled view from the cache at the given index. + * @private + * @param {?} index + * @return {?} + */ + CdkVirtualForOf.prototype._insertViewFromCache = /** + * Inserts a recycled view from the cache at the given index. + * @private + * @param {?} index + * @return {?} + */ + function (index) { + /** @type {?} */ + var cachedView = this._templateCache.pop(); + if (cachedView) { + this._viewContainerRef.insert(cachedView, index); + } + return cachedView || null; + }; + /** Detaches the embedded view at the given index. */ + /** + * Detaches the embedded view at the given index. + * @private + * @param {?} index + * @return {?} + */ + CdkVirtualForOf.prototype._detachView = /** + * Detaches the embedded view at the given index. + * @private + * @param {?} index + * @return {?} + */ + function (index) { + return (/** @type {?} */ (this._viewContainerRef.detach(index))); + }; + CdkVirtualForOf.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"], args: [{ + selector: '[cdkVirtualFor][cdkVirtualForOf]', + },] }, + ]; + /** @nocollapse */ + CdkVirtualForOf.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewContainerRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["IterableDiffers"] }, + { type: CdkVirtualScrollViewport, decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["SkipSelf"] }] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"] } + ]; }; + CdkVirtualForOf.propDecorators = { + cdkVirtualForOf: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + cdkVirtualForTrackBy: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + cdkVirtualForTemplate: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + cdkVirtualForTemplateCacheSize: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }] + }; + return CdkVirtualForOf; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +var ScrollingModule = /** @class */ (function () { + function ScrollingModule() { + } + ScrollingModule.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"], args: [{ + imports: [_angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_5__["BidiModule"], _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["PlatformModule"]], + exports: [ + _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_5__["BidiModule"], + CdkFixedSizeVirtualScroll, + CdkScrollable, + CdkVirtualForOf, + CdkVirtualScrollViewport, + ], + declarations: [ + CdkFixedSizeVirtualScroll, + CdkScrollable, + CdkVirtualForOf, + CdkVirtualScrollViewport, + ], + },] }, + ]; + return ScrollingModule; +}()); +/** + * @deprecated ScrollDispatchModule has been renamed to ScrollingModule. + * \@breaking-change 8.0.0 delete this alias + */ +var ScrollDispatchModule = /** @class */ (function () { + function ScrollDispatchModule() { + } + ScrollDispatchModule.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"], args: [{ + imports: [ScrollingModule], + exports: [ScrollingModule], + },] }, + ]; + return ScrollDispatchModule; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Time in ms to throttle the resize events by default. + * @type {?} + */ +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) { + var _this = this; + this._platform = _platform; + ngZone.runOutsideAngular(function () { + _this._change = _platform.isBrowser ? + Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["merge"])(Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["fromEvent"])(window, 'resize'), Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["fromEvent"])(window, 'orientationchange')) : + Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(); + // Note that we need to do the subscription inside `runOutsideAngular` + // since subscribing is what causes the event listener to be added. + _this._invalidateCache = _this.change().subscribe(function () { return _this._updateViewportSize(); }); + }); + } + /** + * @return {?} + */ + ViewportRuler.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + this._invalidateCache.unsubscribe(); + }; + /** Returns the viewport's width and height. */ + /** + * Returns the viewport's width and height. + * @return {?} + */ + ViewportRuler.prototype.getViewportSize = /** + * Returns the viewport's width and height. + * @return {?} + */ + function () { + if (!this._viewportSize) { + this._updateViewportSize(); + } + /** @type {?} */ + 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 = (/** @type {?} */ (null)); + } + return output; + }; + /** Gets a ClientRect for the viewport's bounds. */ + /** + * Gets a ClientRect for the viewport's bounds. + * @return {?} + */ + ViewportRuler.prototype.getViewportRect = /** + * Gets a ClientRect for the viewport's bounds. + * @return {?} + */ + 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(). + /** @type {?} */ + 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. */ + /** + * Gets the (top, left) scroll position of the viewport. + * @return {?} + */ + ViewportRuler.prototype.getViewportScrollPosition = /** + * Gets the (top, left) scroll position of the viewport. + * @return {?} + */ + 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. + /** @type {?} */ + var documentElement = (/** @type {?} */ (document.documentElement)); + /** @type {?} */ + var documentRect = documentElement.getBoundingClientRect(); + /** @type {?} */ + var top = -documentRect.top || document.body.scrollTop || window.scrollY || + documentElement.scrollTop || 0; + /** @type {?} */ + 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. + * @param throttleTime Time in milliseconds to throttle the stream. + */ + /** + * Returns a stream that emits whenever the size of the viewport changes. + * @param {?=} throttleTime Time in milliseconds to throttle the stream. + * @return {?} + */ + ViewportRuler.prototype.change = /** + * Returns a stream that emits whenever the size of the viewport changes. + * @param {?=} throttleTime Time in milliseconds to throttle the stream. + * @return {?} + */ + function (throttleTime) { + if (throttleTime === void 0) { throttleTime = DEFAULT_RESIZE_TIME; } + return throttleTime > 0 ? this._change.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["auditTime"])(throttleTime)) : this._change; + }; + /** Updates the cached viewport size. */ + /** + * Updates the cached viewport size. + * @private + * @return {?} + */ + ViewportRuler.prototype._updateViewportSize = /** + * Updates the cached viewport size. + * @private + * @return {?} + */ + function () { + this._viewportSize = this._platform.isBrowser ? + { width: window.innerWidth, height: window.innerHeight } : + { width: 0, height: 0 }; + }; + ViewportRuler.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"], args: [{ providedIn: 'root' },] }, + ]; + /** @nocollapse */ + ViewportRuler.ctorParameters = function () { return [ + { type: _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["Platform"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"] } + ]; }; + /** @nocollapse */ ViewportRuler.ngInjectableDef = Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["defineInjectable"])({ factory: function ViewportRuler_Factory() { return new ViewportRuler(Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["inject"])(_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["Platform"]), Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"])); }, token: ViewportRuler, providedIn: "root" }); + return ViewportRuler; +}()); +/** + * \@docs-private \@deprecated \@breaking-change 8.0.0 + * @param {?} parentRuler + * @param {?} platform + * @param {?} ngZone + * @return {?} + */ +function VIEWPORT_RULER_PROVIDER_FACTORY(parentRuler, platform, ngZone) { + return parentRuler || new ViewportRuler(platform, ngZone); +} +/** + * \@docs-private \@deprecated \@breaking-change 8.0.0 + * @type {?} + */ +var VIEWPORT_RULER_PROVIDER = { + // If there is already a ViewportRuler available, use that. Otherwise, provide a new one. + provide: ViewportRuler, + deps: [[new _angular_core__WEBPACK_IMPORTED_MODULE_0__["Optional"](), new _angular_core__WEBPACK_IMPORTED_MODULE_0__["SkipSelf"](), ViewportRuler], _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_4__["Platform"], _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"]], + useFactory: VIEWPORT_RULER_PROVIDER_FACTORY +}; + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + + +//# sourceMappingURL=scrolling.es5.js.map + + +/***/ }), + +/***/ "./node_modules/@angular/cdk/esm5/stepper.es5.js": +/*!*******************************************************!*\ + !*** ./node_modules/@angular/cdk/esm5/stepper.es5.js ***! + \*******************************************************/ +/*! exports provided: StepperSelectionEvent, STEP_STATE, STEPPER_GLOBAL_OPTIONS, MAT_STEPPER_GLOBAL_OPTIONS, CdkStep, CdkStepper, CdkStepLabel, CdkStepperNext, CdkStepperPrevious, CdkStepperModule, CdkStepHeader */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StepperSelectionEvent", function() { return StepperSelectionEvent; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "STEP_STATE", function() { return STEP_STATE; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "STEPPER_GLOBAL_OPTIONS", function() { return STEPPER_GLOBAL_OPTIONS; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MAT_STEPPER_GLOBAL_OPTIONS", function() { return MAT_STEPPER_GLOBAL_OPTIONS; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkStep", function() { return CdkStep; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkStepper", function() { return CdkStepper; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkStepLabel", function() { return CdkStepLabel; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkStepperNext", function() { return CdkStepperNext; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkStepperPrevious", function() { return CdkStepperPrevious; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkStepperModule", function() { return CdkStepperModule; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkStepHeader", function() { return CdkStepHeader; }); +/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js"); +/* harmony import */ var _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/cdk/a11y */ "./node_modules/@angular/cdk/esm5/a11y.es5.js"); +/* harmony import */ var _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/cdk/bidi */ "./node_modules/@angular/cdk/esm5/bidi.es5.js"); +/* harmony import */ var _angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/cdk/coercion */ "./node_modules/@angular/cdk/esm5/coercion.es5.js"); +/* harmony import */ var _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/cdk/keycodes */ "./node_modules/@angular/cdk/esm5/keycodes.es5.js"); +/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js"); +/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js"); +/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js"); +/** + * @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 + */ + + + + + + + + + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +var CdkStepLabel = /** @class */ (function () { + function CdkStepLabel(/** @docs-private */ template) { + this.template = template; + } + CdkStepLabel.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"], args: [{ + selector: '[cdkStepLabel]', + },] }, + ]; + /** @nocollapse */ + CdkStepLabel.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"] } + ]; }; + return CdkStepLabel; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +var CdkStepHeader = /** @class */ (function () { + function CdkStepHeader(_elementRef) { + this._elementRef = _elementRef; + } + /** Focuses the step header. */ + /** + * Focuses the step header. + * @return {?} + */ + CdkStepHeader.prototype.focus = /** + * Focuses the step header. + * @return {?} + */ + function () { + this._elementRef.nativeElement.focus(); + }; + CdkStepHeader.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"], args: [{ + selector: '[cdkStepHeader]', + host: { + 'role': 'tab', + }, + },] }, + ]; + /** @nocollapse */ + CdkStepHeader.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] } + ]; }; + return CdkStepHeader; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Used to generate unique ID for each stepper component. + * @type {?} + */ +var nextId = 0; +/** + * Change event emitted on selection changes. + */ +var /** + * Change event emitted on selection changes. + */ +StepperSelectionEvent = /** @class */ (function () { + function StepperSelectionEvent() { + } + return StepperSelectionEvent; +}()); +/** + * Enum to represent the different states of the steps. + * @type {?} + */ +var STEP_STATE = { + NUMBER: 'number', + EDIT: 'edit', + DONE: 'done', + ERROR: 'error' +}; +/** + * InjectionToken that can be used to specify the global stepper options. + * @type {?} + */ +var STEPPER_GLOBAL_OPTIONS = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["InjectionToken"]('STEPPER_GLOBAL_OPTIONS'); +/** + * InjectionToken that can be used to specify the global stepper options. + * @deprecated Use `STEPPER_GLOBAL_OPTIONS` instead. + * \@breaking-change 8.0.0. + * @type {?} + */ +var MAT_STEPPER_GLOBAL_OPTIONS = STEPPER_GLOBAL_OPTIONS; +var CdkStep = /** @class */ (function () { + /** @breaking-change 8.0.0 remove the `?` after `stepperOptions` */ + function CdkStep(_stepper, stepperOptions) { + this._stepper = _stepper; + /** + * Whether user has seen the expanded step content or not. + */ + this.interacted = false; + this._editable = true; + this._optional = false; + this._customCompleted = null; + this._customError = null; + this._stepperOptions = stepperOptions ? stepperOptions : {}; + this._displayDefaultIndicatorType = this._stepperOptions.displayDefaultIndicatorType !== false; + this._showError = !!this._stepperOptions.showError; + } + Object.defineProperty(CdkStep.prototype, "editable", { + /** Whether the user can return to this step once it has been marked as completed. */ + get: /** + * Whether the user can return to this step once it has been marked as completed. + * @return {?} + */ + function () { return this._editable; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { + this._editable = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__["coerceBooleanProperty"])(value); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkStep.prototype, "optional", { + /** Whether the completion of step is optional. */ + get: /** + * Whether the completion of step is optional. + * @return {?} + */ + function () { return this._optional; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { + this._optional = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__["coerceBooleanProperty"])(value); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkStep.prototype, "completed", { + /** Whether step is marked as completed. */ + get: /** + * Whether step is marked as completed. + * @return {?} + */ + function () { + return this._customCompleted == null ? this._getDefaultCompleted() : this._customCompleted; + }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { + this._customCompleted = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__["coerceBooleanProperty"])(value); + }, + enumerable: true, + configurable: true + }); + /** + * @private + * @return {?} + */ + CdkStep.prototype._getDefaultCompleted = /** + * @private + * @return {?} + */ + function () { + return this.stepControl ? this.stepControl.valid && this.interacted : this.interacted; + }; + Object.defineProperty(CdkStep.prototype, "hasError", { + /** Whether step has an error. */ + get: /** + * Whether step has an error. + * @return {?} + */ + function () { + return this._customError == null ? this._getDefaultError() : this._customError; + }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { + this._customError = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__["coerceBooleanProperty"])(value); + }, + enumerable: true, + configurable: true + }); + /** + * @private + * @return {?} + */ + CdkStep.prototype._getDefaultError = /** + * @private + * @return {?} + */ + function () { + return this.stepControl && this.stepControl.invalid && this.interacted; + }; + /** Selects this step component. */ + /** + * Selects this step component. + * @return {?} + */ + CdkStep.prototype.select = /** + * Selects this step component. + * @return {?} + */ + function () { + this._stepper.selected = this; + }; + /** Resets the step to its initial state. Note that this includes resetting form data. */ + /** + * Resets the step to its initial state. Note that this includes resetting form data. + * @return {?} + */ + CdkStep.prototype.reset = /** + * Resets the step to its initial state. Note that this includes resetting form data. + * @return {?} + */ + function () { + this.interacted = false; + if (this._customCompleted != null) { + this._customCompleted = false; + } + if (this._customError != null) { + this._customError = false; + } + if (this.stepControl) { + this.stepControl.reset(); + } + }; + /** + * @return {?} + */ + CdkStep.prototype.ngOnChanges = /** + * @return {?} + */ + function () { + // Since basically all inputs of the MatStep get proxied through the view down to the + // underlying MatStepHeader, we have to make sure that change detection runs correctly. + this._stepper._stateChanged(); + }; + CdkStep.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Component"], args: [{selector: 'cdk-step', + exportAs: 'cdkStep', + template: '

', + encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewEncapsulation"].None, + changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectionStrategy"].OnPush, + },] }, + ]; + /** @nocollapse */ + CdkStep.ctorParameters = function () { return [ + { type: CdkStepper, decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"], args: [Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["forwardRef"])(function () { return CdkStepper; }),] }] }, + { type: undefined, decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Optional"] }, { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"], args: [STEPPER_GLOBAL_OPTIONS,] }] } + ]; }; + CdkStep.propDecorators = { + stepLabel: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ContentChild"], args: [CdkStepLabel,] }], + content: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewChild"], args: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"],] }], + stepControl: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + label: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + errorMessage: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + ariaLabel: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"], args: ['aria-label',] }], + ariaLabelledby: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"], args: ['aria-labelledby',] }], + state: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + editable: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + optional: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + completed: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + hasError: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }] + }; + return CdkStep; +}()); +var CdkStepper = /** @class */ (function () { + function CdkStepper(_dir, _changeDetectorRef, _elementRef, _document) { + this._dir = _dir; + this._changeDetectorRef = _changeDetectorRef; + this._elementRef = _elementRef; + /** + * Emits when the component is destroyed. + */ + this._destroyed = new rxjs__WEBPACK_IMPORTED_MODULE_6__["Subject"](); + this._linear = false; + this._selectedIndex = 0; + /** + * Event emitted when the selected step has changed. + */ + this.selectionChange = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"](); + this._orientation = 'horizontal'; + this._groupId = nextId++; + this._document = _document; + } + Object.defineProperty(CdkStepper.prototype, "steps", { + /** The list of step components that the stepper is holding. */ + get: /** + * The list of step components that the stepper is holding. + * @return {?} + */ + function () { + return this._steps; + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkStepper.prototype, "linear", { + /** Whether the validity of previous steps should be checked or not. */ + get: /** + * Whether the validity of previous steps should be checked or not. + * @return {?} + */ + function () { return this._linear; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { this._linear = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__["coerceBooleanProperty"])(value); }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkStepper.prototype, "selectedIndex", { + /** The index of the selected step. */ + get: /** + * The index of the selected step. + * @return {?} + */ + function () { return this._selectedIndex; }, + set: /** + * @param {?} index + * @return {?} + */ + function (index) { + /** @type {?} */ + var newIndex = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_3__["coerceNumberProperty"])(index); + if (this.steps) { + // Ensure that the index can't be out of bounds. + if (newIndex < 0 || newIndex > this.steps.length - 1) { + throw Error('cdkStepper: Cannot assign out-of-bounds value to `selectedIndex`.'); + } + if (this._selectedIndex != newIndex && + !this._anyControlsInvalidOrPending(newIndex) && + (newIndex >= this._selectedIndex || this.steps.toArray()[newIndex].editable)) { + this._updateSelectedItemIndex(index); + } + } + else { + this._selectedIndex = newIndex; + } + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkStepper.prototype, "selected", { + /** The step that is selected. */ + get: /** + * The step that is selected. + * @return {?} + */ + function () { + // @breaking-change 8.0.0 Change return type to `CdkStep | undefined`. + return this.steps ? this.steps.toArray()[this.selectedIndex] : (/** @type {?} */ (undefined)); + }, + set: /** + * @param {?} step + * @return {?} + */ + function (step) { + this.selectedIndex = this.steps ? this.steps.toArray().indexOf(step) : -1; + }, + enumerable: true, + configurable: true + }); + /** + * @return {?} + */ + CdkStepper.prototype.ngAfterViewInit = /** + * @return {?} + */ + function () { + var _this = this; + // Note that while the step headers are content children by default, any components that + // extend this one might have them as view chidren. We initialize the keyboard handling in + // AfterViewInit so we're guaranteed for both view and content children to be defined. + this._keyManager = new _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_1__["FocusKeyManager"](this._stepHeader) + .withWrap() + .withVerticalOrientation(this._orientation === 'vertical'); + (this._dir ? (/** @type {?} */ (this._dir.change)) : Object(rxjs__WEBPACK_IMPORTED_MODULE_6__["of"])()) + .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["startWith"])(this._layoutDirection()), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["takeUntil"])(this._destroyed)) + .subscribe(function (direction) { return _this._keyManager.withHorizontalOrientation(direction); }); + this._keyManager.updateActiveItemIndex(this._selectedIndex); + this.steps.changes.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_7__["takeUntil"])(this._destroyed)).subscribe(function () { + if (!_this.selected) { + _this._selectedIndex = Math.max(_this._selectedIndex - 1, 0); + } + }); + }; + /** + * @return {?} + */ + CdkStepper.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + this._destroyed.next(); + this._destroyed.complete(); + }; + /** Selects and focuses the next step in list. */ + /** + * Selects and focuses the next step in list. + * @return {?} + */ + CdkStepper.prototype.next = /** + * Selects and focuses the next step in list. + * @return {?} + */ + function () { + this.selectedIndex = Math.min(this._selectedIndex + 1, this.steps.length - 1); + }; + /** Selects and focuses the previous step in list. */ + /** + * Selects and focuses the previous step in list. + * @return {?} + */ + CdkStepper.prototype.previous = /** + * Selects and focuses the previous step in list. + * @return {?} + */ + function () { + this.selectedIndex = Math.max(this._selectedIndex - 1, 0); + }; + /** Resets the stepper to its initial state. Note that this includes clearing form data. */ + /** + * Resets the stepper to its initial state. Note that this includes clearing form data. + * @return {?} + */ + CdkStepper.prototype.reset = /** + * Resets the stepper to its initial state. Note that this includes clearing form data. + * @return {?} + */ + function () { + this._updateSelectedItemIndex(0); + this.steps.forEach(function (step) { return step.reset(); }); + this._stateChanged(); + }; + /** Returns a unique id for each step label element. */ + /** + * Returns a unique id for each step label element. + * @param {?} i + * @return {?} + */ + CdkStepper.prototype._getStepLabelId = /** + * Returns a unique id for each step label element. + * @param {?} i + * @return {?} + */ + function (i) { + return "cdk-step-label-" + this._groupId + "-" + i; + }; + /** Returns unique id for each step content element. */ + /** + * Returns unique id for each step content element. + * @param {?} i + * @return {?} + */ + CdkStepper.prototype._getStepContentId = /** + * Returns unique id for each step content element. + * @param {?} i + * @return {?} + */ + function (i) { + return "cdk-step-content-" + this._groupId + "-" + i; + }; + /** Marks the component to be change detected. */ + /** + * Marks the component to be change detected. + * @return {?} + */ + CdkStepper.prototype._stateChanged = /** + * Marks the component to be change detected. + * @return {?} + */ + function () { + this._changeDetectorRef.markForCheck(); + }; + /** Returns position state of the step with the given index. */ + /** + * Returns position state of the step with the given index. + * @param {?} index + * @return {?} + */ + CdkStepper.prototype._getAnimationDirection = /** + * Returns position state of the step with the given index. + * @param {?} index + * @return {?} + */ + function (index) { + /** @type {?} */ + var position = index - this._selectedIndex; + if (position < 0) { + return this._layoutDirection() === 'rtl' ? 'next' : 'previous'; + } + else if (position > 0) { + return this._layoutDirection() === 'rtl' ? 'previous' : 'next'; + } + return 'current'; + }; + /** Returns the type of icon to be displayed. */ + /** + * Returns the type of icon to be displayed. + * @param {?} index + * @param {?=} state + * @return {?} + */ + CdkStepper.prototype._getIndicatorType = /** + * Returns the type of icon to be displayed. + * @param {?} index + * @param {?=} state + * @return {?} + */ + function (index, state) { + if (state === void 0) { state = STEP_STATE.NUMBER; } + /** @type {?} */ + var step = this.steps.toArray()[index]; + /** @type {?} */ + var isCurrentStep = this._isCurrentStep(index); + return step._displayDefaultIndicatorType + ? this._getDefaultIndicatorLogic(step, isCurrentStep) + : this._getGuidelineLogic(step, isCurrentStep, state); + }; + /** + * @private + * @param {?} step + * @param {?} isCurrentStep + * @return {?} + */ + CdkStepper.prototype._getDefaultIndicatorLogic = /** + * @private + * @param {?} step + * @param {?} isCurrentStep + * @return {?} + */ + function (step, isCurrentStep) { + if (step._showError && step.hasError && !isCurrentStep) { + return STEP_STATE.ERROR; + } + else if (!step.completed || isCurrentStep) { + return STEP_STATE.NUMBER; + } + else { + return step.editable ? STEP_STATE.EDIT : STEP_STATE.DONE; + } + }; + /** + * @private + * @param {?} step + * @param {?} isCurrentStep + * @param {?=} state + * @return {?} + */ + CdkStepper.prototype._getGuidelineLogic = /** + * @private + * @param {?} step + * @param {?} isCurrentStep + * @param {?=} state + * @return {?} + */ + function (step, isCurrentStep, state) { + if (state === void 0) { state = STEP_STATE.NUMBER; } + if (step._showError && step.hasError && !isCurrentStep) { + return STEP_STATE.ERROR; + } + else if (step.completed && !isCurrentStep) { + return STEP_STATE.DONE; + } + else if (step.completed && isCurrentStep) { + return state; + } + else if (step.editable && isCurrentStep) { + return STEP_STATE.EDIT; + } + else { + return state; + } + }; + /** + * @private + * @param {?} index + * @return {?} + */ + CdkStepper.prototype._isCurrentStep = /** + * @private + * @param {?} index + * @return {?} + */ + function (index) { + return this._selectedIndex === index; + }; + /** Returns the index of the currently-focused step header. */ + /** + * Returns the index of the currently-focused step header. + * @return {?} + */ + CdkStepper.prototype._getFocusIndex = /** + * Returns the index of the currently-focused step header. + * @return {?} + */ + function () { + return this._keyManager ? this._keyManager.activeItemIndex : this._selectedIndex; + }; + /** + * @private + * @param {?} newIndex + * @return {?} + */ + CdkStepper.prototype._updateSelectedItemIndex = /** + * @private + * @param {?} newIndex + * @return {?} + */ + function (newIndex) { + /** @type {?} */ + var stepsArray = this.steps.toArray(); + this.selectionChange.emit({ + selectedIndex: newIndex, + previouslySelectedIndex: this._selectedIndex, + selectedStep: stepsArray[newIndex], + previouslySelectedStep: stepsArray[this._selectedIndex], + }); + // If focus is inside the stepper, move it to the next header, otherwise it may become + // lost when the active step content is hidden. We can't be more granular with the check + // (e.g. checking whether focus is inside the active step), because we don't have a + // reference to the elements that are rendering out the content. + this._containsFocus() ? this._keyManager.setActiveItem(newIndex) : + this._keyManager.updateActiveItemIndex(newIndex); + this._selectedIndex = newIndex; + this._stateChanged(); + }; + /** + * @param {?} event + * @return {?} + */ + CdkStepper.prototype._onKeydown = /** + * @param {?} event + * @return {?} + */ + function (event) { + /** @type {?} */ + var hasModifier = Object(_angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__["hasModifierKey"])(event); + /** @type {?} */ + var keyCode = event.keyCode; + /** @type {?} */ + var manager = this._keyManager; + if (manager.activeItemIndex != null && !hasModifier && + (keyCode === _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__["SPACE"] || keyCode === _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__["ENTER"])) { + this.selectedIndex = manager.activeItemIndex; + event.preventDefault(); + } + else if (keyCode === _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__["HOME"]) { + manager.setFirstItemActive(); + event.preventDefault(); + } + else if (keyCode === _angular_cdk_keycodes__WEBPACK_IMPORTED_MODULE_4__["END"]) { + manager.setLastItemActive(); + event.preventDefault(); + } + else { + manager.onKeydown(event); + } + }; + /** + * @private + * @param {?} index + * @return {?} + */ + CdkStepper.prototype._anyControlsInvalidOrPending = /** + * @private + * @param {?} index + * @return {?} + */ + function (index) { + /** @type {?} */ + var steps = this.steps.toArray(); + steps[this._selectedIndex].interacted = true; + if (this._linear && index >= 0) { + return steps.slice(0, index).some(function (step) { + /** @type {?} */ + var control = step.stepControl; + /** @type {?} */ + var isIncomplete = control ? + (control.invalid || control.pending || !step.interacted) : + !step.completed; + return isIncomplete && !step.optional; + }); + } + return false; + }; + /** + * @private + * @return {?} + */ + CdkStepper.prototype._layoutDirection = /** + * @private + * @return {?} + */ + function () { + return this._dir && this._dir.value === 'rtl' ? 'rtl' : 'ltr'; + }; + /** Checks whether the stepper contains the focused element. */ + /** + * Checks whether the stepper contains the focused element. + * @private + * @return {?} + */ + CdkStepper.prototype._containsFocus = /** + * Checks whether the stepper contains the focused element. + * @private + * @return {?} + */ + function () { + if (!this._document || !this._elementRef) { + return false; + } + /** @type {?} */ + var stepperElement = this._elementRef.nativeElement; + /** @type {?} */ + var focusedElement = this._document.activeElement; + return stepperElement === focusedElement || stepperElement.contains(focusedElement); + }; + CdkStepper.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"], args: [{ + selector: '[cdkStepper]', + exportAs: 'cdkStepper', + },] }, + ]; + /** @nocollapse */ + CdkStepper.ctorParameters = function () { return [ + { type: _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_2__["Directionality"], decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Optional"] }] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectorRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"] }, + { type: undefined, decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"], args: [_angular_common__WEBPACK_IMPORTED_MODULE_5__["DOCUMENT"],] }] } + ]; }; + CdkStepper.propDecorators = { + _steps: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ContentChildren"], args: [CdkStep,] }], + _stepHeader: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["ContentChildren"], args: [CdkStepHeader,] }], + linear: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + selectedIndex: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + selected: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }], + selectionChange: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Output"] }] + }; + return CdkStepper; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Button that moves to the next step in a stepper workflow. + */ +var CdkStepperNext = /** @class */ (function () { + function CdkStepperNext(_stepper) { + this._stepper = _stepper; + /** + * Type of the next button. Defaults to "submit" if not specified. + */ + this.type = 'submit'; + } + CdkStepperNext.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"], args: [{ + selector: 'button[cdkStepperNext]', + host: { + '(click)': '_stepper.next()', + '[type]': 'type', + } + },] }, + ]; + /** @nocollapse */ + CdkStepperNext.ctorParameters = function () { return [ + { type: CdkStepper } + ]; }; + CdkStepperNext.propDecorators = { + type: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }] + }; + return CdkStepperNext; +}()); +/** + * Button that moves to the previous step in a stepper workflow. + */ +var CdkStepperPrevious = /** @class */ (function () { + function CdkStepperPrevious(_stepper) { + this._stepper = _stepper; + /** + * Type of the previous button. Defaults to "button" if not specified. + */ + this.type = 'button'; + } + CdkStepperPrevious.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"], args: [{ + selector: 'button[cdkStepperPrevious]', + host: { + '(click)': '_stepper.previous()', + '[type]': 'type', + } + },] }, + ]; + /** @nocollapse */ + CdkStepperPrevious.ctorParameters = function () { return [ + { type: CdkStepper } + ]; }; + CdkStepperPrevious.propDecorators = { + type: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"] }] + }; + return CdkStepperPrevious; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +var CdkStepperModule = /** @class */ (function () { + function CdkStepperModule() { + } + CdkStepperModule.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"], args: [{ + imports: [_angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_2__["BidiModule"], _angular_common__WEBPACK_IMPORTED_MODULE_5__["CommonModule"]], + exports: [ + CdkStep, + CdkStepper, + CdkStepHeader, + CdkStepLabel, + CdkStepperNext, + CdkStepperPrevious, + ], + declarations: [ + CdkStep, + CdkStepper, + CdkStepHeader, + CdkStepLabel, + CdkStepperNext, + CdkStepperPrevious, + ] + },] }, + ]; + return CdkStepperModule; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + + +//# sourceMappingURL=stepper.es5.js.map + + +/***/ }), + +/***/ "./node_modules/@angular/cdk/esm5/table.es5.js": +/*!*****************************************************!*\ + !*** ./node_modules/@angular/cdk/esm5/table.es5.js ***! + \*****************************************************/ +/*! exports provided: DataSource, DataRowOutlet, HeaderRowOutlet, FooterRowOutlet, CDK_TABLE_TEMPLATE, CdkTable, CdkCellDef, CdkHeaderCellDef, CdkFooterCellDef, CdkColumnDefBase, _CdkColumnDefBase, CdkColumnDef, BaseCdkCell, CdkHeaderCell, CdkFooterCell, CdkCell, CDK_ROW_TEMPLATE, BaseRowDef, CdkHeaderRowDefBase, _CdkHeaderRowDefBase, CdkHeaderRowDef, CdkFooterRowDefBase, _CdkFooterRowDefBase, CdkFooterRowDef, CdkRowDef, CdkCellOutlet, CdkHeaderRow, CdkFooterRow, CdkRow, CdkTableModule, STICKY_DIRECTIONS, StickyStyler, mixinHasStickyInput */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DataRowOutlet", function() { return DataRowOutlet; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HeaderRowOutlet", function() { return HeaderRowOutlet; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FooterRowOutlet", function() { return FooterRowOutlet; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CDK_TABLE_TEMPLATE", function() { return CDK_TABLE_TEMPLATE; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTable", function() { return CdkTable; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkCellDef", function() { return CdkCellDef; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkHeaderCellDef", function() { return CdkHeaderCellDef; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkFooterCellDef", function() { return CdkFooterCellDef; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkColumnDefBase", function() { return CdkColumnDefBase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "_CdkColumnDefBase", function() { return _CdkColumnDefBase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkColumnDef", function() { return CdkColumnDef; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseCdkCell", function() { return BaseCdkCell; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkHeaderCell", function() { return CdkHeaderCell; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkFooterCell", function() { return CdkFooterCell; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkCell", function() { return CdkCell; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CDK_ROW_TEMPLATE", function() { return CDK_ROW_TEMPLATE; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseRowDef", function() { return BaseRowDef; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkHeaderRowDefBase", function() { return CdkHeaderRowDefBase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "_CdkHeaderRowDefBase", function() { return _CdkHeaderRowDefBase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkHeaderRowDef", function() { return CdkHeaderRowDef; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkFooterRowDefBase", function() { return CdkFooterRowDefBase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "_CdkFooterRowDefBase", function() { return _CdkFooterRowDefBase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkFooterRowDef", function() { return CdkFooterRowDef; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkRowDef", function() { return CdkRowDef; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkCellOutlet", function() { return CdkCellOutlet; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkHeaderRow", function() { return CdkHeaderRow; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkFooterRow", function() { return CdkFooterRow; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkRow", function() { return CdkRow; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTableModule", function() { return CdkTableModule; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "STICKY_DIRECTIONS", function() { return STICKY_DIRECTIONS; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StickyStyler", function() { return StickyStyler; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mixinHasStickyInput", function() { return mixinHasStickyInput; }); +/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js"); +/* harmony import */ var _angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/cdk/coercion */ "./node_modules/@angular/cdk/esm5/coercion.es5.js"); +/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js"); +/* harmony import */ var _angular_cdk_collections__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/cdk/collections */ "./node_modules/@angular/cdk/esm5/collections.es5.js"); +/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataSource", function() { return _angular_cdk_collections__WEBPACK_IMPORTED_MODULE_3__["DataSource"]; }); + +/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js"); +/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js"); +/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js"); +/* harmony import */ var _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/cdk/bidi */ "./node_modules/@angular/cdk/esm5/bidi.es5.js"); +/* harmony import */ var _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/cdk/platform */ "./node_modules/@angular/cdk/esm5/platform.es5.js"); +/** + * @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 + */ + + + + + + + + + + + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Mixin to provide a directive with a function that checks if the sticky input has been + * changed since the last time the function was called. Essentially adds a dirty-check to the + * sticky value. + * \@docs-private + * @template T + * @param {?} base + * @return {?} + */ +function mixinHasStickyInput(base) { + return /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(class_1, _super); + function class_1() { + var args = []; + for (var _i = 0; _i < arguments.length; _i++) { + args[_i] = arguments[_i]; + } + var _this = _super.apply(this, args) || this; + _this._sticky = false; + /** + * Whether the sticky input has changed since it was last checked. + */ + _this._hasStickyChanged = false; + return _this; + } + Object.defineProperty(class_1.prototype, "sticky", { + /** Whether sticky positioning should be applied. */ + get: /** + * Whether sticky positioning should be applied. + * @return {?} + */ + function () { return this._sticky; }, + set: /** + * @param {?} v + * @return {?} + */ + function (v) { + /** @type {?} */ + var prevValue = this._sticky; + this._sticky = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_1__["coerceBooleanProperty"])(v); + this._hasStickyChanged = prevValue !== this._sticky; + }, + enumerable: true, + configurable: true + }); + /** Whether the sticky value has changed since this was last called. */ + /** + * Whether the sticky value has changed since this was last called. + * @return {?} + */ + class_1.prototype.hasStickyChanged = /** + * Whether the sticky value has changed since this was last called. + * @return {?} + */ + function () { + /** @type {?} */ + var hasStickyChanged = this._hasStickyChanged; + this._hasStickyChanged = false; + return hasStickyChanged; + }; + /** Resets the dirty check for cases where the sticky state has been used without checking. */ + /** + * Resets the dirty check for cases where the sticky state has been used without checking. + * @return {?} + */ + class_1.prototype.resetStickyChanged = /** + * Resets the dirty check for cases where the sticky state has been used without checking. + * @return {?} + */ + function () { + this._hasStickyChanged = false; + }; + return class_1; + }(base)); +} + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Cell definition for a CDK table. + * Captures the template of a column's data row cell as well as cell-specific properties. + */ +var CdkCellDef = /** @class */ (function () { + function CdkCellDef(/** @docs-private */ template) { + this.template = template; + } + CdkCellDef.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ selector: '[cdkCellDef]' },] }, + ]; + /** @nocollapse */ + CdkCellDef.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["TemplateRef"] } + ]; }; + return CdkCellDef; +}()); +/** + * Header cell definition for a CDK table. + * Captures the template of a column's header cell and as well as cell-specific properties. + */ +var CdkHeaderCellDef = /** @class */ (function () { + function CdkHeaderCellDef(/** @docs-private */ template) { + this.template = template; + } + CdkHeaderCellDef.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ selector: '[cdkHeaderCellDef]' },] }, + ]; + /** @nocollapse */ + CdkHeaderCellDef.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["TemplateRef"] } + ]; }; + return CdkHeaderCellDef; +}()); +/** + * Footer cell definition for a CDK table. + * Captures the template of a column's footer cell and as well as cell-specific properties. + */ +var CdkFooterCellDef = /** @class */ (function () { + function CdkFooterCellDef(/** @docs-private */ template) { + this.template = template; + } + CdkFooterCellDef.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ selector: '[cdkFooterCellDef]' },] }, + ]; + /** @nocollapse */ + CdkFooterCellDef.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["TemplateRef"] } + ]; }; + return CdkFooterCellDef; +}()); +// Boilerplate for applying mixins to CdkColumnDef. +/** + * \@docs-private + */ +var +// Boilerplate for applying mixins to CdkColumnDef. +/** + * \@docs-private + */ +CdkColumnDefBase = /** @class */ (function () { + function CdkColumnDefBase() { + } + return CdkColumnDefBase; +}()); +/** @type {?} */ +var _CdkColumnDefBase = mixinHasStickyInput(CdkColumnDefBase); +/** + * Column definition for the CDK table. + * Defines a set of cells available for a table column. + */ +var CdkColumnDef = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CdkColumnDef, _super); + function CdkColumnDef() { + var _this = _super !== null && _super.apply(this, arguments) || this; + _this._stickyEnd = false; + return _this; + } + Object.defineProperty(CdkColumnDef.prototype, "name", { + /** Unique name for this column. */ + get: /** + * Unique name for this column. + * @return {?} + */ + function () { return this._name; }, + set: /** + * @param {?} name + * @return {?} + */ + function (name) { + // If the directive is set without a name (updated programatically), then this setter will + // trigger with an empty string and should not overwrite the programatically set value. + if (!name) { + return; + } + this._name = name; + this.cssClassFriendlyName = name.replace(/[^a-z0-9_-]/ig, '-'); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkColumnDef.prototype, "stickyEnd", { + /** + * Whether this column should be sticky positioned on the end of the row. Should make sure + * that it mimics the `CanStick` mixin such that `_hasStickyChanged` is set to true if the value + * has been changed. + */ + get: /** + * Whether this column should be sticky positioned on the end of the row. Should make sure + * that it mimics the `CanStick` mixin such that `_hasStickyChanged` is set to true if the value + * has been changed. + * @return {?} + */ + function () { return this._stickyEnd; }, + set: /** + * @param {?} v + * @return {?} + */ + function (v) { + /** @type {?} */ + var prevValue = this._stickyEnd; + this._stickyEnd = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_1__["coerceBooleanProperty"])(v); + this._hasStickyChanged = prevValue !== this._stickyEnd; + }, + enumerable: true, + configurable: true + }); + CdkColumnDef.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ + selector: '[cdkColumnDef]', + inputs: ['sticky'], + providers: [{ + provide: 'MAT_SORT_HEADER_COLUMN_DEF', + useExisting: CdkColumnDef + }], + },] }, + ]; + CdkColumnDef.propDecorators = { + name: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Input"], args: ['cdkColumnDef',] }], + stickyEnd: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Input"], args: ['stickyEnd',] }], + cell: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ContentChild"], args: [CdkCellDef,] }], + headerCell: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ContentChild"], args: [CdkHeaderCellDef,] }], + footerCell: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ContentChild"], args: [CdkFooterCellDef,] }] + }; + return CdkColumnDef; +}(_CdkColumnDefBase)); +/** + * Base class for the cells. Adds a CSS classname that identifies the column it renders in. + */ +var /** + * Base class for the cells. Adds a CSS classname that identifies the column it renders in. + */ +BaseCdkCell = /** @class */ (function () { + function BaseCdkCell(columnDef, elementRef) { + /** @type {?} */ + var columnClassName = "cdk-column-" + columnDef.cssClassFriendlyName; + elementRef.nativeElement.classList.add(columnClassName); + } + return BaseCdkCell; +}()); +/** + * Header cell template container that adds the right classes and role. + */ +var CdkHeaderCell = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CdkHeaderCell, _super); + function CdkHeaderCell(columnDef, elementRef) { + return _super.call(this, columnDef, elementRef) || this; + } + CdkHeaderCell.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ + selector: 'cdk-header-cell, th[cdk-header-cell]', + host: { + 'class': 'cdk-header-cell', + 'role': 'columnheader', + }, + },] }, + ]; + /** @nocollapse */ + CdkHeaderCell.ctorParameters = function () { return [ + { type: CdkColumnDef }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ElementRef"] } + ]; }; + return CdkHeaderCell; +}(BaseCdkCell)); +/** + * Footer cell template container that adds the right classes and role. + */ +var CdkFooterCell = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CdkFooterCell, _super); + function CdkFooterCell(columnDef, elementRef) { + return _super.call(this, columnDef, elementRef) || this; + } + CdkFooterCell.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ + selector: 'cdk-footer-cell, td[cdk-footer-cell]', + host: { + 'class': 'cdk-footer-cell', + 'role': 'gridcell', + }, + },] }, + ]; + /** @nocollapse */ + CdkFooterCell.ctorParameters = function () { return [ + { type: CdkColumnDef }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ElementRef"] } + ]; }; + return CdkFooterCell; +}(BaseCdkCell)); +/** + * Cell template container that adds the right classes and role. + */ +var CdkCell = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CdkCell, _super); + function CdkCell(columnDef, elementRef) { + return _super.call(this, columnDef, elementRef) || this; + } + CdkCell.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ + selector: 'cdk-cell, td[cdk-cell]', + host: { + 'class': 'cdk-cell', + 'role': 'gridcell', + }, + },] }, + ]; + /** @nocollapse */ + CdkCell.ctorParameters = function () { return [ + { type: CdkColumnDef }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ElementRef"] } + ]; }; + return CdkCell; +}(BaseCdkCell)); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * The row template that can be used by the mat-table. Should not be used outside of the + * material library. + * @type {?} + */ +var CDK_ROW_TEMPLATE = ""; +/** + * Base class for the CdkHeaderRowDef and CdkRowDef that handles checking their columns inputs + * for changes and notifying the table. + * @abstract + */ +var /** + * Base class for the CdkHeaderRowDef and CdkRowDef that handles checking their columns inputs + * for changes and notifying the table. + * @abstract + */ +BaseRowDef = /** @class */ (function () { + function BaseRowDef(/** @docs-private */ template, _differs) { + this.template = template; + this._differs = _differs; + } + /** + * @param {?} changes + * @return {?} + */ + BaseRowDef.prototype.ngOnChanges = /** + * @param {?} changes + * @return {?} + */ + function (changes) { + // Create a new columns differ if one does not yet exist. Initialize it based on initial value + // of the columns property or an empty array if none is provided. + if (!this._columnsDiffer) { + /** @type {?} */ + var columns = (changes['columns'] && changes['columns'].currentValue) || []; + this._columnsDiffer = this._differs.find(columns).create(); + this._columnsDiffer.diff(columns); + } + }; + /** + * Returns the difference between the current columns and the columns from the last diff, or null + * if there is no difference. + */ + /** + * Returns the difference between the current columns and the columns from the last diff, or null + * if there is no difference. + * @return {?} + */ + BaseRowDef.prototype.getColumnsDiff = /** + * Returns the difference between the current columns and the columns from the last diff, or null + * if there is no difference. + * @return {?} + */ + function () { + return this._columnsDiffer.diff(this.columns); + }; + /** Gets this row def's relevant cell template from the provided column def. */ + /** + * Gets this row def's relevant cell template from the provided column def. + * @param {?} column + * @return {?} + */ + BaseRowDef.prototype.extractCellTemplate = /** + * Gets this row def's relevant cell template from the provided column def. + * @param {?} column + * @return {?} + */ + function (column) { + if (this instanceof CdkHeaderRowDef) { + return column.headerCell.template; + } + if (this instanceof CdkFooterRowDef) { + return column.footerCell.template; + } + else { + return column.cell.template; + } + }; + return BaseRowDef; +}()); +// Boilerplate for applying mixins to CdkHeaderRowDef. +/** + * \@docs-private + */ +var +// Boilerplate for applying mixins to CdkHeaderRowDef. +/** + * \@docs-private + */ +CdkHeaderRowDefBase = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CdkHeaderRowDefBase, _super); + function CdkHeaderRowDefBase() { + return _super !== null && _super.apply(this, arguments) || this; + } + return CdkHeaderRowDefBase; +}(BaseRowDef)); +/** @type {?} */ +var _CdkHeaderRowDefBase = mixinHasStickyInput(CdkHeaderRowDefBase); +/** + * Header row definition for the CDK table. + * Captures the header row's template and other header properties such as the columns to display. + */ +var CdkHeaderRowDef = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CdkHeaderRowDef, _super); + function CdkHeaderRowDef(template, _differs) { + return _super.call(this, template, _differs) || this; + } + // Prerender fails to recognize that ngOnChanges in a part of this class through inheritance. + // Explicitly define it so that the method is called as part of the Angular lifecycle. + // Prerender fails to recognize that ngOnChanges in a part of this class through inheritance. + // Explicitly define it so that the method is called as part of the Angular lifecycle. + /** + * @param {?} changes + * @return {?} + */ + CdkHeaderRowDef.prototype.ngOnChanges = + // Prerender fails to recognize that ngOnChanges in a part of this class through inheritance. + // Explicitly define it so that the method is called as part of the Angular lifecycle. + /** + * @param {?} changes + * @return {?} + */ + function (changes) { + _super.prototype.ngOnChanges.call(this, changes); + }; + CdkHeaderRowDef.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ + selector: '[cdkHeaderRowDef]', + inputs: ['columns: cdkHeaderRowDef', 'sticky: cdkHeaderRowDefSticky'], + },] }, + ]; + /** @nocollapse */ + CdkHeaderRowDef.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["TemplateRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["IterableDiffers"] } + ]; }; + return CdkHeaderRowDef; +}(_CdkHeaderRowDefBase)); +// Boilerplate for applying mixins to CdkFooterRowDef. +/** + * \@docs-private + */ +var +// Boilerplate for applying mixins to CdkFooterRowDef. +/** + * \@docs-private + */ +CdkFooterRowDefBase = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CdkFooterRowDefBase, _super); + function CdkFooterRowDefBase() { + return _super !== null && _super.apply(this, arguments) || this; + } + return CdkFooterRowDefBase; +}(BaseRowDef)); +/** @type {?} */ +var _CdkFooterRowDefBase = mixinHasStickyInput(CdkFooterRowDefBase); +/** + * Footer row definition for the CDK table. + * Captures the footer row's template and other footer properties such as the columns to display. + */ +var CdkFooterRowDef = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CdkFooterRowDef, _super); + function CdkFooterRowDef(template, _differs) { + return _super.call(this, template, _differs) || this; + } + // Prerender fails to recognize that ngOnChanges in a part of this class through inheritance. + // Explicitly define it so that the method is called as part of the Angular lifecycle. + // Prerender fails to recognize that ngOnChanges in a part of this class through inheritance. + // Explicitly define it so that the method is called as part of the Angular lifecycle. + /** + * @param {?} changes + * @return {?} + */ + CdkFooterRowDef.prototype.ngOnChanges = + // Prerender fails to recognize that ngOnChanges in a part of this class through inheritance. + // Explicitly define it so that the method is called as part of the Angular lifecycle. + /** + * @param {?} changes + * @return {?} + */ + function (changes) { + _super.prototype.ngOnChanges.call(this, changes); + }; + CdkFooterRowDef.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ + selector: '[cdkFooterRowDef]', + inputs: ['columns: cdkFooterRowDef', 'sticky: cdkFooterRowDefSticky'], + },] }, + ]; + /** @nocollapse */ + CdkFooterRowDef.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["TemplateRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["IterableDiffers"] } + ]; }; + return CdkFooterRowDef; +}(_CdkFooterRowDefBase)); +/** + * Data row definition for the CDK table. + * Captures the header row's template and other row properties such as the columns to display and + * a when predicate that describes when this row should be used. + * @template T + */ +var CdkRowDef = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CdkRowDef, _super); + // TODO(andrewseguin): Add an input for providing a switch function to determine + // if this template should be used. + function CdkRowDef(template, _differs) { + return _super.call(this, template, _differs) || this; + } + CdkRowDef.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ + selector: '[cdkRowDef]', + inputs: ['columns: cdkRowDefColumns', 'when: cdkRowDefWhen'], + },] }, + ]; + /** @nocollapse */ + CdkRowDef.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["TemplateRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["IterableDiffers"] } + ]; }; + return CdkRowDef; +}(BaseRowDef)); +/** + * Outlet for rendering cells inside of a row or header row. + * \@docs-private + */ +var CdkCellOutlet = /** @class */ (function () { + function CdkCellOutlet(_viewContainer) { + this._viewContainer = _viewContainer; + CdkCellOutlet.mostRecentCellOutlet = this; + } + /** + * @return {?} + */ + CdkCellOutlet.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + // If this was the last outlet being rendered in the view, remove the reference + // from the static property after it has been destroyed to avoid leaking memory. + if (CdkCellOutlet.mostRecentCellOutlet === this) { + CdkCellOutlet.mostRecentCellOutlet = null; + } + }; + /** + * Static property containing the latest constructed instance of this class. + * Used by the CDK table when each CdkHeaderRow and CdkRow component is created using + * createEmbeddedView. After one of these components are created, this property will provide + * a handle to provide that component's cells and context. After init, the CdkCellOutlet will + * construct the cells with the provided context. + */ + CdkCellOutlet.mostRecentCellOutlet = null; + CdkCellOutlet.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ selector: '[cdkCellOutlet]' },] }, + ]; + /** @nocollapse */ + CdkCellOutlet.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewContainerRef"] } + ]; }; + return CdkCellOutlet; +}()); +/** + * Header template container that contains the cell outlet. Adds the right class and role. + */ +var CdkHeaderRow = /** @class */ (function () { + function CdkHeaderRow() { + } + CdkHeaderRow.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"], args: [{selector: 'cdk-header-row, tr[cdk-header-row]', + template: CDK_ROW_TEMPLATE, + host: { + 'class': 'cdk-header-row', + 'role': 'row', + }, + changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ChangeDetectionStrategy"].OnPush, + encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewEncapsulation"].None, + },] }, + ]; + return CdkHeaderRow; +}()); +/** + * Footer template container that contains the cell outlet. Adds the right class and role. + */ +var CdkFooterRow = /** @class */ (function () { + function CdkFooterRow() { + } + CdkFooterRow.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"], args: [{selector: 'cdk-footer-row, tr[cdk-footer-row]', + template: CDK_ROW_TEMPLATE, + host: { + 'class': 'cdk-footer-row', + 'role': 'row', + }, + changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ChangeDetectionStrategy"].OnPush, + encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewEncapsulation"].None, + },] }, + ]; + return CdkFooterRow; +}()); +/** + * Data row template container that contains the cell outlet. Adds the right class and role. + */ +var CdkRow = /** @class */ (function () { + function CdkRow() { + } + CdkRow.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"], args: [{selector: 'cdk-row, tr[cdk-row]', + template: CDK_ROW_TEMPLATE, + host: { + 'class': 'cdk-row', + 'role': 'row', + }, + changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ChangeDetectionStrategy"].OnPush, + encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewEncapsulation"].None, + },] }, + ]; + return CdkRow; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * Returns an error to be thrown when attempting to find an unexisting column. + * \@docs-private + * @param {?} id Id whose lookup failed. + * @return {?} + */ +function getTableUnknownColumnError(id) { + return Error("Could not find column with id \"" + id + "\"."); +} +/** + * Returns an error to be thrown when two column definitions have the same name. + * \@docs-private + * @param {?} name + * @return {?} + */ +function getTableDuplicateColumnNameError(name) { + return Error("Duplicate column definition name provided: \"" + name + "\"."); +} +/** + * Returns an error to be thrown when there are multiple rows that are missing a when function. + * \@docs-private + * @return {?} + */ +function getTableMultipleDefaultRowDefsError() { + return Error("There can only be one default row without a when predicate function."); +} +/** + * Returns an error to be thrown when there are no matching row defs for a particular set of data. + * \@docs-private + * @param {?} data + * @return {?} + */ +function getTableMissingMatchingRowDefError(data) { + return Error("Could not find a matching row definition for the" + + ("provided row data: " + JSON.stringify(data))); +} +/** + * Returns an error to be thrown when there is no row definitions present in the content. + * \@docs-private + * @return {?} + */ +function getTableMissingRowDefsError() { + return Error('Missing definitions for header, footer, and row; ' + + 'cannot determine which columns should be rendered.'); +} +/** + * Returns an error to be thrown when the data source does not match the compatible types. + * \@docs-private + * @return {?} + */ +function getTableUnknownDataSourceError() { + return Error("Provided data source did not match an array, Observable, or DataSource"); +} + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * List of all possible directions that can be used for sticky positioning. + * \@docs-private + * @type {?} + */ +var STICKY_DIRECTIONS = ['top', 'bottom', 'left', 'right']; +/** + * Applies and removes sticky positioning styles to the `CdkTable` rows and columns cells. + * \@docs-private + */ +var /** + * Applies and removes sticky positioning styles to the `CdkTable` rows and columns cells. + * \@docs-private + */ +StickyStyler = /** @class */ (function () { + /** + * @param isNativeHtmlTable Whether the sticky logic should be based on a table + * that uses the native `` element. + * @param stickCellCss The CSS class that will be applied to every row/cell that has + * sticky positioning applied. + * @param direction The directionality context of the table (ltr/rtl); affects column positioning + * by reversing left/right positions. + * @param _isBrowser Whether the table is currently being rendered on the server or the client. + */ + function StickyStyler(isNativeHtmlTable, stickCellCss, direction, _isBrowser) { + if (_isBrowser === void 0) { _isBrowser = true; } + this.isNativeHtmlTable = isNativeHtmlTable; + this.stickCellCss = stickCellCss; + this.direction = direction; + this._isBrowser = _isBrowser; + } + /** + * Clears the sticky positioning styles from the row and its cells by resetting the `position` + * style, setting the zIndex to 0, and unsetting each provided sticky direction. + * @param rows The list of rows that should be cleared from sticking in the provided directions + * @param stickyDirections The directions that should no longer be set as sticky on the rows. + */ + /** + * Clears the sticky positioning styles from the row and its cells by resetting the `position` + * style, setting the zIndex to 0, and unsetting each provided sticky direction. + * @param {?} rows The list of rows that should be cleared from sticking in the provided directions + * @param {?} stickyDirections The directions that should no longer be set as sticky on the rows. + * @return {?} + */ + StickyStyler.prototype.clearStickyPositioning = /** + * Clears the sticky positioning styles from the row and its cells by resetting the `position` + * style, setting the zIndex to 0, and unsetting each provided sticky direction. + * @param {?} rows The list of rows that should be cleared from sticking in the provided directions + * @param {?} stickyDirections The directions that should no longer be set as sticky on the rows. + * @return {?} + */ + function (rows, stickyDirections) { + for (var _i = 0, rows_1 = rows; _i < rows_1.length; _i++) { + var row = rows_1[_i]; + // If the row isn't an element (e.g. if it's an `ng-container`), + // it won't have inline styles or `children` so we skip it. + if (row.nodeType !== row.ELEMENT_NODE) { + continue; + } + this._removeStickyStyle(row, stickyDirections); + for (var i = 0; i < row.children.length; i++) { + /** @type {?} */ + var cell = (/** @type {?} */ (row.children[i])); + this._removeStickyStyle(cell, stickyDirections); + } + } + }; + /** + * Applies sticky left and right positions to the cells of each row according to the sticky + * states of the rendered column definitions. + * @param rows The rows that should have its set of cells stuck according to the sticky states. + * @param stickyStartStates A list of boolean states where each state represents whether the cell + * in this index position should be stuck to the start of the row. + * @param stickyEndStates A list of boolean states where each state represents whether the cell + * in this index position should be stuck to the end of the row. + */ + /** + * Applies sticky left and right positions to the cells of each row according to the sticky + * states of the rendered column definitions. + * @param {?} rows The rows that should have its set of cells stuck according to the sticky states. + * @param {?} stickyStartStates A list of boolean states where each state represents whether the cell + * in this index position should be stuck to the start of the row. + * @param {?} stickyEndStates A list of boolean states where each state represents whether the cell + * in this index position should be stuck to the end of the row. + * @return {?} + */ + StickyStyler.prototype.updateStickyColumns = /** + * Applies sticky left and right positions to the cells of each row according to the sticky + * states of the rendered column definitions. + * @param {?} rows The rows that should have its set of cells stuck according to the sticky states. + * @param {?} stickyStartStates A list of boolean states where each state represents whether the cell + * in this index position should be stuck to the start of the row. + * @param {?} stickyEndStates A list of boolean states where each state represents whether the cell + * in this index position should be stuck to the end of the row. + * @return {?} + */ + function (rows, stickyStartStates, stickyEndStates) { + /** @type {?} */ + var hasStickyColumns = stickyStartStates.some(function (state) { return state; }) || stickyEndStates.some(function (state) { return state; }); + if (!rows.length || !hasStickyColumns || !this._isBrowser) { + return; + } + /** @type {?} */ + var firstRow = rows[0]; + /** @type {?} */ + var numCells = firstRow.children.length; + /** @type {?} */ + var cellWidths = this._getCellWidths(firstRow); + /** @type {?} */ + var startPositions = this._getStickyStartColumnPositions(cellWidths, stickyStartStates); + /** @type {?} */ + var endPositions = this._getStickyEndColumnPositions(cellWidths, stickyEndStates); + /** @type {?} */ + var isRtl = this.direction === 'rtl'; + for (var _i = 0, rows_2 = rows; _i < rows_2.length; _i++) { + var row = rows_2[_i]; + for (var i = 0; i < numCells; i++) { + /** @type {?} */ + var cell = (/** @type {?} */ (row.children[i])); + if (stickyStartStates[i]) { + this._addStickyStyle(cell, isRtl ? 'right' : 'left', startPositions[i]); + } + if (stickyEndStates[i]) { + this._addStickyStyle(cell, isRtl ? 'left' : 'right', endPositions[i]); + } + } + } + }; + /** + * Applies sticky positioning to the row's cells if using the native table layout, and to the + * row itself otherwise. + * @param rowsToStick The list of rows that should be stuck according to their corresponding + * sticky state and to the provided top or bottom position. + * @param stickyStates A list of boolean states where each state represents whether the row + * should be stuck in the particular top or bottom position. + * @param position The position direction in which the row should be stuck if that row should be + * sticky. + * + */ + /** + * Applies sticky positioning to the row's cells if using the native table layout, and to the + * row itself otherwise. + * @param {?} rowsToStick The list of rows that should be stuck according to their corresponding + * sticky state and to the provided top or bottom position. + * @param {?} stickyStates A list of boolean states where each state represents whether the row + * should be stuck in the particular top or bottom position. + * @param {?} position The position direction in which the row should be stuck if that row should be + * sticky. + * + * @return {?} + */ + StickyStyler.prototype.stickRows = /** + * Applies sticky positioning to the row's cells if using the native table layout, and to the + * row itself otherwise. + * @param {?} rowsToStick The list of rows that should be stuck according to their corresponding + * sticky state and to the provided top or bottom position. + * @param {?} stickyStates A list of boolean states where each state represents whether the row + * should be stuck in the particular top or bottom position. + * @param {?} position The position direction in which the row should be stuck if that row should be + * sticky. + * + * @return {?} + */ + function (rowsToStick, stickyStates, position) { + // Since we can't measure the rows on the server, we can't stick the rows properly. + if (!this._isBrowser) { + return; + } + // If positioning the rows to the bottom, reverse their order when evaluating the sticky + // position such that the last row stuck will be "bottom: 0px" and so on. + /** @type {?} */ + var rows = position === 'bottom' ? rowsToStick.reverse() : rowsToStick; + /** @type {?} */ + var stickyHeight = 0; + for (var rowIndex = 0; rowIndex < rows.length; rowIndex++) { + if (!stickyStates[rowIndex]) { + continue; + } + /** @type {?} */ + var row = rows[rowIndex]; + if (this.isNativeHtmlTable) { + for (var j = 0; j < row.children.length; j++) { + /** @type {?} */ + var cell = (/** @type {?} */ (row.children[j])); + this._addStickyStyle(cell, position, stickyHeight); + } + } + else { + // Flex does not respect the stick positioning on the cells, needs to be applied to the row. + // If this is applied on a native table, Safari causes the header to fly in wrong direction. + this._addStickyStyle(row, position, stickyHeight); + } + if (rowIndex === rows.length - 1) { + // prevent unnecessary reflow from getBoundingClientRect() + return; + } + stickyHeight += row.getBoundingClientRect().height; + } + }; + /** + * When using the native table in Safari, sticky footer cells do not stick. The only way to stick + * footer rows is to apply sticky styling to the tfoot container. This should only be done if + * all footer rows are sticky. If not all footer rows are sticky, remove sticky positioning from + * the tfoot element. + */ + /** + * When using the native table in Safari, sticky footer cells do not stick. The only way to stick + * footer rows is to apply sticky styling to the tfoot container. This should only be done if + * all footer rows are sticky. If not all footer rows are sticky, remove sticky positioning from + * the tfoot element. + * @param {?} tableElement + * @param {?} stickyStates + * @return {?} + */ + StickyStyler.prototype.updateStickyFooterContainer = /** + * When using the native table in Safari, sticky footer cells do not stick. The only way to stick + * footer rows is to apply sticky styling to the tfoot container. This should only be done if + * all footer rows are sticky. If not all footer rows are sticky, remove sticky positioning from + * the tfoot element. + * @param {?} tableElement + * @param {?} stickyStates + * @return {?} + */ + function (tableElement, stickyStates) { + if (!this.isNativeHtmlTable) { + return; + } + /** @type {?} */ + var tfoot = (/** @type {?} */ (tableElement.querySelector('tfoot'))); + if (stickyStates.some(function (state) { return !state; })) { + this._removeStickyStyle(tfoot, ['bottom']); + } + else { + this._addStickyStyle(tfoot, 'bottom', 0); + } + }; + /** + * Removes the sticky style on the element by removing the sticky cell CSS class, re-evaluating + * the zIndex, removing each of the provided sticky directions, and removing the + * sticky position if there are no more directions. + */ + /** + * Removes the sticky style on the element by removing the sticky cell CSS class, re-evaluating + * the zIndex, removing each of the provided sticky directions, and removing the + * sticky position if there are no more directions. + * @param {?} element + * @param {?} stickyDirections + * @return {?} + */ + StickyStyler.prototype._removeStickyStyle = /** + * Removes the sticky style on the element by removing the sticky cell CSS class, re-evaluating + * the zIndex, removing each of the provided sticky directions, and removing the + * sticky position if there are no more directions. + * @param {?} element + * @param {?} stickyDirections + * @return {?} + */ + function (element, stickyDirections) { + for (var _i = 0, stickyDirections_1 = stickyDirections; _i < stickyDirections_1.length; _i++) { + var dir = stickyDirections_1[_i]; + element.style[dir] = ''; + } + element.style.zIndex = this._getCalculatedZIndex(element); + // If the element no longer has any more sticky directions, remove sticky positioning and + // the sticky CSS class. + /** @type {?} */ + var hasDirection = STICKY_DIRECTIONS.some(function (dir) { return !!element.style[dir]; }); + if (!hasDirection) { + element.style.position = ''; + element.classList.remove(this.stickCellCss); + } + }; + /** + * Adds the sticky styling to the element by adding the sticky style class, changing position + * to be sticky (and -webkit-sticky), setting the appropriate zIndex, and adding a sticky + * direction and value. + */ + /** + * Adds the sticky styling to the element by adding the sticky style class, changing position + * to be sticky (and -webkit-sticky), setting the appropriate zIndex, and adding a sticky + * direction and value. + * @param {?} element + * @param {?} dir + * @param {?} dirValue + * @return {?} + */ + StickyStyler.prototype._addStickyStyle = /** + * Adds the sticky styling to the element by adding the sticky style class, changing position + * to be sticky (and -webkit-sticky), setting the appropriate zIndex, and adding a sticky + * direction and value. + * @param {?} element + * @param {?} dir + * @param {?} dirValue + * @return {?} + */ + function (element, dir, dirValue) { + element.classList.add(this.stickCellCss); + element.style[dir] = dirValue + "px"; + element.style.cssText += 'position: -webkit-sticky; position: sticky; '; + element.style.zIndex = this._getCalculatedZIndex(element); + }; + /** + * Calculate what the z-index should be for the element, depending on what directions (top, + * bottom, left, right) have been set. It should be true that elements with a top direction + * should have the highest index since these are elements like a table header. If any of those + * elements are also sticky in another direction, then they should appear above other elements + * that are only sticky top (e.g. a sticky column on a sticky header). Bottom-sticky elements + * (e.g. footer rows) should then be next in the ordering such that they are below the header + * but above any non-sticky elements. Finally, left/right sticky elements (e.g. sticky columns) + * should minimally increment so that they are above non-sticky elements but below top and bottom + * elements. + */ + /** + * Calculate what the z-index should be for the element, depending on what directions (top, + * bottom, left, right) have been set. It should be true that elements with a top direction + * should have the highest index since these are elements like a table header. If any of those + * elements are also sticky in another direction, then they should appear above other elements + * that are only sticky top (e.g. a sticky column on a sticky header). Bottom-sticky elements + * (e.g. footer rows) should then be next in the ordering such that they are below the header + * but above any non-sticky elements. Finally, left/right sticky elements (e.g. sticky columns) + * should minimally increment so that they are above non-sticky elements but below top and bottom + * elements. + * @param {?} element + * @return {?} + */ + StickyStyler.prototype._getCalculatedZIndex = /** + * Calculate what the z-index should be for the element, depending on what directions (top, + * bottom, left, right) have been set. It should be true that elements with a top direction + * should have the highest index since these are elements like a table header. If any of those + * elements are also sticky in another direction, then they should appear above other elements + * that are only sticky top (e.g. a sticky column on a sticky header). Bottom-sticky elements + * (e.g. footer rows) should then be next in the ordering such that they are below the header + * but above any non-sticky elements. Finally, left/right sticky elements (e.g. sticky columns) + * should minimally increment so that they are above non-sticky elements but below top and bottom + * elements. + * @param {?} element + * @return {?} + */ + function (element) { + /** @type {?} */ + var zIndexIncrements = { + top: 100, + bottom: 10, + left: 1, + right: 1, + }; + /** @type {?} */ + var zIndex = 0; + for (var _i = 0, STICKY_DIRECTIONS_1 = STICKY_DIRECTIONS; _i < STICKY_DIRECTIONS_1.length; _i++) { + var dir = STICKY_DIRECTIONS_1[_i]; + if (element.style[dir]) { + zIndex += zIndexIncrements[dir]; + } + } + return zIndex ? "" + zIndex : ''; + }; + /** Gets the widths for each cell in the provided row. */ + /** + * Gets the widths for each cell in the provided row. + * @param {?} row + * @return {?} + */ + StickyStyler.prototype._getCellWidths = /** + * Gets the widths for each cell in the provided row. + * @param {?} row + * @return {?} + */ + function (row) { + /** @type {?} */ + var cellWidths = []; + /** @type {?} */ + var firstRowCells = row.children; + for (var i = 0; i < firstRowCells.length; i++) { + /** @type {?} */ + var cell = (/** @type {?} */ (firstRowCells[i])); + cellWidths.push(cell.getBoundingClientRect().width); + } + return cellWidths; + }; + /** + * Determines the left and right positions of each sticky column cell, which will be the + * accumulation of all sticky column cell widths to the left and right, respectively. + * Non-sticky cells do not need to have a value set since their positions will not be applied. + */ + /** + * Determines the left and right positions of each sticky column cell, which will be the + * accumulation of all sticky column cell widths to the left and right, respectively. + * Non-sticky cells do not need to have a value set since their positions will not be applied. + * @param {?} widths + * @param {?} stickyStates + * @return {?} + */ + StickyStyler.prototype._getStickyStartColumnPositions = /** + * Determines the left and right positions of each sticky column cell, which will be the + * accumulation of all sticky column cell widths to the left and right, respectively. + * Non-sticky cells do not need to have a value set since their positions will not be applied. + * @param {?} widths + * @param {?} stickyStates + * @return {?} + */ + function (widths, stickyStates) { + /** @type {?} */ + var positions = []; + /** @type {?} */ + var nextPosition = 0; + for (var i = 0; i < widths.length; i++) { + if (stickyStates[i]) { + positions[i] = nextPosition; + nextPosition += widths[i]; + } + } + return positions; + }; + /** + * Determines the left and right positions of each sticky column cell, which will be the + * accumulation of all sticky column cell widths to the left and right, respectively. + * Non-sticky cells do not need to have a value set since their positions will not be applied. + */ + /** + * Determines the left and right positions of each sticky column cell, which will be the + * accumulation of all sticky column cell widths to the left and right, respectively. + * Non-sticky cells do not need to have a value set since their positions will not be applied. + * @param {?} widths + * @param {?} stickyStates + * @return {?} + */ + StickyStyler.prototype._getStickyEndColumnPositions = /** + * Determines the left and right positions of each sticky column cell, which will be the + * accumulation of all sticky column cell widths to the left and right, respectively. + * Non-sticky cells do not need to have a value set since their positions will not be applied. + * @param {?} widths + * @param {?} stickyStates + * @return {?} + */ + function (widths, stickyStates) { + /** @type {?} */ + var positions = []; + /** @type {?} */ + var nextPosition = 0; + for (var i = widths.length; i > 0; i--) { + if (stickyStates[i]) { + positions[i] = nextPosition; + nextPosition += widths[i]; + } + } + return positions; + }; + return StickyStyler; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Provides a handle for the table to grab the view container's ng-container to insert data rows. + * \@docs-private + */ +var DataRowOutlet = /** @class */ (function () { + function DataRowOutlet(viewContainer, elementRef) { + this.viewContainer = viewContainer; + this.elementRef = elementRef; + } + DataRowOutlet.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ selector: '[rowOutlet]' },] }, + ]; + /** @nocollapse */ + DataRowOutlet.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewContainerRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ElementRef"] } + ]; }; + return DataRowOutlet; +}()); +/** + * Provides a handle for the table to grab the view container's ng-container to insert the header. + * \@docs-private + */ +var HeaderRowOutlet = /** @class */ (function () { + function HeaderRowOutlet(viewContainer, elementRef) { + this.viewContainer = viewContainer; + this.elementRef = elementRef; + } + HeaderRowOutlet.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ selector: '[headerRowOutlet]' },] }, + ]; + /** @nocollapse */ + HeaderRowOutlet.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewContainerRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ElementRef"] } + ]; }; + return HeaderRowOutlet; +}()); +/** + * Provides a handle for the table to grab the view container's ng-container to insert the footer. + * \@docs-private + */ +var FooterRowOutlet = /** @class */ (function () { + function FooterRowOutlet(viewContainer, elementRef) { + this.viewContainer = viewContainer; + this.elementRef = elementRef; + } + FooterRowOutlet.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Directive"], args: [{ selector: '[footerRowOutlet]' },] }, + ]; + /** @nocollapse */ + FooterRowOutlet.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewContainerRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ElementRef"] } + ]; }; + return FooterRowOutlet; +}()); +/** + * The table template that can be used by the mat-table. Should not be used outside of the + * material library. + * \@docs-private + * @type {?} + */ +var CDK_TABLE_TEMPLATE = +// Note that according to MDN, the `caption` element has to be projected as the **first** element +// in the table. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption +"\n \n \n \n \n"; +/** + * Class used to conveniently type the embedded view ref for rows with a context. + * \@docs-private + * @abstract + * @template T + */ +var /** + * Class used to conveniently type the embedded view ref for rows with a context. + * \@docs-private + * @abstract + * @template T + */ +RowViewRef = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(RowViewRef, _super); + function RowViewRef() { + return _super !== null && _super.apply(this, arguments) || this; + } + return RowViewRef; +}(_angular_core__WEBPACK_IMPORTED_MODULE_2__["EmbeddedViewRef"])); +/** + * A data table that can render a header row, data rows, and a footer row. + * Uses the dataSource input to determine the data to be rendered. The data can be provided either + * as a data array, an Observable stream that emits the data array to render, or a DataSource with a + * connect function that will return an Observable stream that emits the data array to render. + * @template T + */ +var CdkTable = /** @class */ (function () { + function CdkTable(_differs, _changeDetectorRef, _elementRef, role, _dir, + /** + * @deprecated + * @breaking-change 8.0.0 `_document` and `_platform` to + * be made into a required parameters. + */ + _document, _platform) { + this._differs = _differs; + this._changeDetectorRef = _changeDetectorRef; + this._elementRef = _elementRef; + this._dir = _dir; + this._platform = _platform; + /** + * Subject that emits when the component has been destroyed. + */ + this._onDestroy = new rxjs__WEBPACK_IMPORTED_MODULE_5__["Subject"](); + /** + * Map of all the user's defined columns (header, data, and footer cell template) identified by + * name. Collection populated by the column definitions gathered by `ContentChildren` as well as + * any custom column definitions added to `_customColumnDefs`. + */ + this._columnDefsByName = new Map(); + /** + * Column definitions that were defined outside of the direct content children of the table. + * These will be defined when, e.g., creating a wrapper around the cdkTable that has + * column definitions as *it's* content child. + */ + this._customColumnDefs = new Set(); + /** + * Data row definitions that were defined outside of the direct content children of the table. + * These will be defined when, e.g., creating a wrapper around the cdkTable that has + * built-in data rows as *it's* content child. + */ + this._customRowDefs = new Set(); + /** + * Header row definitions that were defined outside of the direct content children of the table. + * These will be defined when, e.g., creating a wrapper around the cdkTable that has + * built-in header rows as *it's* content child. + */ + this._customHeaderRowDefs = new Set(); + /** + * Footer row definitions that were defined outside of the direct content children of the table. + * These will be defined when, e.g., creating a wrapper around the cdkTable that has a + * built-in footer row as *it's* content child. + */ + this._customFooterRowDefs = new Set(); + /** + * Whether the header row definition has been changed. Triggers an update to the header row after + * content is checked. Initialized as true so that the table renders the initial set of rows. + */ + this._headerRowDefChanged = true; + /** + * Whether the footer row definition has been changed. Triggers an update to the footer row after + * content is checked. Initialized as true so that the table renders the initial set of rows. + */ + this._footerRowDefChanged = true; + /** + * Cache of the latest rendered `RenderRow` objects as a map for easy retrieval when constructing + * a new list of `RenderRow` objects for rendering rows. Since the new list is constructed with + * the cached `RenderRow` objects when possible, the row identity is preserved when the data + * and row template matches, which allows the `IterableDiffer` to check rows by reference + * and understand which rows are added/moved/removed. + * + * Implemented as a map of maps where the first key is the `data: T` object and the second is the + * `CdkRowDef` object. With the two keys, the cache points to a `RenderRow` object that + * contains an array of created pairs. The array is necessary to handle cases where the data + * array contains multiple duplicate data objects and each instantiated `RenderRow` must be + * stored. + */ + this._cachedRenderRowsMap = new Map(); + /** + * CSS class added to any row or cell that has sticky positioning applied. May be overriden by + * table subclasses. + */ + this.stickyCssClass = 'cdk-table-sticky'; + this._multiTemplateDataRows = false; + // TODO(andrewseguin): Remove max value as the end index + // and instead calculate the view on init and scroll. + /** + * Stream containing the latest information on what rows are being displayed on screen. + * Can be used by the data source to as a heuristic of what data should be provided. + * + * \@docs-private + */ + this.viewChange = new rxjs__WEBPACK_IMPORTED_MODULE_5__["BehaviorSubject"]({ start: 0, end: Number.MAX_VALUE }); + if (!role) { + this._elementRef.nativeElement.setAttribute('role', 'grid'); + } + this._document = _document; + this._isNativeHtmlTable = this._elementRef.nativeElement.nodeName === 'TABLE'; + } + Object.defineProperty(CdkTable.prototype, "trackBy", { + /** + * Tracking function that will be used to check the differences in data changes. Used similarly + * to `ngFor` `trackBy` function. Optimize row operations by identifying a row based on its data + * relative to the function to know if a row should be added/removed/moved. + * Accepts a function that takes two parameters, `index` and `item`. + */ + get: /** + * Tracking function that will be used to check the differences in data changes. Used similarly + * to `ngFor` `trackBy` function. Optimize row operations by identifying a row based on its data + * relative to the function to know if a row should be added/removed/moved. + * Accepts a function that takes two parameters, `index` and `item`. + * @return {?} + */ + function () { return this._trackByFn; }, + set: /** + * @param {?} fn + * @return {?} + */ + function (fn) { + if (Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["isDevMode"])() && + fn != null && typeof fn !== 'function' && + (/** @type {?} */ (console)) && (/** @type {?} */ (console.warn))) { + console.warn("trackBy must be a function, but received " + JSON.stringify(fn) + "."); + } + this._trackByFn = fn; + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkTable.prototype, "dataSource", { + /** + * The table's source of data, which can be provided in three ways (in order of complexity): + * - Simple data array (each object represents one table row) + * - Stream that emits a data array each time the array changes + * - `DataSource` object that implements the connect/disconnect interface. + * + * If a data array is provided, the table must be notified when the array's objects are + * added, removed, or moved. This can be done by calling the `renderRows()` function which will + * render the diff since the last table render. If the data array reference is changed, the table + * will automatically trigger an update to the rows. + * + * When providing an Observable stream, the table will trigger an update automatically when the + * stream emits a new array of data. + * + * Finally, when providing a `DataSource` object, the table will use the Observable stream + * provided by the connect function and trigger updates when that stream emits new data array + * values. During the table's ngOnDestroy or when the data source is removed from the table, the + * table will call the DataSource's `disconnect` function (may be useful for cleaning up any + * subscriptions registered during the connect process). + */ + get: /** + * The table's source of data, which can be provided in three ways (in order of complexity): + * - Simple data array (each object represents one table row) + * - Stream that emits a data array each time the array changes + * - `DataSource` object that implements the connect/disconnect interface. + * + * If a data array is provided, the table must be notified when the array's objects are + * added, removed, or moved. This can be done by calling the `renderRows()` function which will + * render the diff since the last table render. If the data array reference is changed, the table + * will automatically trigger an update to the rows. + * + * When providing an Observable stream, the table will trigger an update automatically when the + * stream emits a new array of data. + * + * Finally, when providing a `DataSource` object, the table will use the Observable stream + * provided by the connect function and trigger updates when that stream emits new data array + * values. During the table's ngOnDestroy or when the data source is removed from the table, the + * table will call the DataSource's `disconnect` function (may be useful for cleaning up any + * subscriptions registered during the connect process). + * @return {?} + */ + function () { return this._dataSource; }, + set: /** + * @param {?} dataSource + * @return {?} + */ + function (dataSource) { + if (this._dataSource !== dataSource) { + this._switchDataSource(dataSource); + } + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkTable.prototype, "multiTemplateDataRows", { + /** + * Whether to allow multiple rows per data object by evaluating which rows evaluate their 'when' + * predicate to true. If `multiTemplateDataRows` is false, which is the default value, then each + * dataobject will render the first row that evaluates its when predicate to true, in the order + * defined in the table, or otherwise the default row which does not have a when predicate. + */ + get: /** + * Whether to allow multiple rows per data object by evaluating which rows evaluate their 'when' + * predicate to true. If `multiTemplateDataRows` is false, which is the default value, then each + * dataobject will render the first row that evaluates its when predicate to true, in the order + * defined in the table, or otherwise the default row which does not have a when predicate. + * @return {?} + */ + function () { return this._multiTemplateDataRows; }, + set: /** + * @param {?} v + * @return {?} + */ + function (v) { + this._multiTemplateDataRows = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_1__["coerceBooleanProperty"])(v); + if (this._rowOutlet.viewContainer.length) { + this._forceRenderDataRows(); + } + }, + enumerable: true, + configurable: true + }); + /** + * @return {?} + */ + CdkTable.prototype.ngOnInit = /** + * @return {?} + */ + function () { + var _this = this; + this._setupStickyStyler(); + if (this._isNativeHtmlTable) { + this._applyNativeTableSections(); + } + // Set up the trackBy function so that it uses the `RenderRow` as its identity by default. If + // the user has provided a custom trackBy, return the result of that function as evaluated + // with the values of the `RenderRow`'s data and index. + this._dataDiffer = this._differs.find([]).create(function (_i, dataRow) { + return _this.trackBy ? _this.trackBy(dataRow.dataIndex, dataRow.data) : dataRow; + }); + }; + /** + * @return {?} + */ + CdkTable.prototype.ngAfterContentChecked = /** + * @return {?} + */ + function () { + // Cache the row and column definitions gathered by ContentChildren and programmatic injection. + this._cacheRowDefs(); + this._cacheColumnDefs(); + // Make sure that the user has at least added header, footer, or data row def. + if (!this._headerRowDefs.length && !this._footerRowDefs.length && !this._rowDefs.length) { + throw getTableMissingRowDefsError(); + } + // Render updates if the list of columns have been changed for the header, row, or footer defs. + this._renderUpdatedColumns(); + // If the header row definition has been changed, trigger a render to the header row. + if (this._headerRowDefChanged) { + this._forceRenderHeaderRows(); + this._headerRowDefChanged = false; + } + // If the footer row definition has been changed, trigger a render to the footer row. + if (this._footerRowDefChanged) { + this._forceRenderFooterRows(); + this._footerRowDefChanged = false; + } + // If there is a data source and row definitions, connect to the data source unless a + // connection has already been made. + if (this.dataSource && this._rowDefs.length > 0 && !this._renderChangeSubscription) { + this._observeRenderChanges(); + } + this._checkStickyStates(); + }; + /** + * @return {?} + */ + CdkTable.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + this._rowOutlet.viewContainer.clear(); + this._headerRowOutlet.viewContainer.clear(); + this._footerRowOutlet.viewContainer.clear(); + this._cachedRenderRowsMap.clear(); + this._onDestroy.next(); + this._onDestroy.complete(); + if (Object(_angular_cdk_collections__WEBPACK_IMPORTED_MODULE_3__["isDataSource"])(this.dataSource)) { + this.dataSource.disconnect(this); + } + }; + /** + * Renders rows based on the table's latest set of data, which was either provided directly as an + * input or retrieved through an Observable stream (directly or from a DataSource). + * Checks for differences in the data since the last diff to perform only the necessary + * changes (add/remove/move rows). + * + * If the table's data source is a DataSource or Observable, this will be invoked automatically + * each time the provided Observable stream emits a new data array. Otherwise if your data is + * an array, this function will need to be called to render any changes. + */ + /** + * Renders rows based on the table's latest set of data, which was either provided directly as an + * input or retrieved through an Observable stream (directly or from a DataSource). + * Checks for differences in the data since the last diff to perform only the necessary + * changes (add/remove/move rows). + * + * If the table's data source is a DataSource or Observable, this will be invoked automatically + * each time the provided Observable stream emits a new data array. Otherwise if your data is + * an array, this function will need to be called to render any changes. + * @return {?} + */ + CdkTable.prototype.renderRows = /** + * Renders rows based on the table's latest set of data, which was either provided directly as an + * input or retrieved through an Observable stream (directly or from a DataSource). + * Checks for differences in the data since the last diff to perform only the necessary + * changes (add/remove/move rows). + * + * If the table's data source is a DataSource or Observable, this will be invoked automatically + * each time the provided Observable stream emits a new data array. Otherwise if your data is + * an array, this function will need to be called to render any changes. + * @return {?} + */ + function () { + var _this = this; + this._renderRows = this._getAllRenderRows(); + /** @type {?} */ + var changes = this._dataDiffer.diff(this._renderRows); + if (!changes) { + return; + } + /** @type {?} */ + var viewContainer = this._rowOutlet.viewContainer; + changes.forEachOperation(function (record, prevIndex, currentIndex) { + if (record.previousIndex == null) { + _this._insertRow(record.item, (/** @type {?} */ (currentIndex))); + } + else if (currentIndex == null) { + viewContainer.remove((/** @type {?} */ (prevIndex))); + } + else { + /** @type {?} */ + var view = (/** @type {?} */ (viewContainer.get((/** @type {?} */ (prevIndex))))); + viewContainer.move((/** @type {?} */ (view)), currentIndex); + } + }); + // Update the meta context of a row's context data (index, count, first, last, ...) + this._updateRowIndexContext(); + // Update rows that did not get added/removed/moved but may have had their identity changed, + // e.g. if trackBy matched data on some property but the actual data reference changed. + changes.forEachIdentityChange(function (record) { + /** @type {?} */ + var rowView = (/** @type {?} */ (viewContainer.get((/** @type {?} */ (record.currentIndex))))); + rowView.context.$implicit = record.item.data; + }); + this.updateStickyColumnStyles(); + }; + /** + * Sets the header row definition to be used. Overrides the header row definition gathered by + * using `ContentChild`, if one exists. Sets a flag that will re-render the header row after the + * table's content is checked. + * @docs-private + * @deprecated Use `addHeaderRowDef` and `removeHeaderRowDef` instead + * @breaking-change 8.0.0 + */ + /** + * Sets the header row definition to be used. Overrides the header row definition gathered by + * using `ContentChild`, if one exists. Sets a flag that will re-render the header row after the + * table's content is checked. + * \@docs-private + * @deprecated Use `addHeaderRowDef` and `removeHeaderRowDef` instead + * \@breaking-change 8.0.0 + * @param {?} headerRowDef + * @return {?} + */ + CdkTable.prototype.setHeaderRowDef = /** + * Sets the header row definition to be used. Overrides the header row definition gathered by + * using `ContentChild`, if one exists. Sets a flag that will re-render the header row after the + * table's content is checked. + * \@docs-private + * @deprecated Use `addHeaderRowDef` and `removeHeaderRowDef` instead + * \@breaking-change 8.0.0 + * @param {?} headerRowDef + * @return {?} + */ + function (headerRowDef) { + this._customHeaderRowDefs = new Set([headerRowDef]); + this._headerRowDefChanged = true; + }; + /** + * Sets the footer row definition to be used. Overrides the footer row definition gathered by + * using `ContentChild`, if one exists. Sets a flag that will re-render the footer row after the + * table's content is checked. + * @docs-private + * @deprecated Use `addFooterRowDef` and `removeFooterRowDef` instead + * @breaking-change 8.0.0 + */ + /** + * Sets the footer row definition to be used. Overrides the footer row definition gathered by + * using `ContentChild`, if one exists. Sets a flag that will re-render the footer row after the + * table's content is checked. + * \@docs-private + * @deprecated Use `addFooterRowDef` and `removeFooterRowDef` instead + * \@breaking-change 8.0.0 + * @param {?} footerRowDef + * @return {?} + */ + CdkTable.prototype.setFooterRowDef = /** + * Sets the footer row definition to be used. Overrides the footer row definition gathered by + * using `ContentChild`, if one exists. Sets a flag that will re-render the footer row after the + * table's content is checked. + * \@docs-private + * @deprecated Use `addFooterRowDef` and `removeFooterRowDef` instead + * \@breaking-change 8.0.0 + * @param {?} footerRowDef + * @return {?} + */ + function (footerRowDef) { + this._customFooterRowDefs = new Set([footerRowDef]); + this._footerRowDefChanged = true; + }; + /** Adds a column definition that was not included as part of the content children. */ + /** + * Adds a column definition that was not included as part of the content children. + * @param {?} columnDef + * @return {?} + */ + CdkTable.prototype.addColumnDef = /** + * Adds a column definition that was not included as part of the content children. + * @param {?} columnDef + * @return {?} + */ + function (columnDef) { + this._customColumnDefs.add(columnDef); + }; + /** Removes a column definition that was not included as part of the content children. */ + /** + * Removes a column definition that was not included as part of the content children. + * @param {?} columnDef + * @return {?} + */ + CdkTable.prototype.removeColumnDef = /** + * Removes a column definition that was not included as part of the content children. + * @param {?} columnDef + * @return {?} + */ + function (columnDef) { + this._customColumnDefs.delete(columnDef); + }; + /** Adds a row definition that was not included as part of the content children. */ + /** + * Adds a row definition that was not included as part of the content children. + * @param {?} rowDef + * @return {?} + */ + CdkTable.prototype.addRowDef = /** + * Adds a row definition that was not included as part of the content children. + * @param {?} rowDef + * @return {?} + */ + function (rowDef) { + this._customRowDefs.add(rowDef); + }; + /** Removes a row definition that was not included as part of the content children. */ + /** + * Removes a row definition that was not included as part of the content children. + * @param {?} rowDef + * @return {?} + */ + CdkTable.prototype.removeRowDef = /** + * Removes a row definition that was not included as part of the content children. + * @param {?} rowDef + * @return {?} + */ + function (rowDef) { + this._customRowDefs.delete(rowDef); + }; + /** Adds a header row definition that was not included as part of the content children. */ + /** + * Adds a header row definition that was not included as part of the content children. + * @param {?} headerRowDef + * @return {?} + */ + CdkTable.prototype.addHeaderRowDef = /** + * Adds a header row definition that was not included as part of the content children. + * @param {?} headerRowDef + * @return {?} + */ + function (headerRowDef) { + this._customHeaderRowDefs.add(headerRowDef); + this._headerRowDefChanged = true; + }; + /** Removes a header row definition that was not included as part of the content children. */ + /** + * Removes a header row definition that was not included as part of the content children. + * @param {?} headerRowDef + * @return {?} + */ + CdkTable.prototype.removeHeaderRowDef = /** + * Removes a header row definition that was not included as part of the content children. + * @param {?} headerRowDef + * @return {?} + */ + function (headerRowDef) { + this._customHeaderRowDefs.delete(headerRowDef); + this._headerRowDefChanged = true; + }; + /** Adds a footer row definition that was not included as part of the content children. */ + /** + * Adds a footer row definition that was not included as part of the content children. + * @param {?} footerRowDef + * @return {?} + */ + CdkTable.prototype.addFooterRowDef = /** + * Adds a footer row definition that was not included as part of the content children. + * @param {?} footerRowDef + * @return {?} + */ + function (footerRowDef) { + this._customFooterRowDefs.add(footerRowDef); + this._footerRowDefChanged = true; + }; + /** Removes a footer row definition that was not included as part of the content children. */ + /** + * Removes a footer row definition that was not included as part of the content children. + * @param {?} footerRowDef + * @return {?} + */ + CdkTable.prototype.removeFooterRowDef = /** + * Removes a footer row definition that was not included as part of the content children. + * @param {?} footerRowDef + * @return {?} + */ + function (footerRowDef) { + this._customFooterRowDefs.delete(footerRowDef); + this._footerRowDefChanged = true; + }; + /** + * Updates the header sticky styles. First resets all applied styles with respect to the cells + * sticking to the top. Then, evaluating which cells need to be stuck to the top. This is + * automatically called when the header row changes its displayed set of columns, or if its + * sticky input changes. May be called manually for cases where the cell content changes outside + * of these events. + */ + /** + * Updates the header sticky styles. First resets all applied styles with respect to the cells + * sticking to the top. Then, evaluating which cells need to be stuck to the top. This is + * automatically called when the header row changes its displayed set of columns, or if its + * sticky input changes. May be called manually for cases where the cell content changes outside + * of these events. + * @return {?} + */ + CdkTable.prototype.updateStickyHeaderRowStyles = /** + * Updates the header sticky styles. First resets all applied styles with respect to the cells + * sticking to the top. Then, evaluating which cells need to be stuck to the top. This is + * automatically called when the header row changes its displayed set of columns, or if its + * sticky input changes. May be called manually for cases where the cell content changes outside + * of these events. + * @return {?} + */ + function () { + /** @type {?} */ + var headerRows = this._getRenderedRows(this._headerRowOutlet); + /** @type {?} */ + var tableElement = (/** @type {?} */ (this._elementRef.nativeElement)); + // Hide the thead element if there are no header rows. This is necessary to satisfy + // overzealous a11y checkers that fail because the `rowgroup` element does not contain + // required child `row`. + /** @type {?} */ + var thead = tableElement.querySelector('thead'); + if (thead) { + thead.style.display = headerRows.length ? '' : 'none'; + } + /** @type {?} */ + var stickyStates = this._headerRowDefs.map(function (def) { return def.sticky; }); + this._stickyStyler.clearStickyPositioning(headerRows, ['top']); + this._stickyStyler.stickRows(headerRows, stickyStates, 'top'); + // Reset the dirty state of the sticky input change since it has been used. + this._headerRowDefs.forEach(function (def) { return def.resetStickyChanged(); }); + }; + /** + * Updates the footer sticky styles. First resets all applied styles with respect to the cells + * sticking to the bottom. Then, evaluating which cells need to be stuck to the bottom. This is + * automatically called when the footer row changes its displayed set of columns, or if its + * sticky input changes. May be called manually for cases where the cell content changes outside + * of these events. + */ + /** + * Updates the footer sticky styles. First resets all applied styles with respect to the cells + * sticking to the bottom. Then, evaluating which cells need to be stuck to the bottom. This is + * automatically called when the footer row changes its displayed set of columns, or if its + * sticky input changes. May be called manually for cases where the cell content changes outside + * of these events. + * @return {?} + */ + CdkTable.prototype.updateStickyFooterRowStyles = /** + * Updates the footer sticky styles. First resets all applied styles with respect to the cells + * sticking to the bottom. Then, evaluating which cells need to be stuck to the bottom. This is + * automatically called when the footer row changes its displayed set of columns, or if its + * sticky input changes. May be called manually for cases where the cell content changes outside + * of these events. + * @return {?} + */ + function () { + /** @type {?} */ + var footerRows = this._getRenderedRows(this._footerRowOutlet); + /** @type {?} */ + var tableElement = (/** @type {?} */ (this._elementRef.nativeElement)); + // Hide the tfoot element if there are no footer rows. This is necessary to satisfy + // overzealous a11y checkers that fail because the `rowgroup` element does not contain + // required child `row`. + /** @type {?} */ + var tfoot = tableElement.querySelector('tfoot'); + if (tfoot) { + tfoot.style.display = footerRows.length ? '' : 'none'; + } + /** @type {?} */ + var stickyStates = this._footerRowDefs.map(function (def) { return def.sticky; }); + this._stickyStyler.clearStickyPositioning(footerRows, ['bottom']); + this._stickyStyler.stickRows(footerRows, stickyStates, 'bottom'); + this._stickyStyler.updateStickyFooterContainer(this._elementRef.nativeElement, stickyStates); + // Reset the dirty state of the sticky input change since it has been used. + this._footerRowDefs.forEach(function (def) { return def.resetStickyChanged(); }); + }; + /** + * Updates the column sticky styles. First resets all applied styles with respect to the cells + * sticking to the left and right. Then sticky styles are added for the left and right according + * to the column definitions for each cell in each row. This is automatically called when + * the data source provides a new set of data or when a column definition changes its sticky + * input. May be called manually for cases where the cell content changes outside of these events. + */ + /** + * Updates the column sticky styles. First resets all applied styles with respect to the cells + * sticking to the left and right. Then sticky styles are added for the left and right according + * to the column definitions for each cell in each row. This is automatically called when + * the data source provides a new set of data or when a column definition changes its sticky + * input. May be called manually for cases where the cell content changes outside of these events. + * @return {?} + */ + CdkTable.prototype.updateStickyColumnStyles = /** + * Updates the column sticky styles. First resets all applied styles with respect to the cells + * sticking to the left and right. Then sticky styles are added for the left and right according + * to the column definitions for each cell in each row. This is automatically called when + * the data source provides a new set of data or when a column definition changes its sticky + * input. May be called manually for cases where the cell content changes outside of these events. + * @return {?} + */ + function () { + var _this = this; + /** @type {?} */ + var headerRows = this._getRenderedRows(this._headerRowOutlet); + /** @type {?} */ + var dataRows = this._getRenderedRows(this._rowOutlet); + /** @type {?} */ + var footerRows = this._getRenderedRows(this._footerRowOutlet); + // Clear the left and right positioning from all columns in the table across all rows since + // sticky columns span across all table sections (header, data, footer) + this._stickyStyler.clearStickyPositioning(headerRows.concat(dataRows, footerRows), ['left', 'right']); + // Update the sticky styles for each header row depending on the def's sticky state + headerRows.forEach(function (headerRow, i) { + _this._addStickyColumnStyles([headerRow], _this._headerRowDefs[i]); + }); + // Update the sticky styles for each data row depending on its def's sticky state + this._rowDefs.forEach(function (rowDef) { + // Collect all the rows rendered with this row definition. + /** @type {?} */ + var rows = []; + for (var i = 0; i < dataRows.length; i++) { + if (_this._renderRows[i].rowDef === rowDef) { + rows.push(dataRows[i]); + } + } + _this._addStickyColumnStyles(rows, rowDef); + }); + // Update the sticky styles for each footer row depending on the def's sticky state + footerRows.forEach(function (footerRow, i) { + _this._addStickyColumnStyles([footerRow], _this._footerRowDefs[i]); + }); + // Reset the dirty state of the sticky input change since it has been used. + Array.from(this._columnDefsByName.values()).forEach(function (def) { return def.resetStickyChanged(); }); + }; + /** + * Get the list of RenderRow objects to render according to the current list of data and defined + * row definitions. If the previous list already contained a particular pair, it should be reused + * so that the differ equates their references. + */ + /** + * Get the list of RenderRow objects to render according to the current list of data and defined + * row definitions. If the previous list already contained a particular pair, it should be reused + * so that the differ equates their references. + * @private + * @return {?} + */ + CdkTable.prototype._getAllRenderRows = /** + * Get the list of RenderRow objects to render according to the current list of data and defined + * row definitions. If the previous list already contained a particular pair, it should be reused + * so that the differ equates their references. + * @private + * @return {?} + */ + function () { + /** @type {?} */ + var renderRows = []; + // Store the cache and create a new one. Any re-used RenderRow objects will be moved into the + // new cache while unused ones can be picked up by garbage collection. + /** @type {?} */ + var prevCachedRenderRows = this._cachedRenderRowsMap; + this._cachedRenderRowsMap = new Map(); + // For each data object, get the list of rows that should be rendered, represented by the + // respective `RenderRow` object which is the pair of `data` and `CdkRowDef`. + for (var i = 0; i < this._data.length; i++) { + /** @type {?} */ + var data = this._data[i]; + /** @type {?} */ + var renderRowsForData = this._getRenderRowsForData(data, i, prevCachedRenderRows.get(data)); + if (!this._cachedRenderRowsMap.has(data)) { + this._cachedRenderRowsMap.set(data, new WeakMap()); + } + for (var j = 0; j < renderRowsForData.length; j++) { + /** @type {?} */ + var renderRow = renderRowsForData[j]; + /** @type {?} */ + var cache = (/** @type {?} */ (this._cachedRenderRowsMap.get(renderRow.data))); + if (cache.has(renderRow.rowDef)) { + (/** @type {?} */ (cache.get(renderRow.rowDef))).push(renderRow); + } + else { + cache.set(renderRow.rowDef, [renderRow]); + } + renderRows.push(renderRow); + } + } + return renderRows; + }; + /** + * Gets a list of `RenderRow` for the provided data object and any `CdkRowDef` objects that + * should be rendered for this data. Reuses the cached RenderRow objects if they match the same + * `(T, CdkRowDef)` pair. + */ + /** + * Gets a list of `RenderRow` for the provided data object and any `CdkRowDef` objects that + * should be rendered for this data. Reuses the cached RenderRow objects if they match the same + * `(T, CdkRowDef)` pair. + * @private + * @param {?} data + * @param {?} dataIndex + * @param {?=} cache + * @return {?} + */ + CdkTable.prototype._getRenderRowsForData = /** + * Gets a list of `RenderRow` for the provided data object and any `CdkRowDef` objects that + * should be rendered for this data. Reuses the cached RenderRow objects if they match the same + * `(T, CdkRowDef)` pair. + * @private + * @param {?} data + * @param {?} dataIndex + * @param {?=} cache + * @return {?} + */ + function (data, dataIndex, cache) { + /** @type {?} */ + var rowDefs = this._getRowDefs(data, dataIndex); + return rowDefs.map(function (rowDef) { + /** @type {?} */ + var cachedRenderRows = (cache && cache.has(rowDef)) ? (/** @type {?} */ (cache.get(rowDef))) : []; + if (cachedRenderRows.length) { + /** @type {?} */ + var dataRow = (/** @type {?} */ (cachedRenderRows.shift())); + dataRow.dataIndex = dataIndex; + return dataRow; + } + else { + return { data: data, rowDef: rowDef, dataIndex: dataIndex }; + } + }); + }; + /** Update the map containing the content's column definitions. */ + /** + * Update the map containing the content's column definitions. + * @private + * @return {?} + */ + CdkTable.prototype._cacheColumnDefs = /** + * Update the map containing the content's column definitions. + * @private + * @return {?} + */ + function () { + var _this = this; + this._columnDefsByName.clear(); + /** @type {?} */ + var columnDefs = mergeQueryListAndSet(this._contentColumnDefs, this._customColumnDefs); + columnDefs.forEach(function (columnDef) { + if (_this._columnDefsByName.has(columnDef.name)) { + throw getTableDuplicateColumnNameError(columnDef.name); + } + _this._columnDefsByName.set(columnDef.name, columnDef); + }); + }; + /** Update the list of all available row definitions that can be used. */ + /** + * Update the list of all available row definitions that can be used. + * @private + * @return {?} + */ + CdkTable.prototype._cacheRowDefs = /** + * Update the list of all available row definitions that can be used. + * @private + * @return {?} + */ + function () { + this._headerRowDefs = + mergeQueryListAndSet(this._contentHeaderRowDefs, this._customHeaderRowDefs); + this._footerRowDefs = + mergeQueryListAndSet(this._contentFooterRowDefs, this._customFooterRowDefs); + this._rowDefs = + mergeQueryListAndSet(this._contentRowDefs, this._customRowDefs); + // After all row definitions are determined, find the row definition to be considered default. + /** @type {?} */ + var defaultRowDefs = this._rowDefs.filter(function (def) { return !def.when; }); + if (!this.multiTemplateDataRows && defaultRowDefs.length > 1) { + throw getTableMultipleDefaultRowDefsError(); + } + this._defaultRowDef = defaultRowDefs[0]; + }; + /** + * Check if the header, data, or footer rows have changed what columns they want to display or + * whether the sticky states have changed for the header or footer. If there is a diff, then + * re-render that section. + */ + /** + * Check if the header, data, or footer rows have changed what columns they want to display or + * whether the sticky states have changed for the header or footer. If there is a diff, then + * re-render that section. + * @private + * @return {?} + */ + CdkTable.prototype._renderUpdatedColumns = /** + * Check if the header, data, or footer rows have changed what columns they want to display or + * whether the sticky states have changed for the header or footer. If there is a diff, then + * re-render that section. + * @private + * @return {?} + */ + function () { + /** @type {?} */ + var columnsDiffReducer = function (acc, def) { return acc || !!def.getColumnsDiff(); }; + // Force re-render data rows if the list of column definitions have changed. + if (this._rowDefs.reduce(columnsDiffReducer, false)) { + this._forceRenderDataRows(); + } + // Force re-render header/footer rows if the list of column definitions have changed.. + if (this._headerRowDefs.reduce(columnsDiffReducer, false)) { + this._forceRenderHeaderRows(); + } + if (this._footerRowDefs.reduce(columnsDiffReducer, false)) { + this._forceRenderFooterRows(); + } + }; + /** + * Switch to the provided data source by resetting the data and unsubscribing from the current + * render change subscription if one exists. If the data source is null, interpret this by + * clearing the row outlet. Otherwise start listening for new data. + */ + /** + * Switch to the provided data source by resetting the data and unsubscribing from the current + * render change subscription if one exists. If the data source is null, interpret this by + * clearing the row outlet. Otherwise start listening for new data. + * @private + * @param {?} dataSource + * @return {?} + */ + CdkTable.prototype._switchDataSource = /** + * Switch to the provided data source by resetting the data and unsubscribing from the current + * render change subscription if one exists. If the data source is null, interpret this by + * clearing the row outlet. Otherwise start listening for new data. + * @private + * @param {?} dataSource + * @return {?} + */ + function (dataSource) { + this._data = []; + if (Object(_angular_cdk_collections__WEBPACK_IMPORTED_MODULE_3__["isDataSource"])(this.dataSource)) { + this.dataSource.disconnect(this); + } + // Stop listening for data from the previous data source. + if (this._renderChangeSubscription) { + this._renderChangeSubscription.unsubscribe(); + this._renderChangeSubscription = null; + } + if (!dataSource) { + if (this._dataDiffer) { + this._dataDiffer.diff([]); + } + this._rowOutlet.viewContainer.clear(); + } + this._dataSource = dataSource; + }; + /** Set up a subscription for the data provided by the data source. */ + /** + * Set up a subscription for the data provided by the data source. + * @private + * @return {?} + */ + CdkTable.prototype._observeRenderChanges = /** + * Set up a subscription for the data provided by the data source. + * @private + * @return {?} + */ + function () { + var _this = this; + // If no data source has been set, there is nothing to observe for changes. + if (!this.dataSource) { + return; + } + /** @type {?} */ + var dataStream; + if (Object(_angular_cdk_collections__WEBPACK_IMPORTED_MODULE_3__["isDataSource"])(this.dataSource)) { + dataStream = this.dataSource.connect(this); + } + else if (this.dataSource instanceof rxjs__WEBPACK_IMPORTED_MODULE_5__["Observable"]) { + dataStream = this.dataSource; + } + else if (Array.isArray(this.dataSource)) { + dataStream = Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["of"])(this.dataSource); + } + if (dataStream === undefined) { + throw getTableUnknownDataSourceError(); + } + this._renderChangeSubscription = dataStream + .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["takeUntil"])(this._onDestroy)) + .subscribe(function (data) { + _this._data = data || []; + _this.renderRows(); + }); + }; + /** + * Clears any existing content in the header row outlet and creates a new embedded view + * in the outlet using the header row definition. + */ + /** + * Clears any existing content in the header row outlet and creates a new embedded view + * in the outlet using the header row definition. + * @private + * @return {?} + */ + CdkTable.prototype._forceRenderHeaderRows = /** + * Clears any existing content in the header row outlet and creates a new embedded view + * in the outlet using the header row definition. + * @private + * @return {?} + */ + function () { + var _this = this; + // Clear the header row outlet if any content exists. + if (this._headerRowOutlet.viewContainer.length > 0) { + this._headerRowOutlet.viewContainer.clear(); + } + this._headerRowDefs.forEach(function (def, i) { return _this._renderRow(_this._headerRowOutlet, def, i); }); + this.updateStickyHeaderRowStyles(); + this.updateStickyColumnStyles(); + }; + /** + * Clears any existing content in the footer row outlet and creates a new embedded view + * in the outlet using the footer row definition. + */ + /** + * Clears any existing content in the footer row outlet and creates a new embedded view + * in the outlet using the footer row definition. + * @private + * @return {?} + */ + CdkTable.prototype._forceRenderFooterRows = /** + * Clears any existing content in the footer row outlet and creates a new embedded view + * in the outlet using the footer row definition. + * @private + * @return {?} + */ + function () { + var _this = this; + // Clear the footer row outlet if any content exists. + if (this._footerRowOutlet.viewContainer.length > 0) { + this._footerRowOutlet.viewContainer.clear(); + } + this._footerRowDefs.forEach(function (def, i) { return _this._renderRow(_this._footerRowOutlet, def, i); }); + this.updateStickyFooterRowStyles(); + this.updateStickyColumnStyles(); + }; + /** Adds the sticky column styles for the rows according to the columns' stick states. */ + /** + * Adds the sticky column styles for the rows according to the columns' stick states. + * @private + * @param {?} rows + * @param {?} rowDef + * @return {?} + */ + CdkTable.prototype._addStickyColumnStyles = /** + * Adds the sticky column styles for the rows according to the columns' stick states. + * @private + * @param {?} rows + * @param {?} rowDef + * @return {?} + */ + function (rows, rowDef) { + var _this = this; + /** @type {?} */ + var columnDefs = Array.from(rowDef.columns || []).map(function (columnName) { + /** @type {?} */ + var columnDef = _this._columnDefsByName.get(columnName); + if (!columnDef) { + throw getTableUnknownColumnError(columnName); + } + return (/** @type {?} */ (columnDef)); + }); + /** @type {?} */ + var stickyStartStates = columnDefs.map(function (columnDef) { return columnDef.sticky; }); + /** @type {?} */ + var stickyEndStates = columnDefs.map(function (columnDef) { return columnDef.stickyEnd; }); + this._stickyStyler.updateStickyColumns(rows, stickyStartStates, stickyEndStates); + }; + /** Gets the list of rows that have been rendered in the row outlet. */ + /** + * Gets the list of rows that have been rendered in the row outlet. + * @param {?} rowOutlet + * @return {?} + */ + CdkTable.prototype._getRenderedRows = /** + * Gets the list of rows that have been rendered in the row outlet. + * @param {?} rowOutlet + * @return {?} + */ + function (rowOutlet) { + /** @type {?} */ + var renderedRows = []; + for (var i = 0; i < rowOutlet.viewContainer.length; i++) { + /** @type {?} */ + var viewRef = ((/** @type {?} */ ((/** @type {?} */ (rowOutlet.viewContainer.get(i)))))); + renderedRows.push(viewRef.rootNodes[0]); + } + return renderedRows; + }; + /** + * Get the matching row definitions that should be used for this row data. If there is only + * one row definition, it is returned. Otherwise, find the row definitions that has a when + * predicate that returns true with the data. If none return true, return the default row + * definition. + */ + /** + * Get the matching row definitions that should be used for this row data. If there is only + * one row definition, it is returned. Otherwise, find the row definitions that has a when + * predicate that returns true with the data. If none return true, return the default row + * definition. + * @param {?} data + * @param {?} dataIndex + * @return {?} + */ + CdkTable.prototype._getRowDefs = /** + * Get the matching row definitions that should be used for this row data. If there is only + * one row definition, it is returned. Otherwise, find the row definitions that has a when + * predicate that returns true with the data. If none return true, return the default row + * definition. + * @param {?} data + * @param {?} dataIndex + * @return {?} + */ + function (data, dataIndex) { + if (this._rowDefs.length == 1) { + return [this._rowDefs[0]]; + } + /** @type {?} */ + var rowDefs = []; + if (this.multiTemplateDataRows) { + rowDefs = this._rowDefs.filter(function (def) { return !def.when || def.when(dataIndex, data); }); + } + else { + /** @type {?} */ + var rowDef = this._rowDefs.find(function (def) { return def.when && def.when(dataIndex, data); }) || this._defaultRowDef; + if (rowDef) { + rowDefs.push(rowDef); + } + } + if (!rowDefs.length) { + throw getTableMissingMatchingRowDefError(data); + } + return rowDefs; + }; + /** + * Create the embedded view for the data row template and place it in the correct index location + * within the data row view container. + */ + /** + * Create the embedded view for the data row template and place it in the correct index location + * within the data row view container. + * @private + * @param {?} renderRow + * @param {?} renderIndex + * @return {?} + */ + CdkTable.prototype._insertRow = /** + * Create the embedded view for the data row template and place it in the correct index location + * within the data row view container. + * @private + * @param {?} renderRow + * @param {?} renderIndex + * @return {?} + */ + function (renderRow, renderIndex) { + /** @type {?} */ + var rowDef = renderRow.rowDef; + /** @type {?} */ + var context = { $implicit: renderRow.data }; + this._renderRow(this._rowOutlet, rowDef, renderIndex, context); + }; + /** + * Creates a new row template in the outlet and fills it with the set of cell templates. + * Optionally takes a context to provide to the row and cells, as well as an optional index + * of where to place the new row template in the outlet. + */ + /** + * Creates a new row template in the outlet and fills it with the set of cell templates. + * Optionally takes a context to provide to the row and cells, as well as an optional index + * of where to place the new row template in the outlet. + * @private + * @param {?} outlet + * @param {?} rowDef + * @param {?} index + * @param {?=} context + * @return {?} + */ + CdkTable.prototype._renderRow = /** + * Creates a new row template in the outlet and fills it with the set of cell templates. + * Optionally takes a context to provide to the row and cells, as well as an optional index + * of where to place the new row template in the outlet. + * @private + * @param {?} outlet + * @param {?} rowDef + * @param {?} index + * @param {?=} context + * @return {?} + */ + function (outlet, rowDef, index, context) { + if (context === void 0) { context = {}; } + // TODO(andrewseguin): enforce that one outlet was instantiated from createEmbeddedView + outlet.viewContainer.createEmbeddedView(rowDef.template, context, index); + for (var _a = 0, _b = this._getCellTemplates(rowDef); _a < _b.length; _a++) { + var cellTemplate = _b[_a]; + if (CdkCellOutlet.mostRecentCellOutlet) { + CdkCellOutlet.mostRecentCellOutlet._viewContainer.createEmbeddedView(cellTemplate, context); + } + } + this._changeDetectorRef.markForCheck(); + }; + /** + * Updates the index-related context for each row to reflect any changes in the index of the rows, + * e.g. first/last/even/odd. + */ + /** + * Updates the index-related context for each row to reflect any changes in the index of the rows, + * e.g. first/last/even/odd. + * @private + * @return {?} + */ + CdkTable.prototype._updateRowIndexContext = /** + * Updates the index-related context for each row to reflect any changes in the index of the rows, + * e.g. first/last/even/odd. + * @private + * @return {?} + */ + function () { + /** @type {?} */ + var viewContainer = this._rowOutlet.viewContainer; + for (var renderIndex = 0, count = viewContainer.length; renderIndex < count; renderIndex++) { + /** @type {?} */ + var viewRef = (/** @type {?} */ (viewContainer.get(renderIndex))); + /** @type {?} */ + var context = (/** @type {?} */ (viewRef.context)); + context.count = count; + context.first = renderIndex === 0; + context.last = renderIndex === count - 1; + context.even = renderIndex % 2 === 0; + context.odd = !context.even; + if (this.multiTemplateDataRows) { + context.dataIndex = this._renderRows[renderIndex].dataIndex; + context.renderIndex = renderIndex; + } + else { + context.index = this._renderRows[renderIndex].dataIndex; + } + } + }; + /** Gets the column definitions for the provided row def. */ + /** + * Gets the column definitions for the provided row def. + * @private + * @param {?} rowDef + * @return {?} + */ + CdkTable.prototype._getCellTemplates = /** + * Gets the column definitions for the provided row def. + * @private + * @param {?} rowDef + * @return {?} + */ + function (rowDef) { + var _this = this; + if (!rowDef || !rowDef.columns) { + return []; + } + return Array.from(rowDef.columns, function (columnId) { + /** @type {?} */ + var column = _this._columnDefsByName.get(columnId); + if (!column) { + throw getTableUnknownColumnError(columnId); + } + return rowDef.extractCellTemplate(column); + }); + }; + /** Adds native table sections (e.g. tbody) and moves the row outlets into them. */ + /** + * Adds native table sections (e.g. tbody) and moves the row outlets into them. + * @private + * @return {?} + */ + CdkTable.prototype._applyNativeTableSections = /** + * Adds native table sections (e.g. tbody) and moves the row outlets into them. + * @private + * @return {?} + */ + function () { + // @breaking-change 8.0.0 remove the `|| document` once the `_document` is a required param. + /** @type {?} */ + var documentRef = this._document || document; + /** @type {?} */ + var documentFragment = documentRef.createDocumentFragment(); + /** @type {?} */ + var sections = [ + { tag: 'thead', outlet: this._headerRowOutlet }, + { tag: 'tbody', outlet: this._rowOutlet }, + { tag: 'tfoot', outlet: this._footerRowOutlet }, + ]; + for (var _a = 0, sections_1 = sections; _a < sections_1.length; _a++) { + var section = sections_1[_a]; + /** @type {?} */ + var element = documentRef.createElement(section.tag); + element.setAttribute('role', 'rowgroup'); + element.appendChild(section.outlet.elementRef.nativeElement); + documentFragment.appendChild(element); + } + // Use a DocumentFragment so we don't hit the DOM on each iteration. + this._elementRef.nativeElement.appendChild(documentFragment); + }; + /** + * Forces a re-render of the data rows. Should be called in cases where there has been an input + * change that affects the evaluation of which rows should be rendered, e.g. toggling + * `multiTemplateDataRows` or adding/removing row definitions. + */ + /** + * Forces a re-render of the data rows. Should be called in cases where there has been an input + * change that affects the evaluation of which rows should be rendered, e.g. toggling + * `multiTemplateDataRows` or adding/removing row definitions. + * @private + * @return {?} + */ + CdkTable.prototype._forceRenderDataRows = /** + * Forces a re-render of the data rows. Should be called in cases where there has been an input + * change that affects the evaluation of which rows should be rendered, e.g. toggling + * `multiTemplateDataRows` or adding/removing row definitions. + * @private + * @return {?} + */ + function () { + this._dataDiffer.diff([]); + this._rowOutlet.viewContainer.clear(); + this.renderRows(); + this.updateStickyColumnStyles(); + }; + /** + * Checks if there has been a change in sticky states since last check and applies the correct + * sticky styles. Since checking resets the "dirty" state, this should only be performed once + * during a change detection and after the inputs are settled (after content check). + */ + /** + * Checks if there has been a change in sticky states since last check and applies the correct + * sticky styles. Since checking resets the "dirty" state, this should only be performed once + * during a change detection and after the inputs are settled (after content check). + * @private + * @return {?} + */ + CdkTable.prototype._checkStickyStates = /** + * Checks if there has been a change in sticky states since last check and applies the correct + * sticky styles. Since checking resets the "dirty" state, this should only be performed once + * during a change detection and after the inputs are settled (after content check). + * @private + * @return {?} + */ + function () { + /** @type {?} */ + var stickyCheckReducer = function (acc, d) { + return acc || d.hasStickyChanged(); + }; + // Note that the check needs to occur for every definition since it notifies the definition + // that it can reset its dirty state. Using another operator like `some` may short-circuit + // remaining definitions and leave them in an unchecked state. + if (this._headerRowDefs.reduce(stickyCheckReducer, false)) { + this.updateStickyHeaderRowStyles(); + } + if (this._footerRowDefs.reduce(stickyCheckReducer, false)) { + this.updateStickyFooterRowStyles(); + } + if (Array.from(this._columnDefsByName.values()).reduce(stickyCheckReducer, false)) { + this.updateStickyColumnStyles(); + } + }; + /** + * Creates the sticky styler that will be used for sticky rows and columns. Listens + * for directionality changes and provides the latest direction to the styler. Re-applies column + * stickiness when directionality changes. + */ + /** + * Creates the sticky styler that will be used for sticky rows and columns. Listens + * for directionality changes and provides the latest direction to the styler. Re-applies column + * stickiness when directionality changes. + * @private + * @return {?} + */ + CdkTable.prototype._setupStickyStyler = /** + * Creates the sticky styler that will be used for sticky rows and columns. Listens + * for directionality changes and provides the latest direction to the styler. Re-applies column + * stickiness when directionality changes. + * @private + * @return {?} + */ + function () { + var _this = this; + /** @type {?} */ + var direction = this._dir ? this._dir.value : 'ltr'; + this._stickyStyler = new StickyStyler(this._isNativeHtmlTable, + // @breaking-change 8.0.0 remove the null check for `this._platform`. + this.stickyCssClass, direction, this._platform ? this._platform.isBrowser : true); + (this._dir ? this._dir.change : Object(rxjs__WEBPACK_IMPORTED_MODULE_5__["of"])()) + .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_6__["takeUntil"])(this._onDestroy)) + .subscribe(function (value) { + _this._stickyStyler.direction = value; + _this.updateStickyColumnStyles(); + }); + }; + CdkTable.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"], args: [{selector: 'cdk-table, table[cdk-table]', + exportAs: 'cdkTable', + template: CDK_TABLE_TEMPLATE, + host: { + 'class': 'cdk-table', + }, + encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewEncapsulation"].None, + changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ChangeDetectionStrategy"].OnPush, + },] }, + ]; + /** @nocollapse */ + CdkTable.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["IterableDiffers"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ChangeDetectorRef"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ElementRef"] }, + { type: String, decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Attribute"], args: ['role',] }] }, + { type: _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_7__["Directionality"], decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Optional"] }] }, + { type: undefined, decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Inject"], args: [_angular_common__WEBPACK_IMPORTED_MODULE_4__["DOCUMENT"],] }] }, + { type: _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_8__["Platform"] } + ]; }; + CdkTable.propDecorators = { + trackBy: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Input"] }], + dataSource: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Input"] }], + multiTemplateDataRows: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["Input"] }], + _rowOutlet: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewChild"], args: [DataRowOutlet,] }], + _headerRowOutlet: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewChild"], args: [HeaderRowOutlet,] }], + _footerRowOutlet: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ViewChild"], args: [FooterRowOutlet,] }], + _contentColumnDefs: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ContentChildren"], args: [CdkColumnDef,] }], + _contentRowDefs: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ContentChildren"], args: [CdkRowDef,] }], + _contentHeaderRowDefs: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ContentChildren"], args: [CdkHeaderRowDef,] }], + _contentFooterRowDefs: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["ContentChildren"], args: [CdkFooterRowDef,] }] + }; + return CdkTable; +}()); +/** + * Utility function that gets a merged list of the entries in a QueryList and values of a Set. + * @template T + * @param {?} queryList + * @param {?} set + * @return {?} + */ +function mergeQueryListAndSet(queryList, set) { + return queryList.toArray().concat(Array.from(set)); +} + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** @type {?} */ +var EXPORTED_DECLARATIONS = [ + CdkTable, + CdkRowDef, + CdkCellDef, + CdkCellOutlet, + CdkHeaderCellDef, + CdkFooterCellDef, + CdkColumnDef, + CdkCell, + CdkRow, + CdkHeaderCell, + CdkFooterCell, + CdkHeaderRow, + CdkHeaderRowDef, + CdkFooterRow, + CdkFooterRowDef, + DataRowOutlet, + HeaderRowOutlet, + FooterRowOutlet, +]; +var CdkTableModule = /** @class */ (function () { + function CdkTableModule() { + } + CdkTableModule.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_2__["NgModule"], args: [{ + imports: [_angular_common__WEBPACK_IMPORTED_MODULE_4__["CommonModule"]], + exports: EXPORTED_DECLARATIONS, + declarations: EXPORTED_DECLARATIONS + },] }, + ]; + return CdkTableModule; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + + +//# sourceMappingURL=table.es5.js.map + + +/***/ }), + +/***/ "./node_modules/@angular/cdk/esm5/text-field.es5.js": +/*!**********************************************************!*\ + !*** ./node_modules/@angular/cdk/esm5/text-field.es5.js ***! + \**********************************************************/ +/*! exports provided: AutofillMonitor, CdkAutofill, CdkTextareaAutosize, TextFieldModule */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AutofillMonitor", function() { return AutofillMonitor; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkAutofill", function() { return CdkAutofill; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTextareaAutosize", function() { return CdkTextareaAutosize; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TextFieldModule", function() { return TextFieldModule; }); +/* harmony import */ var _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/cdk/platform */ "./node_modules/@angular/cdk/esm5/platform.es5.js"); +/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js"); +/* harmony import */ var _angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/cdk/coercion */ "./node_modules/@angular/cdk/esm5/coercion.es5.js"); +/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js"); +/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js"); +/** + * @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 + */ + + + + + + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Options to pass to the animationstart listener. + * @type {?} + */ +var listenerOptions = Object(_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_0__["normalizePassiveListenerOptions"])({ passive: true }); +/** + * An injectable service that can be used to monitor the autofill state of an input. + * Based on the following blog post: + * https://medium.com/\@brunn/detecting-autofilled-fields-in-javascript-aed598d25da7 + */ +var AutofillMonitor = /** @class */ (function () { + function AutofillMonitor(_platform, _ngZone) { + this._platform = _platform; + this._ngZone = _ngZone; + this._monitoredElements = new Map(); + } + /** + * @param {?} elementOrRef + * @return {?} + */ + AutofillMonitor.prototype.monitor = /** + * @param {?} elementOrRef + * @return {?} + */ + function (elementOrRef) { + var _this = this; + if (!this._platform.isBrowser) { + return rxjs__WEBPACK_IMPORTED_MODULE_3__["EMPTY"]; + } + /** @type {?} */ + var element = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_2__["coerceElement"])(elementOrRef); + /** @type {?} */ + var info = this._monitoredElements.get(element); + if (info) { + return info.subject.asObservable(); + } + /** @type {?} */ + var result = new rxjs__WEBPACK_IMPORTED_MODULE_3__["Subject"](); + /** @type {?} */ + var cssClass = 'cdk-text-field-autofilled'; + /** @type {?} */ + var listener = (/** @type {?} */ ((function (event) { + // Animation events fire on initial element render, we check for the presence of the autofill + // CSS class to make sure this is a real change in state, not just the initial render before + // we fire off events. + if (event.animationName === 'cdk-text-field-autofill-start' && + !element.classList.contains(cssClass)) { + element.classList.add(cssClass); + _this._ngZone.run(function () { return result.next({ target: (/** @type {?} */ (event.target)), isAutofilled: true }); }); + } + else if (event.animationName === 'cdk-text-field-autofill-end' && + element.classList.contains(cssClass)) { + element.classList.remove(cssClass); + _this._ngZone.run(function () { return result.next({ target: (/** @type {?} */ (event.target)), isAutofilled: false }); }); + } + }))); + this._ngZone.runOutsideAngular(function () { + element.addEventListener('animationstart', listener, listenerOptions); + element.classList.add('cdk-text-field-autofill-monitored'); + }); + this._monitoredElements.set(element, { + subject: result, + unlisten: function () { + element.removeEventListener('animationstart', listener, listenerOptions); + } + }); + return result.asObservable(); + }; + /** + * @param {?} elementOrRef + * @return {?} + */ + AutofillMonitor.prototype.stopMonitoring = /** + * @param {?} elementOrRef + * @return {?} + */ + function (elementOrRef) { + /** @type {?} */ + var element = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_2__["coerceElement"])(elementOrRef); + /** @type {?} */ + var info = this._monitoredElements.get(element); + if (info) { + info.unlisten(); + info.subject.complete(); + element.classList.remove('cdk-text-field-autofill-monitored'); + element.classList.remove('cdk-text-field-autofilled'); + this._monitoredElements.delete(element); + } + }; + /** + * @return {?} + */ + AutofillMonitor.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + var _this = this; + this._monitoredElements.forEach(function (_info, element) { return _this.stopMonitoring(element); }); + }; + AutofillMonitor.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"], args: [{ providedIn: 'root' },] }, + ]; + /** @nocollapse */ + AutofillMonitor.ctorParameters = function () { return [ + { type: _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_0__["Platform"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["NgZone"] } + ]; }; + /** @nocollapse */ AutofillMonitor.ngInjectableDef = Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["defineInjectable"])({ factory: function AutofillMonitor_Factory() { return new AutofillMonitor(Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["inject"])(_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_0__["Platform"]), Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgZone"])); }, token: AutofillMonitor, providedIn: "root" }); + return AutofillMonitor; +}()); +/** + * A directive that can be used to monitor the autofill state of an input. + */ +var CdkAutofill = /** @class */ (function () { + function CdkAutofill(_elementRef, _autofillMonitor) { + this._elementRef = _elementRef; + this._autofillMonitor = _autofillMonitor; + /** + * Emits when the autofill state of the element changes. + */ + this.cdkAutofill = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"](); + } + /** + * @return {?} + */ + CdkAutofill.prototype.ngOnInit = /** + * @return {?} + */ + function () { + var _this = this; + this._autofillMonitor + .monitor(this._elementRef) + .subscribe(function (event) { return _this.cdkAutofill.emit(event); }); + }; + /** + * @return {?} + */ + CdkAutofill.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + this._autofillMonitor.stopMonitoring(this._elementRef); + }; + CdkAutofill.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Directive"], args: [{ + selector: '[cdkAutofill]', + },] }, + ]; + /** @nocollapse */ + CdkAutofill.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"] }, + { type: AutofillMonitor } + ]; }; + CdkAutofill.propDecorators = { + cdkAutofill: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Output"] }] + }; + return CdkAutofill; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Directive to automatically resize a textarea to fit its content. + */ +var CdkTextareaAutosize = /** @class */ (function () { + function CdkTextareaAutosize(_elementRef, _platform, _ngZone) { + this._elementRef = _elementRef; + this._platform = _platform; + this._ngZone = _ngZone; + this._destroyed = new rxjs__WEBPACK_IMPORTED_MODULE_3__["Subject"](); + this._enabled = true; + /** + * Value of minRows as of last resize. If the minRows has decreased, the + * height of the textarea needs to be recomputed to reflect the new minimum. The maxHeight + * does not have the same problem because it does not affect the textarea's scrollHeight. + */ + this._previousMinRows = -1; + this._textareaElement = (/** @type {?} */ (this._elementRef.nativeElement)); + } + Object.defineProperty(CdkTextareaAutosize.prototype, "minRows", { + /** Minimum amount of rows in the textarea. */ + get: /** + * Minimum amount of rows in the textarea. + * @return {?} + */ + function () { return this._minRows; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { + this._minRows = value; + this._setMinHeight(); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkTextareaAutosize.prototype, "maxRows", { + /** Maximum amount of rows in the textarea. */ + get: /** + * Maximum amount of rows in the textarea. + * @return {?} + */ + function () { return this._maxRows; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { + this._maxRows = value; + this._setMaxHeight(); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkTextareaAutosize.prototype, "enabled", { + /** Whether autosizing is enabled or not */ + get: /** + * Whether autosizing is enabled or not + * @return {?} + */ + function () { return this._enabled; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { + value = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_2__["coerceBooleanProperty"])(value); + // Only act if the actual value changed. This specifically helps to not run + // resizeToFitContent too early (i.e. before ngAfterViewInit) + if (this._enabled !== value) { + (this._enabled = value) ? this.resizeToFitContent(true) : this.reset(); + } + }, + enumerable: true, + configurable: true + }); + /** Sets the minimum height of the textarea as determined by minRows. */ + /** + * Sets the minimum height of the textarea as determined by minRows. + * @return {?} + */ + CdkTextareaAutosize.prototype._setMinHeight = /** + * Sets the minimum height of the textarea as determined by minRows. + * @return {?} + */ + function () { + /** @type {?} */ + var minHeight = this.minRows && this._cachedLineHeight ? + this.minRows * this._cachedLineHeight + "px" : null; + if (minHeight) { + this._textareaElement.style.minHeight = minHeight; + } + }; + /** Sets the maximum height of the textarea as determined by maxRows. */ + /** + * Sets the maximum height of the textarea as determined by maxRows. + * @return {?} + */ + CdkTextareaAutosize.prototype._setMaxHeight = /** + * Sets the maximum height of the textarea as determined by maxRows. + * @return {?} + */ + function () { + /** @type {?} */ + var maxHeight = this.maxRows && this._cachedLineHeight ? + this.maxRows * this._cachedLineHeight + "px" : null; + if (maxHeight) { + this._textareaElement.style.maxHeight = maxHeight; + } + }; + /** + * @return {?} + */ + CdkTextareaAutosize.prototype.ngAfterViewInit = /** + * @return {?} + */ + function () { + var _this = this; + if (this._platform.isBrowser) { + // Remember the height which we started with in case autosizing is disabled + this._initialHeight = this._textareaElement.style.height; + this.resizeToFitContent(); + this._ngZone.runOutsideAngular(function () { + Object(rxjs__WEBPACK_IMPORTED_MODULE_3__["fromEvent"])(window, 'resize') + .pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["auditTime"])(16), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_4__["takeUntil"])(_this._destroyed)) + .subscribe(function () { return _this.resizeToFitContent(true); }); + }); + } + }; + /** + * @return {?} + */ + CdkTextareaAutosize.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + this._destroyed.next(); + this._destroyed.complete(); + }; + /** + * Cache the height of a single-row textarea if it has not already been cached. + * + * We need to know how large a single "row" of a textarea is in order to apply minRows and + * maxRows. For the initial version, we will assume that the height of a single line in the + * textarea does not ever change. + */ + /** + * Cache the height of a single-row textarea if it has not already been cached. + * + * We need to know how large a single "row" of a textarea is in order to apply minRows and + * maxRows. For the initial version, we will assume that the height of a single line in the + * textarea does not ever change. + * @private + * @return {?} + */ + CdkTextareaAutosize.prototype._cacheTextareaLineHeight = /** + * Cache the height of a single-row textarea if it has not already been cached. + * + * We need to know how large a single "row" of a textarea is in order to apply minRows and + * maxRows. For the initial version, we will assume that the height of a single line in the + * textarea does not ever change. + * @private + * @return {?} + */ + function () { + if (this._cachedLineHeight) { + return; + } + // Use a clone element because we have to override some styles. + /** @type {?} */ + var textareaClone = (/** @type {?} */ (this._textareaElement.cloneNode(false))); + textareaClone.rows = 1; + // Use `position: absolute` so that this doesn't cause a browser layout and use + // `visibility: hidden` so that nothing is rendered. Clear any other styles that + // would affect the height. + textareaClone.style.position = 'absolute'; + textareaClone.style.visibility = 'hidden'; + textareaClone.style.border = 'none'; + textareaClone.style.padding = '0'; + textareaClone.style.height = ''; + textareaClone.style.minHeight = ''; + textareaClone.style.maxHeight = ''; + // In Firefox it happens that textarea elements are always bigger than the specified amount + // of rows. This is because Firefox tries to add extra space for the horizontal scrollbar. + // As a workaround that removes the extra space for the scrollbar, we can just set overflow + // to hidden. This ensures that there is no invalid calculation of the line height. + // See Firefox bug report: https://bugzilla.mozilla.org/show_bug.cgi?id=33654 + textareaClone.style.overflow = 'hidden'; + (/** @type {?} */ (this._textareaElement.parentNode)).appendChild(textareaClone); + this._cachedLineHeight = textareaClone.clientHeight; + (/** @type {?} */ (this._textareaElement.parentNode)).removeChild(textareaClone); + // Min and max heights have to be re-calculated if the cached line height changes + this._setMinHeight(); + this._setMaxHeight(); + }; + /** + * @return {?} + */ + CdkTextareaAutosize.prototype.ngDoCheck = /** + * @return {?} + */ + function () { + if (this._platform.isBrowser) { + this.resizeToFitContent(); + } + }; + /** + * Resize the textarea to fit its content. + * @param force Whether to force a height recalculation. By default the height will be + * recalculated only if the value changed since the last call. + */ + /** + * Resize the textarea to fit its content. + * @param {?=} force Whether to force a height recalculation. By default the height will be + * recalculated only if the value changed since the last call. + * @return {?} + */ + CdkTextareaAutosize.prototype.resizeToFitContent = /** + * Resize the textarea to fit its content. + * @param {?=} force Whether to force a height recalculation. By default the height will be + * recalculated only if the value changed since the last call. + * @return {?} + */ + function (force) { + var _this = this; + if (force === void 0) { force = false; } + // If autosizing is disabled, just skip everything else + if (!this._enabled) { + return; + } + this._cacheTextareaLineHeight(); + // If we haven't determined the line-height yet, we know we're still hidden and there's no point + // in checking the height of the textarea. + if (!this._cachedLineHeight) { + return; + } + /** @type {?} */ + var textarea = (/** @type {?} */ (this._elementRef.nativeElement)); + /** @type {?} */ + var value = textarea.value; + // Only resize if the value or minRows have changed since these calculations can be expensive. + if (!force && this._minRows === this._previousMinRows && value === this._previousValue) { + return; + } + /** @type {?} */ + var placeholderText = textarea.placeholder; + // Reset the textarea height to auto in order to shrink back to its default size. + // Also temporarily force overflow:hidden, so scroll bars do not interfere with calculations. + // Long placeholders that are wider than the textarea width may lead to a bigger scrollHeight + // value. To ensure that the scrollHeight is not bigger than the content, the placeholders + // need to be removed temporarily. + textarea.classList.add('cdk-textarea-autosize-measuring'); + textarea.placeholder = ''; + // The cdk-textarea-autosize-measuring class includes a 2px padding to workaround an issue with + // Chrome, so we account for that extra space here by subtracting 4 (2px top + 2px bottom). + /** @type {?} */ + var height = textarea.scrollHeight - 4; + // Use the scrollHeight to know how large the textarea *would* be if fit its entire value. + textarea.style.height = height + "px"; + textarea.classList.remove('cdk-textarea-autosize-measuring'); + textarea.placeholder = placeholderText; + this._ngZone.runOutsideAngular(function () { + if (typeof requestAnimationFrame !== 'undefined') { + requestAnimationFrame(function () { return _this._scrollToCaretPosition(textarea); }); + } + else { + setTimeout(function () { return _this._scrollToCaretPosition(textarea); }); + } + }); + this._previousValue = value; + this._previousMinRows = this._minRows; + }; + /** + * Resets the textarea to it's original size + */ + /** + * Resets the textarea to it's original size + * @return {?} + */ + CdkTextareaAutosize.prototype.reset = /** + * Resets the textarea to it's original size + * @return {?} + */ + function () { + // Do not try to change the textarea, if the initialHeight has not been determined yet + // This might potentially remove styles when reset() is called before ngAfterViewInit + if (this._initialHeight === undefined) { + return; + } + this._textareaElement.style.height = this._initialHeight; + }; + /** + * @return {?} + */ + CdkTextareaAutosize.prototype._noopInputHandler = /** + * @return {?} + */ + function () { + // no-op handler that ensures we're running change detection on input events. + }; + /** + * Scrolls a textarea to the caret position. On Firefox resizing the textarea will + * prevent it from scrolling to the caret position. We need to re-set the selection + * in order for it to scroll to the proper position. + */ + /** + * Scrolls a textarea to the caret position. On Firefox resizing the textarea will + * prevent it from scrolling to the caret position. We need to re-set the selection + * in order for it to scroll to the proper position. + * @private + * @param {?} textarea + * @return {?} + */ + CdkTextareaAutosize.prototype._scrollToCaretPosition = /** + * Scrolls a textarea to the caret position. On Firefox resizing the textarea will + * prevent it from scrolling to the caret position. We need to re-set the selection + * in order for it to scroll to the proper position. + * @private + * @param {?} textarea + * @return {?} + */ + function (textarea) { + var selectionStart = textarea.selectionStart, selectionEnd = textarea.selectionEnd; + // IE will throw an "Unspecified error" if we try to set the selection range after the + // element has been removed from the DOM. Assert that the directive hasn't been destroyed + // between the time we requested the animation frame and when it was executed. + // Also note that we have to assert that the textarea is focused before we set the + // selection range. Setting the selection range on a non-focused textarea will cause + // it to receive focus on IE and Edge. + if (!this._destroyed.isStopped && document.activeElement === textarea) { + textarea.setSelectionRange(selectionStart, selectionEnd); + } + }; + CdkTextareaAutosize.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Directive"], args: [{ + selector: 'textarea[cdkTextareaAutosize]', + exportAs: 'cdkTextareaAutosize', + host: { + 'class': 'cdk-textarea-autosize', + // Textarea elements that have the directive applied should have a single row by default. + // Browsers normally show two rows by default and therefore this limits the minRows binding. + 'rows': '1', + '(input)': '_noopInputHandler()', + }, + },] }, + ]; + /** @nocollapse */ + CdkTextareaAutosize.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["ElementRef"] }, + { type: _angular_cdk_platform__WEBPACK_IMPORTED_MODULE_0__["Platform"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["NgZone"] } + ]; }; + CdkTextareaAutosize.propDecorators = { + minRows: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"], args: ['cdkAutosizeMinRows',] }], + maxRows: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"], args: ['cdkAutosizeMaxRows',] }], + enabled: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["Input"], args: ['cdkTextareaAutosize',] }] + }; + return CdkTextareaAutosize; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +var TextFieldModule = /** @class */ (function () { + function TextFieldModule() { + } + TextFieldModule.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"], args: [{ + declarations: [CdkAutofill, CdkTextareaAutosize], + imports: [_angular_cdk_platform__WEBPACK_IMPORTED_MODULE_0__["PlatformModule"]], + exports: [CdkAutofill, CdkTextareaAutosize], + },] }, + ]; + return TextFieldModule; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + + +//# sourceMappingURL=text-field.es5.js.map + + +/***/ }), + +/***/ "./node_modules/@angular/cdk/esm5/tree.es5.js": +/*!****************************************************!*\ + !*** ./node_modules/@angular/cdk/esm5/tree.es5.js ***! + \****************************************************/ +/*! exports provided: BaseTreeControl, FlatTreeControl, NestedTreeControl, CdkNestedTreeNode, CdkTreeNodeOutletContext, CdkTreeNodeDef, CdkTreeNodePadding, CDK_TREE_NODE_OUTLET_NODE, CdkTreeNodeOutlet, CdkTree, CdkTreeNode, getTreeNoValidDataSourceError, getTreeMultipleDefaultNodeDefsError, getTreeMissingMatchingNodeDefError, getTreeControlMissingError, getTreeControlFunctionsMissingError, CdkTreeModule, CdkTreeNodeToggle */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseTreeControl", function() { return BaseTreeControl; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FlatTreeControl", function() { return FlatTreeControl; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NestedTreeControl", function() { return NestedTreeControl; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkNestedTreeNode", function() { return CdkNestedTreeNode; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTreeNodeOutletContext", function() { return CdkTreeNodeOutletContext; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTreeNodeDef", function() { return CdkTreeNodeDef; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTreeNodePadding", function() { return CdkTreeNodePadding; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CDK_TREE_NODE_OUTLET_NODE", function() { return CDK_TREE_NODE_OUTLET_NODE; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTreeNodeOutlet", function() { return CdkTreeNodeOutlet; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTree", function() { return CdkTree; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTreeNode", function() { return CdkTreeNode; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTreeNoValidDataSourceError", function() { return getTreeNoValidDataSourceError; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTreeMultipleDefaultNodeDefsError", function() { return getTreeMultipleDefaultNodeDefsError; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTreeMissingMatchingNodeDefError", function() { return getTreeMissingMatchingNodeDefError; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTreeControlMissingError", function() { return getTreeControlMissingError; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTreeControlFunctionsMissingError", function() { return getTreeControlFunctionsMissingError; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTreeModule", function() { return CdkTreeModule; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CdkTreeNodeToggle", function() { return CdkTreeNodeToggle; }); +/* harmony import */ var _angular_cdk_collections__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/cdk/collections */ "./node_modules/@angular/cdk/esm5/collections.es5.js"); +/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js"); +/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js"); +/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js"); +/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js"); +/* harmony import */ var _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/cdk/bidi */ "./node_modules/@angular/cdk/esm5/bidi.es5.js"); +/* harmony import */ var _angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/cdk/coercion */ "./node_modules/@angular/cdk/esm5/coercion.es5.js"); +/* harmony import */ var _angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/cdk/a11y */ "./node_modules/@angular/cdk/esm5/a11y.es5.js"); +/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js"); +/** + * @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 + */ + + + + + + + + + + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Base tree control. It has basic toggle/expand/collapse operations on a single data node. + * @abstract + * @template T + */ +var /** + * Base tree control. It has basic toggle/expand/collapse operations on a single data node. + * @abstract + * @template T + */ +BaseTreeControl = /** @class */ (function () { + function BaseTreeControl() { + /** + * A selection model with multi-selection to track expansion status. + */ + this.expansionModel = new _angular_cdk_collections__WEBPACK_IMPORTED_MODULE_0__["SelectionModel"](true); + } + /** Toggles one single data node's expanded/collapsed state. */ + /** + * Toggles one single data node's expanded/collapsed state. + * @param {?} dataNode + * @return {?} + */ + BaseTreeControl.prototype.toggle = /** + * Toggles one single data node's expanded/collapsed state. + * @param {?} dataNode + * @return {?} + */ + function (dataNode) { + this.expansionModel.toggle(dataNode); + }; + /** Expands one single data node. */ + /** + * Expands one single data node. + * @param {?} dataNode + * @return {?} + */ + BaseTreeControl.prototype.expand = /** + * Expands one single data node. + * @param {?} dataNode + * @return {?} + */ + function (dataNode) { + this.expansionModel.select(dataNode); + }; + /** Collapses one single data node. */ + /** + * Collapses one single data node. + * @param {?} dataNode + * @return {?} + */ + BaseTreeControl.prototype.collapse = /** + * Collapses one single data node. + * @param {?} dataNode + * @return {?} + */ + function (dataNode) { + this.expansionModel.deselect(dataNode); + }; + /** Whether a given data node is expanded or not. Returns true if the data node is expanded. */ + /** + * Whether a given data node is expanded or not. Returns true if the data node is expanded. + * @param {?} dataNode + * @return {?} + */ + BaseTreeControl.prototype.isExpanded = /** + * Whether a given data node is expanded or not. Returns true if the data node is expanded. + * @param {?} dataNode + * @return {?} + */ + function (dataNode) { + return this.expansionModel.isSelected(dataNode); + }; + /** Toggles a subtree rooted at `node` recursively. */ + /** + * Toggles a subtree rooted at `node` recursively. + * @param {?} dataNode + * @return {?} + */ + BaseTreeControl.prototype.toggleDescendants = /** + * Toggles a subtree rooted at `node` recursively. + * @param {?} dataNode + * @return {?} + */ + function (dataNode) { + this.expansionModel.isSelected(dataNode) + ? this.collapseDescendants(dataNode) + : this.expandDescendants(dataNode); + }; + /** Collapse all dataNodes in the tree. */ + /** + * Collapse all dataNodes in the tree. + * @return {?} + */ + BaseTreeControl.prototype.collapseAll = /** + * Collapse all dataNodes in the tree. + * @return {?} + */ + function () { + this.expansionModel.clear(); + }; + /** Expands a subtree rooted at given data node recursively. */ + /** + * Expands a subtree rooted at given data node recursively. + * @param {?} dataNode + * @return {?} + */ + BaseTreeControl.prototype.expandDescendants = /** + * Expands a subtree rooted at given data node recursively. + * @param {?} dataNode + * @return {?} + */ + function (dataNode) { + var _a; + /** @type {?} */ + var toBeProcessed = [dataNode]; + toBeProcessed.push.apply(toBeProcessed, this.getDescendants(dataNode)); + (_a = this.expansionModel).select.apply(_a, toBeProcessed); + }; + /** Collapses a subtree rooted at given data node recursively. */ + /** + * Collapses a subtree rooted at given data node recursively. + * @param {?} dataNode + * @return {?} + */ + BaseTreeControl.prototype.collapseDescendants = /** + * Collapses a subtree rooted at given data node recursively. + * @param {?} dataNode + * @return {?} + */ + function (dataNode) { + var _a; + /** @type {?} */ + var toBeProcessed = [dataNode]; + toBeProcessed.push.apply(toBeProcessed, this.getDescendants(dataNode)); + (_a = this.expansionModel).deselect.apply(_a, toBeProcessed); + }; + return BaseTreeControl; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Flat tree control. Able to expand/collapse a subtree recursively for flattened tree. + * @template T + */ +var /** + * Flat tree control. Able to expand/collapse a subtree recursively for flattened tree. + * @template T + */ +FlatTreeControl = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__extends"])(FlatTreeControl, _super); + /** Construct with flat tree data node functions getLevel and isExpandable. */ + function FlatTreeControl(getLevel, isExpandable) { + var _this = _super.call(this) || this; + _this.getLevel = getLevel; + _this.isExpandable = isExpandable; + return _this; + } + /** + * Gets a list of the data node's subtree of descendent data nodes. + * + * To make this working, the `dataNodes` of the TreeControl must be flattened tree nodes + * with correct levels. + */ + /** + * Gets a list of the data node's subtree of descendent data nodes. + * + * To make this working, the `dataNodes` of the TreeControl must be flattened tree nodes + * with correct levels. + * @param {?} dataNode + * @return {?} + */ + FlatTreeControl.prototype.getDescendants = /** + * Gets a list of the data node's subtree of descendent data nodes. + * + * To make this working, the `dataNodes` of the TreeControl must be flattened tree nodes + * with correct levels. + * @param {?} dataNode + * @return {?} + */ + function (dataNode) { + /** @type {?} */ + var startIndex = this.dataNodes.indexOf(dataNode); + /** @type {?} */ + var results = []; + // Goes through flattened tree nodes in the `dataNodes` array, and get all descendants. + // The level of descendants of a tree node must be greater than the level of the given + // tree node. + // If we reach a node whose level is equal to the level of the tree node, we hit a sibling. + // If we reach a node whose level is greater than the level of the tree node, we hit a + // sibling of an ancestor. + for (var i = startIndex + 1; i < this.dataNodes.length && this.getLevel(dataNode) < this.getLevel(this.dataNodes[i]); i++) { + results.push(this.dataNodes[i]); + } + return results; + }; + /** + * Expands all data nodes in the tree. + * + * To make this working, the `dataNodes` variable of the TreeControl must be set to all flattened + * data nodes of the tree. + */ + /** + * Expands all data nodes in the tree. + * + * To make this working, the `dataNodes` variable of the TreeControl must be set to all flattened + * data nodes of the tree. + * @return {?} + */ + FlatTreeControl.prototype.expandAll = /** + * Expands all data nodes in the tree. + * + * To make this working, the `dataNodes` variable of the TreeControl must be set to all flattened + * data nodes of the tree. + * @return {?} + */ + function () { + var _a; + (_a = this.expansionModel).select.apply(_a, this.dataNodes); + }; + return FlatTreeControl; +}(BaseTreeControl)); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Nested tree control. Able to expand/collapse a subtree recursively for NestedNode type. + * @template T + */ +var /** + * Nested tree control. Able to expand/collapse a subtree recursively for NestedNode type. + * @template T + */ +NestedTreeControl = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__extends"])(NestedTreeControl, _super); + /** Construct with nested tree function getChildren. */ + function NestedTreeControl(getChildren) { + var _this = _super.call(this) || this; + _this.getChildren = getChildren; + return _this; + } + /** + * Expands all dataNodes in the tree. + * + * To make this working, the `dataNodes` variable of the TreeControl must be set to all root level + * data nodes of the tree. + */ + /** + * Expands all dataNodes in the tree. + * + * To make this working, the `dataNodes` variable of the TreeControl must be set to all root level + * data nodes of the tree. + * @return {?} + */ + NestedTreeControl.prototype.expandAll = /** + * Expands all dataNodes in the tree. + * + * To make this working, the `dataNodes` variable of the TreeControl must be set to all root level + * data nodes of the tree. + * @return {?} + */ + function () { + var _this = this; + var _a; + this.expansionModel.clear(); + /** @type {?} */ + var allNodes = this.dataNodes.reduce(function (accumulator, dataNode) { + return accumulator.concat(_this.getDescendants(dataNode), [dataNode]); + }, []); + (_a = this.expansionModel).select.apply(_a, allNodes); + }; + /** Gets a list of descendant dataNodes of a subtree rooted at given data node recursively. */ + /** + * Gets a list of descendant dataNodes of a subtree rooted at given data node recursively. + * @param {?} dataNode + * @return {?} + */ + NestedTreeControl.prototype.getDescendants = /** + * Gets a list of descendant dataNodes of a subtree rooted at given data node recursively. + * @param {?} dataNode + * @return {?} + */ + function (dataNode) { + /** @type {?} */ + var descendants = []; + this._getDescendants(descendants, dataNode); + // Remove the node itself + return descendants.splice(1); + }; + /** A helper function to get descendants recursively. */ + /** + * A helper function to get descendants recursively. + * @protected + * @param {?} descendants + * @param {?} dataNode + * @return {?} + */ + NestedTreeControl.prototype._getDescendants = /** + * A helper function to get descendants recursively. + * @protected + * @param {?} descendants + * @param {?} dataNode + * @return {?} + */ + function (descendants, dataNode) { + var _this = this; + descendants.push(dataNode); + /** @type {?} */ + var childrenNodes = this.getChildren(dataNode); + if (Array.isArray(childrenNodes)) { + childrenNodes.forEach(function (child) { return _this._getDescendants(descendants, child); }); + } + else if (childrenNodes instanceof rxjs__WEBPACK_IMPORTED_MODULE_2__["Observable"]) { + childrenNodes.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["take"])(1), Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(Boolean)).subscribe(function (children) { + children.forEach(function (child) { return _this._getDescendants(descendants, child); }); + }); + } + }; + return NestedTreeControl; +}(BaseTreeControl)); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Injection token used to provide a `CdkTreeNode` to its outlet. + * Used primarily to avoid circular imports. + * \@docs-private + * @type {?} + */ +var CDK_TREE_NODE_OUTLET_NODE = new _angular_core__WEBPACK_IMPORTED_MODULE_4__["InjectionToken"]('CDK_TREE_NODE_OUTLET_NODE'); +/** + * Outlet for nested CdkNode. Put `[cdkTreeNodeOutlet]` on a tag to place children dataNodes + * inside the outlet. + */ +var CdkTreeNodeOutlet = /** @class */ (function () { + function CdkTreeNodeOutlet(viewContainer, _node) { + this.viewContainer = viewContainer; + this._node = _node; + } + CdkTreeNodeOutlet.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Directive"], args: [{ + selector: '[cdkTreeNodeOutlet]' + },] }, + ]; + /** @nocollapse */ + CdkTreeNodeOutlet.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["ViewContainerRef"] }, + { type: undefined, decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Inject"], args: [CDK_TREE_NODE_OUTLET_NODE,] }, { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Optional"] }] } + ]; }; + return CdkTreeNodeOutlet; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Context provided to the tree node component. + * @template T + */ +var /** + * Context provided to the tree node component. + * @template T + */ +CdkTreeNodeOutletContext = /** @class */ (function () { + function CdkTreeNodeOutletContext(data) { + this.$implicit = data; + } + return CdkTreeNodeOutletContext; +}()); +/** + * Data node definition for the CdkTree. + * Captures the node's template and a when predicate that describes when this node should be used. + * @template T + */ +var CdkTreeNodeDef = /** @class */ (function () { + /** @docs-private */ + function CdkTreeNodeDef(template) { + this.template = template; + } + CdkTreeNodeDef.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Directive"], args: [{ + selector: '[cdkTreeNodeDef]', + inputs: [ + 'when: cdkTreeNodeDefWhen' + ], + },] }, + ]; + /** @nocollapse */ + CdkTreeNodeDef.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["TemplateRef"] } + ]; }; + return CdkTreeNodeDef; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * Returns an error to be thrown when there is no usable data. + * \@docs-private + * @return {?} + */ +function getTreeNoValidDataSourceError() { + return Error("A valid data source must be provided."); +} +/** + * Returns an error to be thrown when there are multiple nodes that are missing a when function. + * \@docs-private + * @return {?} + */ +function getTreeMultipleDefaultNodeDefsError() { + return Error("There can only be one default row without a when predicate function."); +} +/** + * Returns an error to be thrown when there are no matching node defs for a particular set of data. + * \@docs-private + * @return {?} + */ +function getTreeMissingMatchingNodeDefError() { + return Error("Could not find a matching node definition for the provided node data."); +} +/** + * Returns an error to be thrown when there are tree control. + * \@docs-private + * @return {?} + */ +function getTreeControlMissingError() { + return Error("Could not find a tree control for the tree."); +} +/** + * Returns an error to be thrown when tree control did not implement functions for flat/nested node. + * \@docs-private + * @return {?} + */ +function getTreeControlFunctionsMissingError() { + return Error("Could not find functions for nested/flat tree in tree control."); +} + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * CDK tree component that connects with a data source to retrieve data of type `T` and renders + * dataNodes with hierarchy. Updates the dataNodes when new data is provided by the data source. + * @template T + */ +var CdkTree = /** @class */ (function () { + function CdkTree(_differs, _changeDetectorRef) { + this._differs = _differs; + this._changeDetectorRef = _changeDetectorRef; + /** + * Subject that emits when the component has been destroyed. + */ + this._onDestroy = new rxjs__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + /** + * Level of nodes + */ + this._levels = new Map(); + // TODO(tinayuangao): Setup a listener for scrolling, emit the calculated view to viewChange. + // Remove the MAX_VALUE in viewChange + /** + * Stream containing the latest information on what rows are being displayed on screen. + * Can be used by the data source to as a heuristic of what data should be provided. + */ + this.viewChange = new rxjs__WEBPACK_IMPORTED_MODULE_2__["BehaviorSubject"]({ start: 0, end: Number.MAX_VALUE }); + } + Object.defineProperty(CdkTree.prototype, "dataSource", { + /** + * Provides a stream containing the latest data array to render. Influenced by the tree's + * stream of view window (what dataNodes are currently on screen). + * Data source can be an observable of data array, or a data array to render. + */ + get: /** + * Provides a stream containing the latest data array to render. Influenced by the tree's + * stream of view window (what dataNodes are currently on screen). + * Data source can be an observable of data array, or a data array to render. + * @return {?} + */ + function () { return this._dataSource; }, + set: /** + * @param {?} dataSource + * @return {?} + */ + function (dataSource) { + if (this._dataSource !== dataSource) { + this._switchDataSource(dataSource); + } + }, + enumerable: true, + configurable: true + }); + /** + * @return {?} + */ + CdkTree.prototype.ngOnInit = /** + * @return {?} + */ + function () { + this._dataDiffer = this._differs.find([]).create(this.trackBy); + if (!this.treeControl) { + throw getTreeControlMissingError(); + } + }; + /** + * @return {?} + */ + CdkTree.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + this._nodeOutlet.viewContainer.clear(); + this._onDestroy.next(); + this._onDestroy.complete(); + if (this._dataSource && typeof ((/** @type {?} */ (this._dataSource))).disconnect === 'function') { + ((/** @type {?} */ (this.dataSource))).disconnect(this); + } + if (this._dataSubscription) { + this._dataSubscription.unsubscribe(); + this._dataSubscription = null; + } + }; + /** + * @return {?} + */ + CdkTree.prototype.ngAfterContentChecked = /** + * @return {?} + */ + function () { + /** @type {?} */ + var defaultNodeDefs = this._nodeDefs.filter(function (def) { return !def.when; }); + if (defaultNodeDefs.length > 1) { + throw getTreeMultipleDefaultNodeDefsError(); + } + this._defaultNodeDef = defaultNodeDefs[0]; + if (this.dataSource && this._nodeDefs && !this._dataSubscription) { + this._observeRenderChanges(); + } + }; + // TODO(tinayuangao): Work on keyboard traversal and actions, make sure it's working for RTL + // and nested trees. + /** + * Switch to the provided data source by resetting the data and unsubscribing from the current + * render change subscription if one exists. If the data source is null, interpret this by + * clearing the node outlet. Otherwise start listening for new data. + */ + // TODO(tinayuangao): Work on keyboard traversal and actions, make sure it's working for RTL + // and nested trees. + /** + * Switch to the provided data source by resetting the data and unsubscribing from the current + * render change subscription if one exists. If the data source is null, interpret this by + * clearing the node outlet. Otherwise start listening for new data. + * @private + * @param {?} dataSource + * @return {?} + */ + CdkTree.prototype._switchDataSource = + // TODO(tinayuangao): Work on keyboard traversal and actions, make sure it's working for RTL + // and nested trees. + /** + * Switch to the provided data source by resetting the data and unsubscribing from the current + * render change subscription if one exists. If the data source is null, interpret this by + * clearing the node outlet. Otherwise start listening for new data. + * @private + * @param {?} dataSource + * @return {?} + */ + function (dataSource) { + if (this._dataSource && typeof ((/** @type {?} */ (this._dataSource))).disconnect === 'function') { + ((/** @type {?} */ (this.dataSource))).disconnect(this); + } + if (this._dataSubscription) { + this._dataSubscription.unsubscribe(); + this._dataSubscription = null; + } + // Remove the all dataNodes if there is now no data source + if (!dataSource) { + this._nodeOutlet.viewContainer.clear(); + } + this._dataSource = dataSource; + if (this._nodeDefs) { + this._observeRenderChanges(); + } + }; + /** Set up a subscription for the data provided by the data source. */ + /** + * Set up a subscription for the data provided by the data source. + * @private + * @return {?} + */ + CdkTree.prototype._observeRenderChanges = /** + * Set up a subscription for the data provided by the data source. + * @private + * @return {?} + */ + function () { + var _this = this; + /** @type {?} */ + var dataStream; + if (Object(_angular_cdk_collections__WEBPACK_IMPORTED_MODULE_0__["isDataSource"])(this._dataSource)) { + dataStream = this._dataSource.connect(this); + } + else if (this._dataSource instanceof rxjs__WEBPACK_IMPORTED_MODULE_2__["Observable"]) { + dataStream = this._dataSource; + } + else if (Array.isArray(this._dataSource)) { + dataStream = Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(this._dataSource); + } + if (dataStream) { + this._dataSubscription = dataStream.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["takeUntil"])(this._onDestroy)) + .subscribe(function (data) { return _this.renderNodeChanges(data); }); + } + else { + throw getTreeNoValidDataSourceError(); + } + }; + /** Check for changes made in the data and render each change (node added/removed/moved). */ + /** + * Check for changes made in the data and render each change (node added/removed/moved). + * @param {?} data + * @param {?=} dataDiffer + * @param {?=} viewContainer + * @param {?=} parentData + * @return {?} + */ + CdkTree.prototype.renderNodeChanges = /** + * Check for changes made in the data and render each change (node added/removed/moved). + * @param {?} data + * @param {?=} dataDiffer + * @param {?=} viewContainer + * @param {?=} parentData + * @return {?} + */ + function (data, dataDiffer, viewContainer, parentData) { + var _this = this; + if (dataDiffer === void 0) { dataDiffer = this._dataDiffer; } + if (viewContainer === void 0) { viewContainer = this._nodeOutlet.viewContainer; } + /** @type {?} */ + var changes = dataDiffer.diff(data); + if (!changes) { + return; + } + changes.forEachOperation(function (item, adjustedPreviousIndex, currentIndex) { + if (item.previousIndex == null) { + _this.insertNode(data[(/** @type {?} */ (currentIndex))], (/** @type {?} */ (currentIndex)), viewContainer, parentData); + } + else if (currentIndex == null) { + viewContainer.remove((/** @type {?} */ (adjustedPreviousIndex))); + _this._levels.delete(item.item); + } + else { + /** @type {?} */ + var view = viewContainer.get((/** @type {?} */ (adjustedPreviousIndex))); + viewContainer.move((/** @type {?} */ (view)), currentIndex); + } + }); + this._changeDetectorRef.detectChanges(); + }; + /** + * Finds the matching node definition that should be used for this node data. If there is only + * one node definition, it is returned. Otherwise, find the node definition that has a when + * predicate that returns true with the data. If none return true, return the default node + * definition. + */ + /** + * Finds the matching node definition that should be used for this node data. If there is only + * one node definition, it is returned. Otherwise, find the node definition that has a when + * predicate that returns true with the data. If none return true, return the default node + * definition. + * @param {?} data + * @param {?} i + * @return {?} + */ + CdkTree.prototype._getNodeDef = /** + * Finds the matching node definition that should be used for this node data. If there is only + * one node definition, it is returned. Otherwise, find the node definition that has a when + * predicate that returns true with the data. If none return true, return the default node + * definition. + * @param {?} data + * @param {?} i + * @return {?} + */ + function (data, i) { + if (this._nodeDefs.length === 1) { + return this._nodeDefs.first; + } + /** @type {?} */ + var nodeDef = this._nodeDefs.find(function (def) { return def.when && def.when(i, data); }) || this._defaultNodeDef; + if (!nodeDef) { + throw getTreeMissingMatchingNodeDefError(); + } + return nodeDef; + }; + /** + * Create the embedded view for the data node template and place it in the correct index location + * within the data node view container. + */ + /** + * Create the embedded view for the data node template and place it in the correct index location + * within the data node view container. + * @param {?} nodeData + * @param {?} index + * @param {?=} viewContainer + * @param {?=} parentData + * @return {?} + */ + CdkTree.prototype.insertNode = /** + * Create the embedded view for the data node template and place it in the correct index location + * within the data node view container. + * @param {?} nodeData + * @param {?} index + * @param {?=} viewContainer + * @param {?=} parentData + * @return {?} + */ + function (nodeData, index, viewContainer, parentData) { + /** @type {?} */ + var node = this._getNodeDef(nodeData, index); + // Node context that will be provided to created embedded view + /** @type {?} */ + var context = new CdkTreeNodeOutletContext(nodeData); + // If the tree is flat tree, then use the `getLevel` function in flat tree control + // Otherwise, use the level of parent node. + if (this.treeControl.getLevel) { + context.level = this.treeControl.getLevel(nodeData); + } + else if (typeof parentData !== 'undefined' && this._levels.has(parentData)) { + context.level = (/** @type {?} */ (this._levels.get(parentData))) + 1; + } + else { + context.level = 0; + } + this._levels.set(nodeData, context.level); + // Use default tree nodeOutlet, or nested node's nodeOutlet + /** @type {?} */ + var container = viewContainer ? viewContainer : this._nodeOutlet.viewContainer; + container.createEmbeddedView(node.template, context, index); + // Set the data to just created `CdkTreeNode`. + // The `CdkTreeNode` created from `createEmbeddedView` will be saved in static variable + // `mostRecentTreeNode`. We get it from static variable and pass the node data to it. + if (CdkTreeNode.mostRecentTreeNode) { + CdkTreeNode.mostRecentTreeNode.data = nodeData; + } + }; + CdkTree.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Component"], args: [{selector: 'cdk-tree', + exportAs: 'cdkTree', + template: "", + host: { + 'class': 'cdk-tree', + 'role': 'tree', + }, + encapsulation: _angular_core__WEBPACK_IMPORTED_MODULE_4__["ViewEncapsulation"].None, + // The "OnPush" status for the `CdkTree` component is effectively a noop, so we are removing it. + // The view for `CdkTree` consists entirely of templates declared in other views. As they are + // declared elsewhere, they are checked when their declaration points are checked. + // tslint:disable-next-line:validate-decorators + changeDetection: _angular_core__WEBPACK_IMPORTED_MODULE_4__["ChangeDetectionStrategy"].Default + },] }, + ]; + /** @nocollapse */ + CdkTree.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["IterableDiffers"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["ChangeDetectorRef"] } + ]; }; + CdkTree.propDecorators = { + dataSource: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Input"] }], + treeControl: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Input"] }], + trackBy: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Input"] }], + _nodeOutlet: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["ViewChild"], args: [CdkTreeNodeOutlet,] }], + _nodeDefs: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["ContentChildren"], args: [CdkTreeNodeDef,] }] + }; + return CdkTree; +}()); +/** + * Tree node for CdkTree. It contains the data in the tree node. + * @template T + */ +var CdkTreeNode = /** @class */ (function () { + function CdkTreeNode(_elementRef, _tree) { + this._elementRef = _elementRef; + this._tree = _tree; + /** + * Subject that emits when the component has been destroyed. + */ + this._destroyed = new rxjs__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + /** + * Emits when the node's data has changed. + */ + this._dataChanges = new rxjs__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + /** + * The role of the node should be 'group' if it's an internal node, + * and 'treeitem' if it's a leaf node. + */ + this.role = 'treeitem'; + CdkTreeNode.mostRecentTreeNode = (/** @type {?} */ (this)); + } + Object.defineProperty(CdkTreeNode.prototype, "data", { + /** The tree node's data. */ + get: /** + * The tree node's data. + * @return {?} + */ + function () { return this._data; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { + if (value !== this._data) { + this._data = value; + this._setRoleFromData(); + this._dataChanges.next(); + } + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkTreeNode.prototype, "isExpanded", { + get: /** + * @return {?} + */ + function () { + return this._tree.treeControl.isExpanded(this._data); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkTreeNode.prototype, "level", { + get: /** + * @return {?} + */ + function () { + return this._tree.treeControl.getLevel ? this._tree.treeControl.getLevel(this._data) : 0; + }, + enumerable: true, + configurable: true + }); + /** + * @return {?} + */ + CdkTreeNode.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + // If this is the last tree node being destroyed, + // clear out the reference to avoid leaking memory. + if (CdkTreeNode.mostRecentTreeNode === this) { + CdkTreeNode.mostRecentTreeNode = null; + } + this._dataChanges.complete(); + this._destroyed.next(); + this._destroyed.complete(); + }; + /** Focuses the menu item. Implements for FocusableOption. */ + /** + * Focuses the menu item. Implements for FocusableOption. + * @return {?} + */ + CdkTreeNode.prototype.focus = /** + * Focuses the menu item. Implements for FocusableOption. + * @return {?} + */ + function () { + this._elementRef.nativeElement.focus(); + }; + /** + * @protected + * @return {?} + */ + CdkTreeNode.prototype._setRoleFromData = /** + * @protected + * @return {?} + */ + function () { + var _this = this; + if (this._tree.treeControl.isExpandable) { + this.role = this._tree.treeControl.isExpandable(this._data) ? 'group' : 'treeitem'; + } + else { + if (!this._tree.treeControl.getChildren) { + throw getTreeControlFunctionsMissingError(); + } + /** @type {?} */ + var childrenNodes = this._tree.treeControl.getChildren(this._data); + if (Array.isArray(childrenNodes)) { + this._setRoleFromChildren((/** @type {?} */ (childrenNodes))); + } + else if (childrenNodes instanceof rxjs__WEBPACK_IMPORTED_MODULE_2__["Observable"]) { + childrenNodes.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["takeUntil"])(this._destroyed)) + .subscribe(function (children) { return _this._setRoleFromChildren(children); }); + } + } + }; + /** + * @protected + * @param {?} children + * @return {?} + */ + CdkTreeNode.prototype._setRoleFromChildren = /** + * @protected + * @param {?} children + * @return {?} + */ + function (children) { + this.role = children && children.length ? 'group' : 'treeitem'; + }; + /** + * The most recently created `CdkTreeNode`. We save it in static variable so we can retrieve it + * in `CdkTree` and set the data to it. + */ + CdkTreeNode.mostRecentTreeNode = null; + CdkTreeNode.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Directive"], args: [{ + selector: 'cdk-tree-node', + exportAs: 'cdkTreeNode', + host: { + '[attr.aria-expanded]': 'isExpanded', + '[attr.aria-level]': 'role === "treeitem" ? level : null', + '[attr.role]': 'role', + 'class': 'cdk-tree-node', + }, + },] }, + ]; + /** @nocollapse */ + CdkTreeNode.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["ElementRef"] }, + { type: CdkTree } + ]; }; + CdkTreeNode.propDecorators = { + role: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Input"] }] + }; + return CdkTreeNode; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Nested node is a child of ``. It works with nested tree. + * By using `cdk-nested-tree-node` component in tree node template, children of the parent node will + * be added in the `cdkTreeNodeOutlet` in tree node template. + * For example: + * ```html + * + * {{node.name}} + * + * + * ``` + * The children of node will be automatically added to `cdkTreeNodeOutlet`, the result dom will be + * like this: + * ```html + * + * {{node.name}} + * {{child1.name}} + * {{child2.name}} + * + * ``` + * @template T + */ +var CdkNestedTreeNode = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__extends"])(CdkNestedTreeNode, _super); + function CdkNestedTreeNode(_elementRef, _tree, _differs) { + var _this = _super.call(this, _elementRef, _tree) || this; + _this._elementRef = _elementRef; + _this._tree = _tree; + _this._differs = _differs; + return _this; + } + /** + * @return {?} + */ + CdkNestedTreeNode.prototype.ngAfterContentInit = /** + * @return {?} + */ + function () { + var _this = this; + this._dataDiffer = this._differs.find([]).create(this._tree.trackBy); + if (!this._tree.treeControl.getChildren) { + throw getTreeControlFunctionsMissingError(); + } + /** @type {?} */ + var childrenNodes = this._tree.treeControl.getChildren(this.data); + if (Array.isArray(childrenNodes)) { + this.updateChildrenNodes((/** @type {?} */ (childrenNodes))); + } + else if (childrenNodes instanceof rxjs__WEBPACK_IMPORTED_MODULE_2__["Observable"]) { + childrenNodes.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["takeUntil"])(this._destroyed)) + .subscribe(function (result) { return _this.updateChildrenNodes(result); }); + } + this.nodeOutlet.changes.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["takeUntil"])(this._destroyed)) + .subscribe(function () { return _this.updateChildrenNodes(); }); + }; + /** + * @return {?} + */ + CdkNestedTreeNode.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + this._clear(); + _super.prototype.ngOnDestroy.call(this); + }; + /** Add children dataNodes to the NodeOutlet */ + /** + * Add children dataNodes to the NodeOutlet + * @protected + * @param {?=} children + * @return {?} + */ + CdkNestedTreeNode.prototype.updateChildrenNodes = /** + * Add children dataNodes to the NodeOutlet + * @protected + * @param {?=} children + * @return {?} + */ + function (children) { + /** @type {?} */ + var outlet = this._getNodeOutlet(); + if (children) { + this._children = children; + } + if (outlet && this._children) { + /** @type {?} */ + var viewContainer = outlet.viewContainer; + this._tree.renderNodeChanges(this._children, this._dataDiffer, viewContainer, this._data); + } + else { + // Reset the data differ if there's no children nodes displayed + this._dataDiffer.diff([]); + } + }; + /** Clear the children dataNodes. */ + /** + * Clear the children dataNodes. + * @protected + * @return {?} + */ + CdkNestedTreeNode.prototype._clear = /** + * Clear the children dataNodes. + * @protected + * @return {?} + */ + function () { + /** @type {?} */ + var outlet = this._getNodeOutlet(); + if (outlet) { + outlet.viewContainer.clear(); + this._dataDiffer.diff([]); + } + }; + /** Gets the outlet for the current node. */ + /** + * Gets the outlet for the current node. + * @private + * @return {?} + */ + CdkNestedTreeNode.prototype._getNodeOutlet = /** + * Gets the outlet for the current node. + * @private + * @return {?} + */ + function () { + var _this = this; + /** @type {?} */ + var outlets = this.nodeOutlet; + if (outlets) { + // Note that since we use `descendants: true` on the query, we have to ensure + // that we don't pick up the outlet of a child node by accident. + return outlets.find(function (outlet) { return !outlet._node || outlet._node === _this; }); + } + }; + CdkNestedTreeNode.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Directive"], args: [{ + selector: 'cdk-nested-tree-node', + exportAs: 'cdkNestedTreeNode', + host: { + '[attr.aria-expanded]': 'isExpanded', + '[attr.role]': 'role', + 'class': 'cdk-tree-node cdk-nested-tree-node', + }, + providers: [ + { provide: CdkTreeNode, useExisting: CdkNestedTreeNode }, + { provide: CDK_TREE_NODE_OUTLET_NODE, useExisting: CdkNestedTreeNode } + ] + },] }, + ]; + /** @nocollapse */ + CdkNestedTreeNode.ctorParameters = function () { return [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["ElementRef"] }, + { type: CdkTree }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["IterableDiffers"] } + ]; }; + CdkNestedTreeNode.propDecorators = { + nodeOutlet: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["ContentChildren"], args: [CdkTreeNodeOutlet, { + // We need to use `descendants: true`, because Ivy will no longer match + // indirect descendants if it's left as false. + descendants: true + },] }] + }; + return CdkNestedTreeNode; +}(CdkTreeNode)); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Regex used to split a string on its CSS units. + * @type {?} + */ +var cssUnitPattern = /([A-Za-z%]+)$/; +/** + * Indent for the children tree dataNodes. + * This directive will add left-padding to the node to show hierarchy. + * @template T + */ +var CdkTreeNodePadding = /** @class */ (function () { + function CdkTreeNodePadding(_treeNode, _tree, _renderer, _element, _dir) { + var _this = this; + this._treeNode = _treeNode; + this._tree = _tree; + this._renderer = _renderer; + this._element = _element; + this._dir = _dir; + /** + * Subject that emits when the component has been destroyed. + */ + this._destroyed = new rxjs__WEBPACK_IMPORTED_MODULE_2__["Subject"](); + /** + * CSS units used for the indentation value. + */ + this.indentUnits = 'px'; + this._indent = 40; + this._setPadding(); + if (_dir) { + _dir.change.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["takeUntil"])(this._destroyed)).subscribe(function () { return _this._setPadding(true); }); + } + // In Ivy the indentation binding might be set before the tree node's data has been added, + // which means that we'll miss the first render. We have to subscribe to changes in the + // data to ensure that everything is up to date. + _treeNode._dataChanges.subscribe(function () { return _this._setPadding(); }); + } + Object.defineProperty(CdkTreeNodePadding.prototype, "level", { + /** The level of depth of the tree node. The padding will be `level * indent` pixels. */ + get: /** + * The level of depth of the tree node. The padding will be `level * indent` pixels. + * @return {?} + */ + function () { return this._level; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { + this._level = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_6__["coerceNumberProperty"])(value); + this._setPadding(); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(CdkTreeNodePadding.prototype, "indent", { + /** + * The indent for each level. Can be a number or a CSS string. + * Default number 40px from material design menu sub-menu spec. + */ + get: /** + * The indent for each level. Can be a number or a CSS string. + * Default number 40px from material design menu sub-menu spec. + * @return {?} + */ + function () { return this._indent; }, + set: /** + * @param {?} indent + * @return {?} + */ + function (indent) { + /** @type {?} */ + var value = indent; + /** @type {?} */ + var units = 'px'; + if (typeof indent === 'string') { + /** @type {?} */ + var parts = indent.split(cssUnitPattern); + value = parts[0]; + units = parts[1] || units; + } + this.indentUnits = units; + this._indent = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_6__["coerceNumberProperty"])(value); + this._setPadding(); + }, + enumerable: true, + configurable: true + }); + /** + * @return {?} + */ + CdkTreeNodePadding.prototype.ngOnDestroy = /** + * @return {?} + */ + function () { + this._destroyed.next(); + this._destroyed.complete(); + }; + /** The padding indent value for the tree node. Returns a string with px numbers if not null. */ + /** + * The padding indent value for the tree node. Returns a string with px numbers if not null. + * @return {?} + */ + CdkTreeNodePadding.prototype._paddingIndent = /** + * The padding indent value for the tree node. Returns a string with px numbers if not null. + * @return {?} + */ + function () { + /** @type {?} */ + var nodeLevel = (this._treeNode.data && this._tree.treeControl.getLevel) + ? this._tree.treeControl.getLevel(this._treeNode.data) + : null; + /** @type {?} */ + var level = this._level || nodeLevel; + return level ? "" + level * this._indent + this.indentUnits : null; + }; + /** + * @param {?=} forceChange + * @return {?} + */ + CdkTreeNodePadding.prototype._setPadding = /** + * @param {?=} forceChange + * @return {?} + */ + function (forceChange) { + if (forceChange === void 0) { forceChange = false; } + /** @type {?} */ + var padding = this._paddingIndent(); + if (padding !== this._currentPadding || forceChange) { + /** @type {?} */ + var element = this._element.nativeElement; + /** @type {?} */ + var paddingProp = this._dir && this._dir.value === 'rtl' ? 'paddingRight' : 'paddingLeft'; + /** @type {?} */ + var resetProp = paddingProp === 'paddingLeft' ? 'paddingRight' : 'paddingLeft'; + this._renderer.setStyle(element, paddingProp, padding); + this._renderer.setStyle(element, resetProp, null); + this._currentPadding = padding; + } + }; + CdkTreeNodePadding.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Directive"], args: [{ + selector: '[cdkTreeNodePadding]', + },] }, + ]; + /** @nocollapse */ + CdkTreeNodePadding.ctorParameters = function () { return [ + { type: CdkTreeNode }, + { type: CdkTree }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Renderer2"] }, + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["ElementRef"] }, + { type: _angular_cdk_bidi__WEBPACK_IMPORTED_MODULE_5__["Directionality"], decorators: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Optional"] }] } + ]; }; + CdkTreeNodePadding.propDecorators = { + level: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Input"], args: ['cdkTreeNodePadding',] }], + indent: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Input"], args: ['cdkTreeNodePaddingIndent',] }] + }; + return CdkTreeNodePadding; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** + * Node toggle to expand/collapse the node. + * @template T + */ +var CdkTreeNodeToggle = /** @class */ (function () { + function CdkTreeNodeToggle(_tree, _treeNode) { + this._tree = _tree; + this._treeNode = _treeNode; + this._recursive = false; + } + Object.defineProperty(CdkTreeNodeToggle.prototype, "recursive", { + /** Whether expand/collapse the node recursively. */ + get: /** + * Whether expand/collapse the node recursively. + * @return {?} + */ + function () { return this._recursive; }, + set: /** + * @param {?} value + * @return {?} + */ + function (value) { this._recursive = Object(_angular_cdk_coercion__WEBPACK_IMPORTED_MODULE_6__["coerceBooleanProperty"])(value); }, + enumerable: true, + configurable: true + }); + // We have to use a `HostListener` here in order to support both Ivy and ViewEngine. + // In Ivy the `host` bindings will be merged when this class is extended, whereas in + // ViewEngine they're overwritten. + // TODO(crisbeto): we move this back into `host` once Ivy is turned on by default. + // tslint:disable-next-line:no-host-decorator-in-concrete + // We have to use a `HostListener` here in order to support both Ivy and ViewEngine. + // In Ivy the `host` bindings will be merged when this class is extended, whereas in + // ViewEngine they're overwritten. + // TODO(crisbeto): we move this back into `host` once Ivy is turned on by default. + // tslint:disable-next-line:no-host-decorator-in-concrete + /** + * @param {?} event + * @return {?} + */ + CdkTreeNodeToggle.prototype._toggle = + // We have to use a `HostListener` here in order to support both Ivy and ViewEngine. + // In Ivy the `host` bindings will be merged when this class is extended, whereas in + // ViewEngine they're overwritten. + // TODO(crisbeto): we move this back into `host` once Ivy is turned on by default. + // tslint:disable-next-line:no-host-decorator-in-concrete + /** + * @param {?} event + * @return {?} + */ + function (event) { + this.recursive + ? this._tree.treeControl.toggleDescendants(this._treeNode.data) + : this._tree.treeControl.toggle(this._treeNode.data); + event.stopPropagation(); + }; + CdkTreeNodeToggle.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Directive"], args: [{ selector: '[cdkTreeNodeToggle]' },] }, + ]; + /** @nocollapse */ + CdkTreeNodeToggle.ctorParameters = function () { return [ + { type: CdkTree }, + { type: CdkTreeNode } + ]; }; + CdkTreeNodeToggle.propDecorators = { + recursive: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["Input"], args: ['cdkTreeNodeToggleRecursive',] }], + _toggle: [{ type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["HostListener"], args: ['click', ['$event'],] }] + }; + return CdkTreeNodeToggle; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ +/** @type {?} */ +var EXPORTED_DECLARATIONS = [ + CdkNestedTreeNode, + CdkTreeNodeDef, + CdkTreeNodePadding, + CdkTreeNodeToggle, + CdkTree, + CdkTreeNode, + CdkTreeNodeOutlet, +]; +var CdkTreeModule = /** @class */ (function () { + function CdkTreeModule() { + } + CdkTreeModule.decorators = [ + { type: _angular_core__WEBPACK_IMPORTED_MODULE_4__["NgModule"], args: [{ + imports: [_angular_common__WEBPACK_IMPORTED_MODULE_8__["CommonModule"]], + exports: EXPORTED_DECLARATIONS, + declarations: EXPORTED_DECLARATIONS, + providers: [_angular_cdk_a11y__WEBPACK_IMPORTED_MODULE_7__["FocusMonitor"], CdkTreeNodeDef] + },] }, + ]; + return CdkTreeModule; +}()); + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + +/** + * @fileoverview added by tsickle + * @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc + */ + + +//# sourceMappingURL=tree.es5.js.map + + +/***/ }), + +/***/ "./node_modules/@angular/common/fesm5/common.js": +/*!******************************************************!*\ + !*** ./node_modules/@angular/common/fesm5/common.js ***! + \******************************************************/ +/*! exports provided: ɵangular_packages_common_common_e, ɵangular_packages_common_common_d, ɵangular_packages_common_common_a, ɵangular_packages_common_common_b, ɵangular_packages_common_common_g, ɵangular_packages_common_common_f, ɵregisterLocaleData, registerLocaleData, formatDate, formatCurrency, formatNumber, formatPercent, NgLocaleLocalization, NgLocalization, Plural, NumberFormatStyle, FormStyle, TranslationWidth, FormatWidth, NumberSymbol, WeekDay, getNumberOfCurrencyDigits, getCurrencySymbol, getLocaleDayPeriods, getLocaleDayNames, getLocaleMonthNames, getLocaleId, getLocaleEraNames, getLocaleWeekEndRange, getLocaleFirstDayOfWeek, getLocaleDateFormat, getLocaleDateTimeFormat, getLocaleExtraDayPeriodRules, getLocaleExtraDayPeriods, getLocalePluralCase, getLocaleTimeFormat, getLocaleNumberSymbol, getLocaleNumberFormat, getLocaleCurrencyName, getLocaleCurrencySymbol, ɵparseCookieValue, CommonModule, DeprecatedI18NPipesModule, NgClass, NgForOf, NgForOfContext, NgIf, NgIfContext, NgPlural, NgPluralCase, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet, NgComponentOutlet, DOCUMENT, AsyncPipe, DatePipe, I18nPluralPipe, I18nSelectPipe, JsonPipe, LowerCasePipe, CurrencyPipe, DecimalPipe, PercentPipe, SlicePipe, UpperCasePipe, TitleCasePipe, KeyValuePipe, DeprecatedDatePipe, DeprecatedCurrencyPipe, DeprecatedDecimalPipe, DeprecatedPercentPipe, ɵPLATFORM_BROWSER_ID, ɵPLATFORM_SERVER_ID, ɵPLATFORM_WORKER_APP_ID, ɵPLATFORM_WORKER_UI_ID, isPlatformBrowser, isPlatformServer, isPlatformWorkerApp, isPlatformWorkerUi, VERSION, ViewportScroller, ɵNullViewportScroller, PlatformLocation, LOCATION_INITIALIZED, LocationStrategy, APP_BASE_HREF, HashLocationStrategy, PathLocationStrategy, Location */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_common_e", function() { return COMMON_DIRECTIVES; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_common_d", function() { return findLocaleData; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_common_a", function() { return DEPRECATED_PLURAL_FN; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_common_b", function() { return getPluralCase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_common_g", function() { return COMMON_DEPRECATED_I18N_PIPES; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_common_f", function() { return COMMON_PIPES; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵregisterLocaleData", function() { return registerLocaleData; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "registerLocaleData", function() { return registerLocaleData; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "formatDate", function() { return formatDate; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "formatCurrency", function() { return formatCurrency; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "formatNumber", function() { return formatNumber; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "formatPercent", function() { return formatPercent; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgLocaleLocalization", function() { return NgLocaleLocalization; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgLocalization", function() { return NgLocalization; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Plural", function() { return Plural; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NumberFormatStyle", function() { return NumberFormatStyle; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormStyle", function() { return FormStyle; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TranslationWidth", function() { return TranslationWidth; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormatWidth", function() { return FormatWidth; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NumberSymbol", function() { return NumberSymbol; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WeekDay", function() { return WeekDay; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getNumberOfCurrencyDigits", function() { return getNumberOfCurrencyDigits; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getCurrencySymbol", function() { return getCurrencySymbol; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleDayPeriods", function() { return getLocaleDayPeriods; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleDayNames", function() { return getLocaleDayNames; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleMonthNames", function() { return getLocaleMonthNames; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleId", function() { return getLocaleId; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleEraNames", function() { return getLocaleEraNames; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleWeekEndRange", function() { return getLocaleWeekEndRange; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleFirstDayOfWeek", function() { return getLocaleFirstDayOfWeek; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleDateFormat", function() { return getLocaleDateFormat; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleDateTimeFormat", function() { return getLocaleDateTimeFormat; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleExtraDayPeriodRules", function() { return getLocaleExtraDayPeriodRules; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleExtraDayPeriods", function() { return getLocaleExtraDayPeriods; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocalePluralCase", function() { return getLocalePluralCase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleTimeFormat", function() { return getLocaleTimeFormat; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleNumberSymbol", function() { return getLocaleNumberSymbol; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleNumberFormat", function() { return getLocaleNumberFormat; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleCurrencyName", function() { return getLocaleCurrencyName; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLocaleCurrencySymbol", function() { return getLocaleCurrencySymbol; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵparseCookieValue", function() { return parseCookieValue; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CommonModule", function() { return CommonModule; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeprecatedI18NPipesModule", function() { return DeprecatedI18NPipesModule; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgClass", function() { return NgClass; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgForOf", function() { return NgForOf; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgForOfContext", function() { return NgForOfContext; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgIf", function() { return NgIf; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgIfContext", function() { return NgIfContext; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgPlural", function() { return NgPlural; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgPluralCase", function() { return NgPluralCase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgStyle", function() { return NgStyle; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgSwitch", function() { return NgSwitch; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgSwitchCase", function() { return NgSwitchCase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgSwitchDefault", function() { return NgSwitchDefault; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgTemplateOutlet", function() { return NgTemplateOutlet; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NgComponentOutlet", function() { return NgComponentOutlet; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DOCUMENT", function() { return DOCUMENT; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AsyncPipe", function() { return AsyncPipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DatePipe", function() { return DatePipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "I18nPluralPipe", function() { return I18nPluralPipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "I18nSelectPipe", function() { return I18nSelectPipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "JsonPipe", function() { return JsonPipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LowerCasePipe", function() { return LowerCasePipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CurrencyPipe", function() { return CurrencyPipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DecimalPipe", function() { return DecimalPipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PercentPipe", function() { return PercentPipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SlicePipe", function() { return SlicePipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UpperCasePipe", function() { return UpperCasePipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TitleCasePipe", function() { return TitleCasePipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "KeyValuePipe", function() { return KeyValuePipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeprecatedDatePipe", function() { return DeprecatedDatePipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeprecatedCurrencyPipe", function() { return DeprecatedCurrencyPipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeprecatedDecimalPipe", function() { return DeprecatedDecimalPipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeprecatedPercentPipe", function() { return DeprecatedPercentPipe; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵPLATFORM_BROWSER_ID", function() { return PLATFORM_BROWSER_ID; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵPLATFORM_SERVER_ID", function() { return PLATFORM_SERVER_ID; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵPLATFORM_WORKER_APP_ID", function() { return PLATFORM_WORKER_APP_ID; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵPLATFORM_WORKER_UI_ID", function() { return PLATFORM_WORKER_UI_ID; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isPlatformBrowser", function() { return isPlatformBrowser; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isPlatformServer", function() { return isPlatformServer; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isPlatformWorkerApp", function() { return isPlatformWorkerApp; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isPlatformWorkerUi", function() { return isPlatformWorkerUi; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VERSION", function() { return VERSION; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ViewportScroller", function() { return ViewportScroller; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵNullViewportScroller", function() { return NullViewportScroller; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlatformLocation", function() { return PlatformLocation; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LOCATION_INITIALIZED", function() { return LOCATION_INITIALIZED; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LocationStrategy", function() { return LocationStrategy; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "APP_BASE_HREF", function() { return APP_BASE_HREF; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HashLocationStrategy", function() { return HashLocationStrategy; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PathLocationStrategy", function() { return PathLocationStrategy; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Location", function() { return Location; }); +/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js"); +/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js"); +/** + * @license Angular v7.2.13 + * (c) 2010-2019 Google LLC. https://angular.io/ + * License: MIT + */ + + + + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * This class should not be used directly by an application developer. Instead, use + * {@link Location}. + * + * `PlatformLocation` encapsulates all calls to DOM apis, which allows the Router to be platform + * agnostic. + * This means that we can have different implementation of `PlatformLocation` for the different + * platforms that angular supports. For example, `@angular/platform-browser` provides an + * implementation specific to the browser environment, while `@angular/platform-webworker` provides + * one suitable for use with web workers. + * + * The `PlatformLocation` class is used directly by all implementations of {@link LocationStrategy} + * when they need to interact with the DOM apis like pushState, popState, etc... + * + * {@link LocationStrategy} in turn is used by the {@link Location} service which is used directly + * by the {@link Router} in order to navigate between routes. Since all interactions between {@link + * Router} / + * {@link Location} / {@link LocationStrategy} and DOM apis flow through the `PlatformLocation` + * class they are all platform independent. + * + * @publicApi + */ +var PlatformLocation = /** @class */ (function () { + function PlatformLocation() { + } + return PlatformLocation; +}()); +/** + * @description + * Indicates when a location is initialized. + * + * @publicApi + */ +var LOCATION_INITIALIZED = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["InjectionToken"]('Location Initialized'); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * `LocationStrategy` is responsible for representing and reading route state + * from the browser's URL. Angular provides two strategies: + * {@link HashLocationStrategy} and {@link PathLocationStrategy}. + * + * This is used under the hood of the {@link Location} service. + * + * Applications should use the {@link Router} or {@link Location} services to + * interact with application route state. + * + * For instance, {@link HashLocationStrategy} produces URLs like + * `http://example.com#/foo`, and {@link PathLocationStrategy} produces + * `http://example.com/foo` as an equivalent URL. + * + * See these two classes for more. + * + * @publicApi + */ +var LocationStrategy = /** @class */ (function () { + function LocationStrategy() { + } + return LocationStrategy; +}()); +/** + * A predefined [DI token](guide/glossary#di-token) for the base href + * to be used with the `PathLocationStrategy`. + * The base href is the URL prefix that should be preserved when generating + * and recognizing URLs. + * + * @usageNotes + * + * The following example shows how to use this token to configure the root app injector + * with a base href value, so that the DI framework can supply the dependency anywhere in the app. + * + * ```typescript + * import {Component, NgModule} from '@angular/core'; + * import {APP_BASE_HREF} from '@angular/common'; + * + * @NgModule({ + * providers: [{provide: APP_BASE_HREF, useValue: '/my/app'}] + * }) + * class AppModule {} + * ``` + * + * @publicApi + */ +var APP_BASE_HREF = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["InjectionToken"]('appBaseHref'); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @description + * + * A service that applications can use to interact with a browser's URL. + * + * Depending on the {@link LocationStrategy} used, `Location` will either persist + * to the URL's path or the URL's hash segment. + * + * @usageNotes + * + * It's better to use the {@link Router#navigate} service to trigger route changes. Use + * `Location` only if you need to interact with or create normalized URLs outside of + * routing. + * + * `Location` is responsible for normalizing the URL against the application's base href. + * A normalized URL is absolute from the URL host, includes the application's base href, and has no + * trailing slash: + * - `/my/app/user/123` is normalized + * - `my/app/user/123` **is not** normalized + * - `/my/app/user/123/` **is not** normalized + * + * ### Example + * + * {@example common/location/ts/path_location_component.ts region='LocationComponent'} + * + * @publicApi + */ +var Location = /** @class */ (function () { + function Location(platformStrategy) { + var _this = this; + /** @internal */ + this._subject = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"](); + this._platformStrategy = platformStrategy; + var browserBaseHref = this._platformStrategy.getBaseHref(); + this._baseHref = Location_1.stripTrailingSlash(_stripIndexHtml(browserBaseHref)); + this._platformStrategy.onPopState(function (ev) { + _this._subject.emit({ + 'url': _this.path(true), + 'pop': true, + 'state': ev.state, + 'type': ev.type, + }); + }); + } + Location_1 = Location; + /** + * Returns the normalized URL path. + * + * @param includeHash Whether path has an anchor fragment. + * + * @returns The normalized URL path. + */ + // TODO: vsavkin. Remove the boolean flag and always include hash once the deprecated router is + // removed. + Location.prototype.path = function (includeHash) { + if (includeHash === void 0) { includeHash = false; } + return this.normalize(this._platformStrategy.path(includeHash)); + }; + /** + * Normalizes the given path and compares to the current normalized path. + * + * @param path The given URL path + * @param query Query parameters + * + * @returns `true` if the given URL path is equal to the current normalized path, `false` + * otherwise. + */ + Location.prototype.isCurrentPathEqualTo = function (path, query) { + if (query === void 0) { query = ''; } + return this.path() == this.normalize(path + Location_1.normalizeQueryParams(query)); + }; + /** + * Given a string representing a URL, returns the URL path after stripping the + * trailing slashes. + * + * @param url String representing a URL. + * + * @returns Normalized URL string. + */ + Location.prototype.normalize = function (url) { + return Location_1.stripTrailingSlash(_stripBaseHref(this._baseHref, _stripIndexHtml(url))); + }; + /** + * Given a string representing a URL, returns the platform-specific external URL path. + * If the given URL doesn't begin with a leading slash (`'/'`), this method adds one + * before normalizing. This method also adds a hash if `HashLocationStrategy` is + * used, or the `APP_BASE_HREF` if the `PathLocationStrategy` is in use. + * + * + * @param url String representing a URL. + * + * @returns A normalized platform-specific URL. + */ + Location.prototype.prepareExternalUrl = function (url) { + if (url && url[0] !== '/') { + url = '/' + url; + } + return this._platformStrategy.prepareExternalUrl(url); + }; + // TODO: rename this method to pushState + /** + * Changes the browsers URL to a normalized version of the given URL, and pushes a + * new item onto the platform's history. + * + * @param path URL path to normalizze + * @param query Query parameters + * @param state Location history state + * + */ + Location.prototype.go = function (path, query, state) { + if (query === void 0) { query = ''; } + if (state === void 0) { state = null; } + this._platformStrategy.pushState(state, '', path, query); + }; + /** + * Changes the browser's URL to a normalized version of the given URL, and replaces + * the top item on the platform's history stack. + * + * @param path URL path to normalizze + * @param query Query parameters + * @param state Location history state + */ + Location.prototype.replaceState = function (path, query, state) { + if (query === void 0) { query = ''; } + if (state === void 0) { state = null; } + this._platformStrategy.replaceState(state, '', path, query); + }; + /** + * Navigates forward in the platform's history. + */ + Location.prototype.forward = function () { this._platformStrategy.forward(); }; + /** + * Navigates back in the platform's history. + */ + Location.prototype.back = function () { this._platformStrategy.back(); }; + /** + * Subscribe to the platform's `popState` events. + * + * @param value Event that is triggered when the state history changes. + * @param exception The exception to throw. + * + * @returns Subscribed events. + */ + Location.prototype.subscribe = function (onNext, onThrow, onReturn) { + return this._subject.subscribe({ next: onNext, error: onThrow, complete: onReturn }); + }; + /** + * Given a string of url parameters, prepend with `?` if needed, otherwise return the + * parameters as is. + * + * @param params String of URL parameters + * + * @returns URL parameters prepended with `?` or the parameters as is. + */ + Location.normalizeQueryParams = function (params) { + return params && params[0] !== '?' ? '?' + params : params; + }; + /** + * Given 2 parts of a URL, join them with a slash if needed. + * + * @param start URL string + * @param end URL string + * + * + * @returns Given URL strings joined with a slash, if needed. + */ + Location.joinWithSlash = function (start, end) { + if (start.length == 0) { + return end; + } + if (end.length == 0) { + return start; + } + var slashes = 0; + if (start.endsWith('/')) { + slashes++; + } + if (end.startsWith('/')) { + slashes++; + } + if (slashes == 2) { + return start + end.substring(1); + } + if (slashes == 1) { + return start + end; + } + return start + '/' + end; + }; + /** + * If URL has a trailing slash, remove it, otherwise return the URL as is. The + * method looks for the first occurrence of either `#`, `?`, or the end of the + * line as `/` characters and removes the trailing slash if one exists. + * + * @param url URL string + * + * @returns Returns a URL string after removing the trailing slash if one exists, otherwise + * returns the string as is. + */ + Location.stripTrailingSlash = function (url) { + var match = url.match(/#|\?|$/); + var pathEndIdx = match && match.index || url.length; + var droppedSlashIdx = pathEndIdx - (url[pathEndIdx - 1] === '/' ? 1 : 0); + return url.slice(0, droppedSlashIdx) + url.slice(pathEndIdx); + }; + var Location_1; + Location = Location_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [LocationStrategy]) + ], Location); + return Location; +}()); +function _stripBaseHref(baseHref, url) { + return baseHref && url.startsWith(baseHref) ? url.substring(baseHref.length) : url; +} +function _stripIndexHtml(url) { + return url.replace(/\/index.html$/, ''); +} + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @description + * A {@link LocationStrategy} used to configure the {@link Location} service to + * represent its state in the + * [hash fragment](https://en.wikipedia.org/wiki/Uniform_Resource_Locator#Syntax) + * of the browser's URL. + * + * For instance, if you call `location.go('/foo')`, the browser's URL will become + * `example.com#/foo`. + * + * @usageNotes + * + * ### Example + * + * {@example common/location/ts/hash_location_component.ts region='LocationComponent'} + * + * @publicApi + */ +var HashLocationStrategy = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__extends"])(HashLocationStrategy, _super); + function HashLocationStrategy(_platformLocation, _baseHref) { + var _this = _super.call(this) || this; + _this._platformLocation = _platformLocation; + _this._baseHref = ''; + if (_baseHref != null) { + _this._baseHref = _baseHref; + } + return _this; + } + HashLocationStrategy.prototype.onPopState = function (fn) { + this._platformLocation.onPopState(fn); + this._platformLocation.onHashChange(fn); + }; + HashLocationStrategy.prototype.getBaseHref = function () { return this._baseHref; }; + HashLocationStrategy.prototype.path = function (includeHash) { + if (includeHash === void 0) { includeHash = false; } + // the hash value is always prefixed with a `#` + // and if it is empty then it will stay empty + var path = this._platformLocation.hash; + if (path == null) + path = '#'; + return path.length > 0 ? path.substring(1) : path; + }; + HashLocationStrategy.prototype.prepareExternalUrl = function (internal) { + var url = Location.joinWithSlash(this._baseHref, internal); + return url.length > 0 ? ('#' + url) : url; + }; + HashLocationStrategy.prototype.pushState = function (state, title, path, queryParams) { + var url = this.prepareExternalUrl(path + Location.normalizeQueryParams(queryParams)); + if (url.length == 0) { + url = this._platformLocation.pathname; + } + this._platformLocation.pushState(state, title, url); + }; + HashLocationStrategy.prototype.replaceState = function (state, title, path, queryParams) { + var url = this.prepareExternalUrl(path + Location.normalizeQueryParams(queryParams)); + if (url.length == 0) { + url = this._platformLocation.pathname; + } + this._platformLocation.replaceState(state, title, url); + }; + HashLocationStrategy.prototype.forward = function () { this._platformLocation.forward(); }; + HashLocationStrategy.prototype.back = function () { this._platformLocation.back(); }; + HashLocationStrategy = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(1, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Optional"])()), Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(1, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(APP_BASE_HREF)), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [PlatformLocation, String]) + ], HashLocationStrategy); + return HashLocationStrategy; +}(LocationStrategy)); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @description + * A {@link LocationStrategy} used to configure the {@link Location} service to + * represent its state in the + * [path](https://en.wikipedia.org/wiki/Uniform_Resource_Locator#Syntax) of the + * browser's URL. + * + * If you're using `PathLocationStrategy`, you must provide a {@link APP_BASE_HREF} + * or add a base element to the document. This URL prefix that will be preserved + * when generating and recognizing URLs. + * + * For instance, if you provide an `APP_BASE_HREF` of `'/my/app'` and call + * `location.go('/foo')`, the browser's URL will become + * `example.com/my/app/foo`. + * + * Similarly, if you add `` to the document and call + * `location.go('/foo')`, the browser's URL will become + * `example.com/my/app/foo`. + * + * @usageNotes + * + * ### Example + * + * {@example common/location/ts/path_location_component.ts region='LocationComponent'} + * + * @publicApi + */ +var PathLocationStrategy = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__extends"])(PathLocationStrategy, _super); + function PathLocationStrategy(_platformLocation, href) { + var _this = _super.call(this) || this; + _this._platformLocation = _platformLocation; + if (href == null) { + href = _this._platformLocation.getBaseHrefFromDOM(); + } + if (href == null) { + throw new Error("No base href set. Please provide a value for the APP_BASE_HREF token or add a base element to the document."); + } + _this._baseHref = href; + return _this; + } + PathLocationStrategy.prototype.onPopState = function (fn) { + this._platformLocation.onPopState(fn); + this._platformLocation.onHashChange(fn); + }; + PathLocationStrategy.prototype.getBaseHref = function () { return this._baseHref; }; + PathLocationStrategy.prototype.prepareExternalUrl = function (internal) { + return Location.joinWithSlash(this._baseHref, internal); + }; + PathLocationStrategy.prototype.path = function (includeHash) { + if (includeHash === void 0) { includeHash = false; } + var pathname = this._platformLocation.pathname + + Location.normalizeQueryParams(this._platformLocation.search); + var hash = this._platformLocation.hash; + return hash && includeHash ? "" + pathname + hash : pathname; + }; + PathLocationStrategy.prototype.pushState = function (state, title, url, queryParams) { + var externalUrl = this.prepareExternalUrl(url + Location.normalizeQueryParams(queryParams)); + this._platformLocation.pushState(state, title, externalUrl); + }; + PathLocationStrategy.prototype.replaceState = function (state, title, url, queryParams) { + var externalUrl = this.prepareExternalUrl(url + Location.normalizeQueryParams(queryParams)); + this._platformLocation.replaceState(state, title, externalUrl); + }; + PathLocationStrategy.prototype.forward = function () { this._platformLocation.forward(); }; + PathLocationStrategy.prototype.back = function () { this._platformLocation.back(); }; + PathLocationStrategy = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(1, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Optional"])()), Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(1, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(APP_BASE_HREF)), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [PlatformLocation, String]) + ], PathLocationStrategy); + return PathLocationStrategy; +}(LocationStrategy)); + +/** + * @license + * Copyright Google Inc. 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 + */ + +/** + * @license + * Copyright Google Inc. 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 + */ +// THIS CODE IS GENERATED - DO NOT MODIFY +// See angular/tools/gulp-tasks/cldr/extract.js +var u = undefined; +function plural(n) { + var i = Math.floor(Math.abs(n)), v = n.toString().replace(/^[^.]*\.?/, '').length; + if (i === 1 && v === 0) + return 1; + return 5; +} +var localeEn = [ + 'en', [['a', 'p'], ['AM', 'PM'], u], [['AM', 'PM'], u, u], + [ + ['S', 'M', 'T', 'W', 'T', 'F', 'S'], ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], + ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], + ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'] + ], + u, + [ + ['J', 'F', 'M', 'A', 'M', 'J', 'J', 'A', 'S', 'O', 'N', 'D'], + ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], + [ + 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', + 'October', 'November', 'December' + ] + ], + u, [['B', 'A'], ['BC', 'AD'], ['Before Christ', 'Anno Domini']], 0, [6, 0], + ['M/d/yy', 'MMM d, y', 'MMMM d, y', 'EEEE, MMMM d, y'], + ['h:mm a', 'h:mm:ss a', 'h:mm:ss a z', 'h:mm:ss a zzzz'], ['{1}, {0}', u, '{1} \'at\' {0}', u], + ['.', ',', ';', '%', '+', '-', 'E', '×', '‰', '∞', 'NaN', ':'], + ['#,##0.###', '#,##0%', '¤#,##0.00', '#E0'], '$', 'US Dollar', {}, plural +]; + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @publicApi + */ +var LOCALE_DATA = {}; +/** + * Register global data to be used internally by Angular. See the + * ["I18n guide"](guide/i18n#i18n-pipes) to know how to import additional locale data. + * + * @publicApi + */ +// The signature registerLocaleData(data: any, extraData?: any) is deprecated since v5.1 +function registerLocaleData(data, localeId, extraData) { + if (typeof localeId !== 'string') { + extraData = localeId; + localeId = data[0 /* LocaleId */]; + } + localeId = localeId.toLowerCase().replace(/_/g, '-'); + LOCALE_DATA[localeId] = data; + if (extraData) { + LOCALE_DATA[localeId][19 /* ExtraData */] = extraData; + } +} + +/** + * @license + * Copyright Google Inc. 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 + */ +/** @internal */ +var CURRENCIES_EN = { + 'ADP': [undefined, undefined, 0], + 'AFN': [undefined, undefined, 0], + 'ALL': [undefined, undefined, 0], + 'AMD': [undefined, undefined, 0], + 'AOA': [undefined, 'Kz'], + 'ARS': [undefined, '$'], + 'AUD': ['A$', '$'], + 'BAM': [undefined, 'KM'], + 'BBD': [undefined, '$'], + 'BDT': [undefined, '৳'], + 'BHD': [undefined, undefined, 3], + 'BIF': [undefined, undefined, 0], + 'BMD': [undefined, '$'], + 'BND': [undefined, '$'], + 'BOB': [undefined, 'Bs'], + 'BRL': ['R$'], + 'BSD': [undefined, '$'], + 'BWP': [undefined, 'P'], + 'BYN': [undefined, 'р.', 2], + 'BYR': [undefined, undefined, 0], + 'BZD': [undefined, '$'], + 'CAD': ['CA$', '$', 2], + 'CHF': [undefined, undefined, 2], + 'CLF': [undefined, undefined, 4], + 'CLP': [undefined, '$', 0], + 'CNY': ['CN¥', '¥'], + 'COP': [undefined, '$', 0], + 'CRC': [undefined, '₡', 2], + 'CUC': [undefined, '$'], + 'CUP': [undefined, '$'], + 'CZK': [undefined, 'Kč', 2], + 'DJF': [undefined, undefined, 0], + 'DKK': [undefined, 'kr', 2], + 'DOP': [undefined, '$'], + 'EGP': [undefined, 'E£'], + 'ESP': [undefined, '₧', 0], + 'EUR': ['€'], + 'FJD': [undefined, '$'], + 'FKP': [undefined, '£'], + 'GBP': ['£'], + 'GEL': [undefined, '₾'], + 'GIP': [undefined, '£'], + 'GNF': [undefined, 'FG', 0], + 'GTQ': [undefined, 'Q'], + 'GYD': [undefined, '$', 0], + 'HKD': ['HK$', '$'], + 'HNL': [undefined, 'L'], + 'HRK': [undefined, 'kn'], + 'HUF': [undefined, 'Ft', 2], + 'IDR': [undefined, 'Rp', 0], + 'ILS': ['₪'], + 'INR': ['₹'], + 'IQD': [undefined, undefined, 0], + 'IRR': [undefined, undefined, 0], + 'ISK': [undefined, 'kr', 0], + 'ITL': [undefined, undefined, 0], + 'JMD': [undefined, '$'], + 'JOD': [undefined, undefined, 3], + 'JPY': ['¥', undefined, 0], + 'KHR': [undefined, '៛'], + 'KMF': [undefined, 'CF', 0], + 'KPW': [undefined, '₩', 0], + 'KRW': ['₩', undefined, 0], + 'KWD': [undefined, undefined, 3], + 'KYD': [undefined, '$'], + 'KZT': [undefined, '₸'], + 'LAK': [undefined, '₭', 0], + 'LBP': [undefined, 'L£', 0], + 'LKR': [undefined, 'Rs'], + 'LRD': [undefined, '$'], + 'LTL': [undefined, 'Lt'], + 'LUF': [undefined, undefined, 0], + 'LVL': [undefined, 'Ls'], + 'LYD': [undefined, undefined, 3], + 'MGA': [undefined, 'Ar', 0], + 'MGF': [undefined, undefined, 0], + 'MMK': [undefined, 'K', 0], + 'MNT': [undefined, '₮', 0], + 'MRO': [undefined, undefined, 0], + 'MUR': [undefined, 'Rs', 0], + 'MXN': ['MX$', '$'], + 'MYR': [undefined, 'RM'], + 'NAD': [undefined, '$'], + 'NGN': [undefined, '₦'], + 'NIO': [undefined, 'C$'], + 'NOK': [undefined, 'kr', 2], + 'NPR': [undefined, 'Rs'], + 'NZD': ['NZ$', '$'], + 'OMR': [undefined, undefined, 3], + 'PHP': [undefined, '₱'], + 'PKR': [undefined, 'Rs', 0], + 'PLN': [undefined, 'zł'], + 'PYG': [undefined, '₲', 0], + 'RON': [undefined, 'lei'], + 'RSD': [undefined, undefined, 0], + 'RUB': [undefined, '₽'], + 'RUR': [undefined, 'р.'], + 'RWF': [undefined, 'RF', 0], + 'SBD': [undefined, '$'], + 'SEK': [undefined, 'kr', 2], + 'SGD': [undefined, '$'], + 'SHP': [undefined, '£'], + 'SLL': [undefined, undefined, 0], + 'SOS': [undefined, undefined, 0], + 'SRD': [undefined, '$'], + 'SSP': [undefined, '£'], + 'STD': [undefined, undefined, 0], + 'STN': [undefined, 'Db'], + 'SYP': [undefined, '£', 0], + 'THB': [undefined, '฿'], + 'TMM': [undefined, undefined, 0], + 'TND': [undefined, undefined, 3], + 'TOP': [undefined, 'T$'], + 'TRL': [undefined, undefined, 0], + 'TRY': [undefined, '₺'], + 'TTD': [undefined, '$'], + 'TWD': ['NT$', '$', 2], + 'TZS': [undefined, undefined, 0], + 'UAH': [undefined, '₴'], + 'UGX': [undefined, undefined, 0], + 'USD': ['$'], + 'UYI': [undefined, undefined, 0], + 'UYU': [undefined, '$'], + 'UZS': [undefined, undefined, 0], + 'VEF': [undefined, 'Bs'], + 'VND': ['₫', undefined, 0], + 'VUV': [undefined, undefined, 0], + 'XAF': ['FCFA', undefined, 0], + 'XCD': ['EC$', '$'], + 'XOF': ['CFA', undefined, 0], + 'XPF': ['CFPF', undefined, 0], + 'YER': [undefined, undefined, 0], + 'ZAR': [undefined, 'R'], + 'ZMK': [undefined, undefined, 0], + 'ZMW': [undefined, 'ZK'], + 'ZWD': [undefined, undefined, 0] +}; + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * Format styles that can be used to represent numbers. + * @see `getLocaleNumberFormat()`. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +var NumberFormatStyle; +(function (NumberFormatStyle) { + NumberFormatStyle[NumberFormatStyle["Decimal"] = 0] = "Decimal"; + NumberFormatStyle[NumberFormatStyle["Percent"] = 1] = "Percent"; + NumberFormatStyle[NumberFormatStyle["Currency"] = 2] = "Currency"; + NumberFormatStyle[NumberFormatStyle["Scientific"] = 3] = "Scientific"; +})(NumberFormatStyle || (NumberFormatStyle = {})); +/** + * Plurality cases used for translating plurals to different languages. + * + * @see `NgPlural` + * @see `NgPluralCase` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi */ +var Plural; +(function (Plural) { + Plural[Plural["Zero"] = 0] = "Zero"; + Plural[Plural["One"] = 1] = "One"; + Plural[Plural["Two"] = 2] = "Two"; + Plural[Plural["Few"] = 3] = "Few"; + Plural[Plural["Many"] = 4] = "Many"; + Plural[Plural["Other"] = 5] = "Other"; +})(Plural || (Plural = {})); +/** + * Context-dependant translation forms for strings. + * Typically the standalone version is for the nominative form of the word, + * and the format version is used for the genitive case. + * @see [CLDR website](http://cldr.unicode.org/translation/date-time#TOC-Stand-Alone-vs.-Format-Styles) + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +var FormStyle; +(function (FormStyle) { + FormStyle[FormStyle["Format"] = 0] = "Format"; + FormStyle[FormStyle["Standalone"] = 1] = "Standalone"; +})(FormStyle || (FormStyle = {})); +/** + * String widths available for translations. + * The specific character widths are locale-specific. + * Examples are given for the word "Sunday" in English. + * + * @publicApi + */ +var TranslationWidth; +(function (TranslationWidth) { + /** 1 character for `en-US`. For example: 'S' */ + TranslationWidth[TranslationWidth["Narrow"] = 0] = "Narrow"; + /** 3 characters for `en-US`. For example: 'Sun' */ + TranslationWidth[TranslationWidth["Abbreviated"] = 1] = "Abbreviated"; + /** Full length for `en-US`. For example: "Sunday" */ + TranslationWidth[TranslationWidth["Wide"] = 2] = "Wide"; + /** 2 characters for `en-US`, For example: "Su" */ + TranslationWidth[TranslationWidth["Short"] = 3] = "Short"; +})(TranslationWidth || (TranslationWidth = {})); +/** + * String widths available for date-time formats. + * The specific character widths are locale-specific. + * Examples are given for `en-US`. + * + * @see `getLocaleDateFormat()` + * @see `getLocaleTimeFormat()`` + * @see `getLocaleDateTimeFormat()` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * @publicApi + */ +var FormatWidth; +(function (FormatWidth) { + /** + * For `en-US`, 'M/d/yy, h:mm a'` + * (Example: `6/15/15, 9:03 AM`) + */ + FormatWidth[FormatWidth["Short"] = 0] = "Short"; + /** + * For `en-US`, `'MMM d, y, h:mm:ss a'` + * (Example: `Jun 15, 2015, 9:03:01 AM`) + */ + FormatWidth[FormatWidth["Medium"] = 1] = "Medium"; + /** + * For `en-US`, `'MMMM d, y, h:mm:ss a z'` + * (Example: `June 15, 2015 at 9:03:01 AM GMT+1`) + */ + FormatWidth[FormatWidth["Long"] = 2] = "Long"; + /** + * For `en-US`, `'EEEE, MMMM d, y, h:mm:ss a zzzz'` + * (Example: `Monday, June 15, 2015 at 9:03:01 AM GMT+01:00`) + */ + FormatWidth[FormatWidth["Full"] = 3] = "Full"; +})(FormatWidth || (FormatWidth = {})); +/** + * Symbols that can be used to replace placeholders in number patterns. + * Examples are based on `en-US` values. + * + * @see `getLocaleNumberSymbol()` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +var NumberSymbol; +(function (NumberSymbol) { + /** + * Decimal separator. + * For `en-US`, the dot character. + * Example : 2,345`.`67 + */ + NumberSymbol[NumberSymbol["Decimal"] = 0] = "Decimal"; + /** + * Grouping separator, typically for thousands. + * For `en-US`, the comma character. + * Example: 2`,`345.67 + */ + NumberSymbol[NumberSymbol["Group"] = 1] = "Group"; + /** + * List-item separator. + * Example: "one, two, and three" + */ + NumberSymbol[NumberSymbol["List"] = 2] = "List"; + /** + * Sign for percentage (out of 100). + * Example: 23.4% + */ + NumberSymbol[NumberSymbol["PercentSign"] = 3] = "PercentSign"; + /** + * Sign for positive numbers. + * Example: +23 + */ + NumberSymbol[NumberSymbol["PlusSign"] = 4] = "PlusSign"; + /** + * Sign for negative numbers. + * Example: -23 + */ + NumberSymbol[NumberSymbol["MinusSign"] = 5] = "MinusSign"; + /** + * Computer notation for exponential value (n times a power of 10). + * Example: 1.2E3 + */ + NumberSymbol[NumberSymbol["Exponential"] = 6] = "Exponential"; + /** + * Human-readable format of exponential. + * Example: 1.2x103 + */ + NumberSymbol[NumberSymbol["SuperscriptingExponent"] = 7] = "SuperscriptingExponent"; + /** + * Sign for permille (out of 1000). + * Example: 23.4‰ + */ + NumberSymbol[NumberSymbol["PerMille"] = 8] = "PerMille"; + /** + * Infinity, can be used with plus and minus. + * Example: ∞, +∞, -∞ + */ + NumberSymbol[NumberSymbol["Infinity"] = 9] = "Infinity"; + /** + * Not a number. + * Example: NaN + */ + NumberSymbol[NumberSymbol["NaN"] = 10] = "NaN"; + /** + * Symbol used between time units. + * Example: 10:52 + */ + NumberSymbol[NumberSymbol["TimeSeparator"] = 11] = "TimeSeparator"; + /** + * Decimal separator for currency values (fallback to `Decimal`). + * Example: $2,345.67 + */ + NumberSymbol[NumberSymbol["CurrencyDecimal"] = 12] = "CurrencyDecimal"; + /** + * Group separator for currency values (fallback to `Group`). + * Example: $2,345.67 + */ + NumberSymbol[NumberSymbol["CurrencyGroup"] = 13] = "CurrencyGroup"; +})(NumberSymbol || (NumberSymbol = {})); +/** + * The value for each day of the week, based on the `en-US` locale + * + * @publicApi + */ +var WeekDay; +(function (WeekDay) { + WeekDay[WeekDay["Sunday"] = 0] = "Sunday"; + WeekDay[WeekDay["Monday"] = 1] = "Monday"; + WeekDay[WeekDay["Tuesday"] = 2] = "Tuesday"; + WeekDay[WeekDay["Wednesday"] = 3] = "Wednesday"; + WeekDay[WeekDay["Thursday"] = 4] = "Thursday"; + WeekDay[WeekDay["Friday"] = 5] = "Friday"; + WeekDay[WeekDay["Saturday"] = 6] = "Saturday"; +})(WeekDay || (WeekDay = {})); +/** + * Retrieves the locale ID from the currently loaded locale. + * The loaded locale could be, for example, a global one rather than a regional one. + * @param locale A locale code, such as `fr-FR`. + * @returns The locale code. For example, `fr`. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleId(locale) { + return findLocaleData(locale)[0 /* LocaleId */]; +} +/** + * Retrieves day period strings for the given locale. + * + * @param locale A locale code for the locale format rules to use. + * @param formStyle The required grammatical form. + * @param width The required character width. + * @returns An array of localized period strings. For example, `[AM, PM]` for `en-US`. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleDayPeriods(locale, formStyle, width) { + var data = findLocaleData(locale); + var amPmData = [data[1 /* DayPeriodsFormat */], data[2 /* DayPeriodsStandalone */]]; + var amPm = getLastDefinedValue(amPmData, formStyle); + return getLastDefinedValue(amPm, width); +} +/** + * Retrieves days of the week for the given locale, using the Gregorian calendar. + * + * @param locale A locale code for the locale format rules to use. + * @param formStyle The required grammatical form. + * @param width The required character width. + * @returns An array of localized name strings. + * For example,`[Sunday, Monday, ... Saturday]` for `en-US`. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleDayNames(locale, formStyle, width) { + var data = findLocaleData(locale); + var daysData = [data[3 /* DaysFormat */], data[4 /* DaysStandalone */]]; + var days = getLastDefinedValue(daysData, formStyle); + return getLastDefinedValue(days, width); +} +/** + * Retrieves months of the year for the given locale, using the Gregorian calendar. + * + * @param locale A locale code for the locale format rules to use. + * @param formStyle The required grammatical form. + * @param width The required character width. + * @returns An array of localized name strings. + * For example, `[January, February, ...]` for `en-US`. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleMonthNames(locale, formStyle, width) { + var data = findLocaleData(locale); + var monthsData = [data[5 /* MonthsFormat */], data[6 /* MonthsStandalone */]]; + var months = getLastDefinedValue(monthsData, formStyle); + return getLastDefinedValue(months, width); +} +/** + * Retrieves Gregorian-calendar eras for the given locale. + * @param locale A locale code for the locale format rules to use. + * @param formStyle The required grammatical form. + * @param width The required character width. + + * @returns An array of localized era strings. + * For example, `[AD, BC]` for `en-US`. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleEraNames(locale, width) { + var data = findLocaleData(locale); + var erasData = data[7 /* Eras */]; + return getLastDefinedValue(erasData, width); +} +/** + * Retrieves the first day of the week for the given locale. + * + * @param locale A locale code for the locale format rules to use. + * @returns A day index number, using the 0-based week-day index for `en-US` + * (Sunday = 0, Monday = 1, ...). + * For example, for `fr-FR`, returns 1 to indicate that the first day is Monday. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleFirstDayOfWeek(locale) { + var data = findLocaleData(locale); + return data[8 /* FirstDayOfWeek */]; +} +/** + * Range of week days that are considered the week-end for the given locale. + * + * @param locale A locale code for the locale format rules to use. + * @returns The range of day values, `[startDay, endDay]`. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleWeekEndRange(locale) { + var data = findLocaleData(locale); + return data[9 /* WeekendRange */]; +} +/** + * Retrieves a localized date-value formating string. + * + * @param locale A locale code for the locale format rules to use. + * @param width The format type. + * @returns The localized formating string. + * @see `FormatWidth` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleDateFormat(locale, width) { + var data = findLocaleData(locale); + return getLastDefinedValue(data[10 /* DateFormat */], width); +} +/** + * Retrieves a localized time-value formatting string. + * + * @param locale A locale code for the locale format rules to use. + * @param width The format type. + * @returns The localized formatting string. + * @see `FormatWidth` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + + * @publicApi + */ +function getLocaleTimeFormat(locale, width) { + var data = findLocaleData(locale); + return getLastDefinedValue(data[11 /* TimeFormat */], width); +} +/** + * Retrieves a localized date-time formatting string. + * + * @param locale A locale code for the locale format rules to use. + * @param width The format type. + * @returns The localized formatting string. + * @see `FormatWidth` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleDateTimeFormat(locale, width) { + var data = findLocaleData(locale); + var dateTimeFormatData = data[12 /* DateTimeFormat */]; + return getLastDefinedValue(dateTimeFormatData, width); +} +/** + * Retrieves a localized number symbol that can be used to replace placeholders in number formats. + * @param locale The locale code. + * @param symbol The symbol to localize. + * @returns The character for the localized symbol. + * @see `NumberSymbol` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleNumberSymbol(locale, symbol) { + var data = findLocaleData(locale); + var res = data[13 /* NumberSymbols */][symbol]; + if (typeof res === 'undefined') { + if (symbol === NumberSymbol.CurrencyDecimal) { + return data[13 /* NumberSymbols */][NumberSymbol.Decimal]; + } + else if (symbol === NumberSymbol.CurrencyGroup) { + return data[13 /* NumberSymbols */][NumberSymbol.Group]; + } + } + return res; +} +/** + * Retrieves a number format for a given locale. + * + * Numbers are formatted using patterns, like `#,###.00`. For example, the pattern `#,###.00` + * when used to format the number 12345.678 could result in "12'345,678". That would happen if the + * grouping separator for your language is an apostrophe, and the decimal separator is a comma. + * + * Important: The characters `.` `,` `0` `#` (and others below) are special placeholders + * that stand for the decimal separator, and so on, and are NOT real characters. + * You must NOT "translate" the placeholders. For example, don't change `.` to `,` even though in + * your language the decimal point is written with a comma. The symbols should be replaced by the + * local equivalents, using the appropriate `NumberSymbol` for your language. + * + * Here are the special characters used in number patterns: + * + * | Symbol | Meaning | + * |--------|---------| + * | . | Replaced automatically by the character used for the decimal point. | + * | , | Replaced by the "grouping" (thousands) separator. | + * | 0 | Replaced by a digit (or zero if there aren't enough digits). | + * | # | Replaced by a digit (or nothing if there aren't enough). | + * | ¤ | Replaced by a currency symbol, such as $ or USD. | + * | % | Marks a percent format. The % symbol may change position, but must be retained. | + * | E | Marks a scientific format. The E symbol may change position, but must be retained. | + * | ' | Special characters used as literal characters are quoted with ASCII single quotes. | + * + * @param locale A locale code for the locale format rules to use. + * @param type The type of numeric value to be formatted (such as `Decimal` or `Currency`.) + * @returns The localized format string. + * @see `NumberFormatStyle` + * @see [CLDR website](http://cldr.unicode.org/translation/number-patterns) + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleNumberFormat(locale, type) { + var data = findLocaleData(locale); + return data[14 /* NumberFormats */][type]; +} +/** + * Retrieves the symbol used to represent the currency for the main country + * corresponding to a given locale. For example, '$' for `en-US`. + * + * @param locale A locale code for the locale format rules to use. + * @returns The localized symbol character, + * or `null` if the main country cannot be determined. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleCurrencySymbol(locale) { + var data = findLocaleData(locale); + return data[15 /* CurrencySymbol */] || null; +} +/** + * Retrieves the name of the currency for the main country corresponding + * to a given locale. For example, 'US Dollar' for `en-US`. + * @param locale A locale code for the locale format rules to use. + * @returns The currency name, + * or `null` if the main country cannot be determined. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleCurrencyName(locale) { + var data = findLocaleData(locale); + return data[16 /* CurrencyName */] || null; +} +/** + * Retrieves the currency values for a given locale. + * @param locale A locale code for the locale format rules to use. + * @returns The currency values. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + */ +function getLocaleCurrencies(locale) { + var data = findLocaleData(locale); + return data[17 /* Currencies */]; +} +/** + * Retrieves the plural function used by ICU expressions to determine the plural case to use + * for a given locale. + * @param locale A locale code for the locale format rules to use. + * @returns The plural function for the locale. + * @see `NgPlural` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocalePluralCase(locale) { + var data = findLocaleData(locale); + return data[18 /* PluralCase */]; +} +function checkFullData(data) { + if (!data[19 /* ExtraData */]) { + throw new Error("Missing extra locale data for the locale \"" + data[0 /* LocaleId */] + "\". Use \"registerLocaleData\" to load new data. See the \"I18n guide\" on angular.io to know more."); + } +} +/** + * Retrieves locale-specific rules used to determine which day period to use + * when more than one period is defined for a locale. + * + * There is a rule for each defined day period. The + * first rule is applied to the first day period and so on. + * Fall back to AM/PM when no rules are available. + * + * A rule can specify a period as time range, or as a single time value. + * + * This functionality is only available when you have loaded the full locale data. + * See the ["I18n guide"](guide/i18n#i18n-pipes). + * + * @param locale A locale code for the locale format rules to use. + * @returns The rules for the locale, a single time value or array of *from-time, to-time*, + * or null if no periods are available. + * + * @see `getLocaleExtraDayPeriods()` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleExtraDayPeriodRules(locale) { + var data = findLocaleData(locale); + checkFullData(data); + var rules = data[19 /* ExtraData */][2 /* ExtraDayPeriodsRules */] || []; + return rules.map(function (rule) { + if (typeof rule === 'string') { + return extractTime(rule); + } + return [extractTime(rule[0]), extractTime(rule[1])]; + }); +} +/** + * Retrieves locale-specific day periods, which indicate roughly how a day is broken up + * in different languages. + * For example, for `en-US`, periods are morning, noon, afternoon, evening, and midnight. + * + * This functionality is only available when you have loaded the full locale data. + * See the ["I18n guide"](guide/i18n#i18n-pipes). + * + * @param locale A locale code for the locale format rules to use. + * @param formStyle The required grammatical form. + * @param width The required character width. + * @returns The translated day-period strings. + * @see `getLocaleExtraDayPeriodRules()` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLocaleExtraDayPeriods(locale, formStyle, width) { + var data = findLocaleData(locale); + checkFullData(data); + var dayPeriodsData = [ + data[19 /* ExtraData */][0 /* ExtraDayPeriodFormats */], + data[19 /* ExtraData */][1 /* ExtraDayPeriodStandalone */] + ]; + var dayPeriods = getLastDefinedValue(dayPeriodsData, formStyle) || []; + return getLastDefinedValue(dayPeriods, width) || []; +} +/** + * Retrieves the first value that is defined in an array, going backwards from an index position. + * + * To avoid repeating the same data (as when the "format" and "standalone" forms are the same) + * add the first value to the locale data arrays, and add other values only if they are different. + * + * @param data The data array to retrieve from. + * @param index A 0-based index into the array to start from. + * @returns The value immediately before the given index position. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getLastDefinedValue(data, index) { + for (var i = index; i > -1; i--) { + if (typeof data[i] !== 'undefined') { + return data[i]; + } + } + throw new Error('Locale data API: locale data undefined'); +} +/** + * Extracts the hours and minutes from a string like "15:45" + */ +function extractTime(time) { + var _a = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__read"])(time.split(':'), 2), h = _a[0], m = _a[1]; + return { hours: +h, minutes: +m }; +} +/** + * Finds the locale data for a given locale. + * + * @param locale The locale code. + * @returns The locale data. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function findLocaleData(locale) { + var normalizedLocale = locale.toLowerCase().replace(/_/g, '-'); + var match = LOCALE_DATA[normalizedLocale]; + if (match) { + return match; + } + // let's try to find a parent locale + var parentLocale = normalizedLocale.split('-')[0]; + match = LOCALE_DATA[parentLocale]; + if (match) { + return match; + } + if (parentLocale === 'en') { + return localeEn; + } + throw new Error("Missing locale data for the locale \"" + locale + "\"."); +} +/** + * Retrieves the currency symbol for a given currency code. + * + * For example, for the default `en-US` locale, the code `USD` can + * be represented by the narrow symbol `$` or the wide symbol `US$`. + * + * @param code The currency code. + * @param format The format, `wide` or `narrow`. + * @param locale A locale code for the locale format rules to use. + * + * @returns The symbol, or the currency code if no symbol is available.0 + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getCurrencySymbol(code, format, locale) { + if (locale === void 0) { locale = 'en'; } + var currency = getLocaleCurrencies(locale)[code] || CURRENCIES_EN[code] || []; + var symbolNarrow = currency[1 /* SymbolNarrow */]; + if (format === 'narrow' && typeof symbolNarrow === 'string') { + return symbolNarrow; + } + return currency[0 /* Symbol */] || code; +} +// Most currencies have cents, that's why the default is 2 +var DEFAULT_NB_OF_CURRENCY_DIGITS = 2; +/** + * Reports the number of decimal digits for a given currency. + * The value depends upon the presence of cents in that particular currency. + * + * @param code The currency code. + * @returns The number of decimal digits, typically 0 or 2. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function getNumberOfCurrencyDigits(code) { + var digits; + var currency = CURRENCIES_EN[code]; + if (currency) { + digits = currency[2 /* NbOfDigits */]; + } + return typeof digits === 'number' ? digits : DEFAULT_NB_OF_CURRENCY_DIGITS; +} + +/** + * @license + * Copyright Google Inc. 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 + */ +var ISO8601_DATE_REGEX = /^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/; +// 1 2 3 4 5 6 7 8 9 10 11 +var NAMED_FORMATS = {}; +var DATE_FORMATS_SPLIT = /((?:[^GyMLwWdEabBhHmsSzZO']+)|(?:'(?:[^']|'')*')|(?:G{1,5}|y{1,4}|M{1,5}|L{1,5}|w{1,2}|W{1}|d{1,2}|E{1,6}|a{1,5}|b{1,5}|B{1,5}|h{1,2}|H{1,2}|m{1,2}|s{1,2}|S{1,3}|z{1,4}|Z{1,5}|O{1,4}))([\s\S]*)/; +var ZoneWidth; +(function (ZoneWidth) { + ZoneWidth[ZoneWidth["Short"] = 0] = "Short"; + ZoneWidth[ZoneWidth["ShortGMT"] = 1] = "ShortGMT"; + ZoneWidth[ZoneWidth["Long"] = 2] = "Long"; + ZoneWidth[ZoneWidth["Extended"] = 3] = "Extended"; +})(ZoneWidth || (ZoneWidth = {})); +var DateType; +(function (DateType) { + DateType[DateType["FullYear"] = 0] = "FullYear"; + DateType[DateType["Month"] = 1] = "Month"; + DateType[DateType["Date"] = 2] = "Date"; + DateType[DateType["Hours"] = 3] = "Hours"; + DateType[DateType["Minutes"] = 4] = "Minutes"; + DateType[DateType["Seconds"] = 5] = "Seconds"; + DateType[DateType["FractionalSeconds"] = 6] = "FractionalSeconds"; + DateType[DateType["Day"] = 7] = "Day"; +})(DateType || (DateType = {})); +var TranslationType; +(function (TranslationType) { + TranslationType[TranslationType["DayPeriods"] = 0] = "DayPeriods"; + TranslationType[TranslationType["Days"] = 1] = "Days"; + TranslationType[TranslationType["Months"] = 2] = "Months"; + TranslationType[TranslationType["Eras"] = 3] = "Eras"; +})(TranslationType || (TranslationType = {})); +/** + * @ngModule CommonModule + * @description + * + * Formats a date according to locale rules. + * + * @param value The date to format, as a Date, or a number (milliseconds since UTC epoch) + * or an [ISO date-time string](https://www.w3.org/TR/NOTE-datetime). + * @param format The date-time components to include. See `DatePipe` for details. + * @param locale A locale code for the locale format rules to use. + * @param timezone The time zone. A time zone offset from GMT (such as `'+0430'`), + * or a standard UTC/GMT or continental US time zone abbreviation. + * If not specified, uses host system settings. + * + * @returns The formatted date string. + * + * @see `DatePipe` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function formatDate(value, format, locale, timezone) { + var date = toDate(value); + var namedFormat = getNamedFormat(locale, format); + format = namedFormat || format; + var parts = []; + var match; + while (format) { + match = DATE_FORMATS_SPLIT.exec(format); + if (match) { + parts = parts.concat(match.slice(1)); + var part = parts.pop(); + if (!part) { + break; + } + format = part; + } + else { + parts.push(format); + break; + } + } + var dateTimezoneOffset = date.getTimezoneOffset(); + if (timezone) { + dateTimezoneOffset = timezoneToOffset(timezone, dateTimezoneOffset); + date = convertTimezoneToLocal(date, timezone, true); + } + var text = ''; + parts.forEach(function (value) { + var dateFormatter = getDateFormatter(value); + text += dateFormatter ? + dateFormatter(date, locale, dateTimezoneOffset) : + value === '\'\'' ? '\'' : value.replace(/(^'|'$)/g, '').replace(/''/g, '\''); + }); + return text; +} +function getNamedFormat(locale, format) { + var localeId = getLocaleId(locale); + NAMED_FORMATS[localeId] = NAMED_FORMATS[localeId] || {}; + if (NAMED_FORMATS[localeId][format]) { + return NAMED_FORMATS[localeId][format]; + } + var formatValue = ''; + switch (format) { + case 'shortDate': + formatValue = getLocaleDateFormat(locale, FormatWidth.Short); + break; + case 'mediumDate': + formatValue = getLocaleDateFormat(locale, FormatWidth.Medium); + break; + case 'longDate': + formatValue = getLocaleDateFormat(locale, FormatWidth.Long); + break; + case 'fullDate': + formatValue = getLocaleDateFormat(locale, FormatWidth.Full); + break; + case 'shortTime': + formatValue = getLocaleTimeFormat(locale, FormatWidth.Short); + break; + case 'mediumTime': + formatValue = getLocaleTimeFormat(locale, FormatWidth.Medium); + break; + case 'longTime': + formatValue = getLocaleTimeFormat(locale, FormatWidth.Long); + break; + case 'fullTime': + formatValue = getLocaleTimeFormat(locale, FormatWidth.Full); + break; + case 'short': + var shortTime = getNamedFormat(locale, 'shortTime'); + var shortDate = getNamedFormat(locale, 'shortDate'); + formatValue = formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Short), [shortTime, shortDate]); + break; + case 'medium': + var mediumTime = getNamedFormat(locale, 'mediumTime'); + var mediumDate = getNamedFormat(locale, 'mediumDate'); + formatValue = formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Medium), [mediumTime, mediumDate]); + break; + case 'long': + var longTime = getNamedFormat(locale, 'longTime'); + var longDate = getNamedFormat(locale, 'longDate'); + formatValue = + formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Long), [longTime, longDate]); + break; + case 'full': + var fullTime = getNamedFormat(locale, 'fullTime'); + var fullDate = getNamedFormat(locale, 'fullDate'); + formatValue = + formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Full), [fullTime, fullDate]); + break; + } + if (formatValue) { + NAMED_FORMATS[localeId][format] = formatValue; + } + return formatValue; +} +function formatDateTime(str, opt_values) { + if (opt_values) { + str = str.replace(/\{([^}]+)}/g, function (match, key) { + return (opt_values != null && key in opt_values) ? opt_values[key] : match; + }); + } + return str; +} +function padNumber(num, digits, minusSign, trim, negWrap) { + if (minusSign === void 0) { minusSign = '-'; } + var neg = ''; + if (num < 0 || (negWrap && num <= 0)) { + if (negWrap) { + num = -num + 1; + } + else { + num = -num; + neg = minusSign; + } + } + var strNum = String(num); + while (strNum.length < digits) { + strNum = '0' + strNum; + } + if (trim) { + strNum = strNum.substr(strNum.length - digits); + } + return neg + strNum; +} +function formatFractionalSeconds(milliseconds, digits) { + var strMs = padNumber(milliseconds, 3); + return strMs.substr(0, digits); +} +/** + * Returns a date formatter that transforms a date into its locale digit representation + */ +function dateGetter(name, size, offset, trim, negWrap) { + if (offset === void 0) { offset = 0; } + if (trim === void 0) { trim = false; } + if (negWrap === void 0) { negWrap = false; } + return function (date, locale) { + var part = getDatePart(name, date); + if (offset > 0 || part > -offset) { + part += offset; + } + if (name === DateType.Hours) { + if (part === 0 && offset === -12) { + part = 12; + } + } + else if (name === DateType.FractionalSeconds) { + return formatFractionalSeconds(part, size); + } + var localeMinus = getLocaleNumberSymbol(locale, NumberSymbol.MinusSign); + return padNumber(part, size, localeMinus, trim, negWrap); + }; +} +function getDatePart(part, date) { + switch (part) { + case DateType.FullYear: + return date.getFullYear(); + case DateType.Month: + return date.getMonth(); + case DateType.Date: + return date.getDate(); + case DateType.Hours: + return date.getHours(); + case DateType.Minutes: + return date.getMinutes(); + case DateType.Seconds: + return date.getSeconds(); + case DateType.FractionalSeconds: + return date.getMilliseconds(); + case DateType.Day: + return date.getDay(); + default: + throw new Error("Unknown DateType value \"" + part + "\"."); + } +} +/** + * Returns a date formatter that transforms a date into its locale string representation + */ +function dateStrGetter(name, width, form, extended) { + if (form === void 0) { form = FormStyle.Format; } + if (extended === void 0) { extended = false; } + return function (date, locale) { + return getDateTranslation(date, locale, name, width, form, extended); + }; +} +/** + * Returns the locale translation of a date for a given form, type and width + */ +function getDateTranslation(date, locale, name, width, form, extended) { + switch (name) { + case TranslationType.Months: + return getLocaleMonthNames(locale, form, width)[date.getMonth()]; + case TranslationType.Days: + return getLocaleDayNames(locale, form, width)[date.getDay()]; + case TranslationType.DayPeriods: + var currentHours_1 = date.getHours(); + var currentMinutes_1 = date.getMinutes(); + if (extended) { + var rules = getLocaleExtraDayPeriodRules(locale); + var dayPeriods_1 = getLocaleExtraDayPeriods(locale, form, width); + var result_1; + rules.forEach(function (rule, index) { + if (Array.isArray(rule)) { + // morning, afternoon, evening, night + var _a = rule[0], hoursFrom = _a.hours, minutesFrom = _a.minutes; + var _b = rule[1], hoursTo = _b.hours, minutesTo = _b.minutes; + if (currentHours_1 >= hoursFrom && currentMinutes_1 >= minutesFrom && + (currentHours_1 < hoursTo || + (currentHours_1 === hoursTo && currentMinutes_1 < minutesTo))) { + result_1 = dayPeriods_1[index]; + } + } + else { // noon or midnight + var hours = rule.hours, minutes = rule.minutes; + if (hours === currentHours_1 && minutes === currentMinutes_1) { + result_1 = dayPeriods_1[index]; + } + } + }); + if (result_1) { + return result_1; + } + } + // if no rules for the day periods, we use am/pm by default + return getLocaleDayPeriods(locale, form, width)[currentHours_1 < 12 ? 0 : 1]; + case TranslationType.Eras: + return getLocaleEraNames(locale, width)[date.getFullYear() <= 0 ? 0 : 1]; + default: + // This default case is not needed by TypeScript compiler, as the switch is exhaustive. + // However Closure Compiler does not understand that and reports an error in typed mode. + // The `throw new Error` below works around the problem, and the unexpected: never variable + // makes sure tsc still checks this code is unreachable. + var unexpected = name; + throw new Error("unexpected translation type " + unexpected); + } +} +/** + * Returns a date formatter that transforms a date and an offset into a timezone with ISO8601 or + * GMT format depending on the width (eg: short = +0430, short:GMT = GMT+4, long = GMT+04:30, + * extended = +04:30) + */ +function timeZoneGetter(width) { + return function (date, locale, offset) { + var zone = -1 * offset; + var minusSign = getLocaleNumberSymbol(locale, NumberSymbol.MinusSign); + var hours = zone > 0 ? Math.floor(zone / 60) : Math.ceil(zone / 60); + switch (width) { + case ZoneWidth.Short: + return ((zone >= 0) ? '+' : '') + padNumber(hours, 2, minusSign) + + padNumber(Math.abs(zone % 60), 2, minusSign); + case ZoneWidth.ShortGMT: + return 'GMT' + ((zone >= 0) ? '+' : '') + padNumber(hours, 1, minusSign); + case ZoneWidth.Long: + return 'GMT' + ((zone >= 0) ? '+' : '') + padNumber(hours, 2, minusSign) + ':' + + padNumber(Math.abs(zone % 60), 2, minusSign); + case ZoneWidth.Extended: + if (offset === 0) { + return 'Z'; + } + else { + return ((zone >= 0) ? '+' : '') + padNumber(hours, 2, minusSign) + ':' + + padNumber(Math.abs(zone % 60), 2, minusSign); + } + default: + throw new Error("Unknown zone width \"" + width + "\""); + } + }; +} +var JANUARY = 0; +var THURSDAY = 4; +function getFirstThursdayOfYear(year) { + var firstDayOfYear = (new Date(year, JANUARY, 1)).getDay(); + return new Date(year, 0, 1 + ((firstDayOfYear <= THURSDAY) ? THURSDAY : THURSDAY + 7) - firstDayOfYear); +} +function getThursdayThisWeek(datetime) { + return new Date(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() + (THURSDAY - datetime.getDay())); +} +function weekGetter(size, monthBased) { + if (monthBased === void 0) { monthBased = false; } + return function (date, locale) { + var result; + if (monthBased) { + var nbDaysBefore1stDayOfMonth = new Date(date.getFullYear(), date.getMonth(), 1).getDay() - 1; + var today = date.getDate(); + result = 1 + Math.floor((today + nbDaysBefore1stDayOfMonth) / 7); + } + else { + var firstThurs = getFirstThursdayOfYear(date.getFullYear()); + var thisThurs = getThursdayThisWeek(date); + var diff = thisThurs.getTime() - firstThurs.getTime(); + result = 1 + Math.round(diff / 6.048e8); // 6.048e8 ms per week + } + return padNumber(result, size, getLocaleNumberSymbol(locale, NumberSymbol.MinusSign)); + }; +} +var DATE_FORMATS = {}; +// Based on CLDR formats: +// See complete list: http://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table +// See also explanations: http://cldr.unicode.org/translation/date-time +// TODO(ocombe): support all missing cldr formats: Y, U, Q, D, F, e, c, j, J, C, A, v, V, X, x +function getDateFormatter(format) { + if (DATE_FORMATS[format]) { + return DATE_FORMATS[format]; + } + var formatter; + switch (format) { + // Era name (AD/BC) + case 'G': + case 'GG': + case 'GGG': + formatter = dateStrGetter(TranslationType.Eras, TranslationWidth.Abbreviated); + break; + case 'GGGG': + formatter = dateStrGetter(TranslationType.Eras, TranslationWidth.Wide); + break; + case 'GGGGG': + formatter = dateStrGetter(TranslationType.Eras, TranslationWidth.Narrow); + break; + // 1 digit representation of the year, e.g. (AD 1 => 1, AD 199 => 199) + case 'y': + formatter = dateGetter(DateType.FullYear, 1, 0, false, true); + break; + // 2 digit representation of the year, padded (00-99). (e.g. AD 2001 => 01, AD 2010 => 10) + case 'yy': + formatter = dateGetter(DateType.FullYear, 2, 0, true, true); + break; + // 3 digit representation of the year, padded (000-999). (e.g. AD 2001 => 01, AD 2010 => 10) + case 'yyy': + formatter = dateGetter(DateType.FullYear, 3, 0, false, true); + break; + // 4 digit representation of the year (e.g. AD 1 => 0001, AD 2010 => 2010) + case 'yyyy': + formatter = dateGetter(DateType.FullYear, 4, 0, false, true); + break; + // Month of the year (1-12), numeric + case 'M': + case 'L': + formatter = dateGetter(DateType.Month, 1, 1); + break; + case 'MM': + case 'LL': + formatter = dateGetter(DateType.Month, 2, 1); + break; + // Month of the year (January, ...), string, format + case 'MMM': + formatter = dateStrGetter(TranslationType.Months, TranslationWidth.Abbreviated); + break; + case 'MMMM': + formatter = dateStrGetter(TranslationType.Months, TranslationWidth.Wide); + break; + case 'MMMMM': + formatter = dateStrGetter(TranslationType.Months, TranslationWidth.Narrow); + break; + // Month of the year (January, ...), string, standalone + case 'LLL': + formatter = + dateStrGetter(TranslationType.Months, TranslationWidth.Abbreviated, FormStyle.Standalone); + break; + case 'LLLL': + formatter = + dateStrGetter(TranslationType.Months, TranslationWidth.Wide, FormStyle.Standalone); + break; + case 'LLLLL': + formatter = + dateStrGetter(TranslationType.Months, TranslationWidth.Narrow, FormStyle.Standalone); + break; + // Week of the year (1, ... 52) + case 'w': + formatter = weekGetter(1); + break; + case 'ww': + formatter = weekGetter(2); + break; + // Week of the month (1, ...) + case 'W': + formatter = weekGetter(1, true); + break; + // Day of the month (1-31) + case 'd': + formatter = dateGetter(DateType.Date, 1); + break; + case 'dd': + formatter = dateGetter(DateType.Date, 2); + break; + // Day of the Week + case 'E': + case 'EE': + case 'EEE': + formatter = dateStrGetter(TranslationType.Days, TranslationWidth.Abbreviated); + break; + case 'EEEE': + formatter = dateStrGetter(TranslationType.Days, TranslationWidth.Wide); + break; + case 'EEEEE': + formatter = dateStrGetter(TranslationType.Days, TranslationWidth.Narrow); + break; + case 'EEEEEE': + formatter = dateStrGetter(TranslationType.Days, TranslationWidth.Short); + break; + // Generic period of the day (am-pm) + case 'a': + case 'aa': + case 'aaa': + formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Abbreviated); + break; + case 'aaaa': + formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Wide); + break; + case 'aaaaa': + formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Narrow); + break; + // Extended period of the day (midnight, at night, ...), standalone + case 'b': + case 'bb': + case 'bbb': + formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Abbreviated, FormStyle.Standalone, true); + break; + case 'bbbb': + formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Wide, FormStyle.Standalone, true); + break; + case 'bbbbb': + formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Narrow, FormStyle.Standalone, true); + break; + // Extended period of the day (midnight, night, ...), standalone + case 'B': + case 'BB': + case 'BBB': + formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Abbreviated, FormStyle.Format, true); + break; + case 'BBBB': + formatter = + dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Wide, FormStyle.Format, true); + break; + case 'BBBBB': + formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Narrow, FormStyle.Format, true); + break; + // Hour in AM/PM, (1-12) + case 'h': + formatter = dateGetter(DateType.Hours, 1, -12); + break; + case 'hh': + formatter = dateGetter(DateType.Hours, 2, -12); + break; + // Hour of the day (0-23) + case 'H': + formatter = dateGetter(DateType.Hours, 1); + break; + // Hour in day, padded (00-23) + case 'HH': + formatter = dateGetter(DateType.Hours, 2); + break; + // Minute of the hour (0-59) + case 'm': + formatter = dateGetter(DateType.Minutes, 1); + break; + case 'mm': + formatter = dateGetter(DateType.Minutes, 2); + break; + // Second of the minute (0-59) + case 's': + formatter = dateGetter(DateType.Seconds, 1); + break; + case 'ss': + formatter = dateGetter(DateType.Seconds, 2); + break; + // Fractional second + case 'S': + formatter = dateGetter(DateType.FractionalSeconds, 1); + break; + case 'SS': + formatter = dateGetter(DateType.FractionalSeconds, 2); + break; + case 'SSS': + formatter = dateGetter(DateType.FractionalSeconds, 3); + break; + // Timezone ISO8601 short format (-0430) + case 'Z': + case 'ZZ': + case 'ZZZ': + formatter = timeZoneGetter(ZoneWidth.Short); + break; + // Timezone ISO8601 extended format (-04:30) + case 'ZZZZZ': + formatter = timeZoneGetter(ZoneWidth.Extended); + break; + // Timezone GMT short format (GMT+4) + case 'O': + case 'OO': + case 'OOO': + // Should be location, but fallback to format O instead because we don't have the data yet + case 'z': + case 'zz': + case 'zzz': + formatter = timeZoneGetter(ZoneWidth.ShortGMT); + break; + // Timezone GMT long format (GMT+0430) + case 'OOOO': + case 'ZZZZ': + // Should be location, but fallback to format O instead because we don't have the data yet + case 'zzzz': + formatter = timeZoneGetter(ZoneWidth.Long); + break; + default: + return null; + } + DATE_FORMATS[format] = formatter; + return formatter; +} +function timezoneToOffset(timezone, fallback) { + // Support: IE 9-11 only, Edge 13-15+ + // IE/Edge do not "understand" colon (`:`) in timezone + timezone = timezone.replace(/:/g, ''); + var requestedTimezoneOffset = Date.parse('Jan 01, 1970 00:00:00 ' + timezone) / 60000; + return isNaN(requestedTimezoneOffset) ? fallback : requestedTimezoneOffset; +} +function addDateMinutes(date, minutes) { + date = new Date(date.getTime()); + date.setMinutes(date.getMinutes() + minutes); + return date; +} +function convertTimezoneToLocal(date, timezone, reverse) { + var reverseValue = reverse ? -1 : 1; + var dateTimezoneOffset = date.getTimezoneOffset(); + var timezoneOffset = timezoneToOffset(timezone, dateTimezoneOffset); + return addDateMinutes(date, reverseValue * (timezoneOffset - dateTimezoneOffset)); +} +/** + * Converts a value to date. + * + * Supported input formats: + * - `Date` + * - number: timestamp + * - string: numeric (e.g. "1234"), ISO and date strings in a format supported by + * [Date.parse()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse). + * Note: ISO strings without time return a date without timeoffset. + * + * Throws if unable to convert to a date. + */ +function toDate(value) { + if (isDate(value)) { + return value; + } + if (typeof value === 'number' && !isNaN(value)) { + return new Date(value); + } + if (typeof value === 'string') { + value = value.trim(); + var parsedNb = parseFloat(value); + // any string that only contains numbers, like "1234" but not like "1234hello" + if (!isNaN(value - parsedNb)) { + return new Date(parsedNb); + } + if (/^(\d{4}-\d{1,2}-\d{1,2})$/.test(value)) { + /* For ISO Strings without time the day, month and year must be extracted from the ISO String + before Date creation to avoid time offset and errors in the new Date. + If we only replace '-' with ',' in the ISO String ("2015,01,01"), and try to create a new + date, some browsers (e.g. IE 9) will throw an invalid Date error. + If we leave the '-' ("2015-01-01") and try to create a new Date("2015-01-01") the timeoffset + is applied. + Note: ISO months are 0 for January, 1 for February, ... */ + var _a = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__read"])(value.split('-').map(function (val) { return +val; }), 3), y = _a[0], m = _a[1], d = _a[2]; + return new Date(y, m - 1, d); + } + var match = void 0; + if (match = value.match(ISO8601_DATE_REGEX)) { + return isoStringToDate(match); + } + } + var date = new Date(value); + if (!isDate(date)) { + throw new Error("Unable to convert \"" + value + "\" into a date"); + } + return date; +} +/** + * Converts a date in ISO8601 to a Date. + * Used instead of `Date.parse` because of browser discrepancies. + */ +function isoStringToDate(match) { + var date = new Date(0); + var tzHour = 0; + var tzMin = 0; + // match[8] means that the string contains "Z" (UTC) or a timezone like "+01:00" or "+0100" + var dateSetter = match[8] ? date.setUTCFullYear : date.setFullYear; + var timeSetter = match[8] ? date.setUTCHours : date.setHours; + // if there is a timezone defined like "+01:00" or "+0100" + if (match[9]) { + tzHour = Number(match[9] + match[10]); + tzMin = Number(match[9] + match[11]); + } + dateSetter.call(date, Number(match[1]), Number(match[2]) - 1, Number(match[3])); + var h = Number(match[4] || 0) - tzHour; + var m = Number(match[5] || 0) - tzMin; + var s = Number(match[6] || 0); + var ms = Math.round(parseFloat('0.' + (match[7] || 0)) * 1000); + timeSetter.call(date, h, m, s, ms); + return date; +} +function isDate(value) { + return value instanceof Date && !isNaN(value.valueOf()); +} + +/** + * @license + * Copyright Google Inc. 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 + */ +var NUMBER_FORMAT_REGEXP = /^(\d+)?\.((\d+)(-(\d+))?)?$/; +var MAX_DIGITS = 22; +var DECIMAL_SEP = '.'; +var ZERO_CHAR = '0'; +var PATTERN_SEP = ';'; +var GROUP_SEP = ','; +var DIGIT_CHAR = '#'; +var CURRENCY_CHAR = '¤'; +var PERCENT_CHAR = '%'; +/** + * Transforms a number to a locale string based on a style and a format. + */ +function formatNumberToLocaleString(value, pattern, locale, groupSymbol, decimalSymbol, digitsInfo, isPercent) { + if (isPercent === void 0) { isPercent = false; } + var formattedText = ''; + var isZero = false; + if (!isFinite(value)) { + formattedText = getLocaleNumberSymbol(locale, NumberSymbol.Infinity); + } + else { + var parsedNumber = parseNumber(value); + if (isPercent) { + parsedNumber = toPercent(parsedNumber); + } + var minInt = pattern.minInt; + var minFraction = pattern.minFrac; + var maxFraction = pattern.maxFrac; + if (digitsInfo) { + var parts = digitsInfo.match(NUMBER_FORMAT_REGEXP); + if (parts === null) { + throw new Error(digitsInfo + " is not a valid digit info"); + } + var minIntPart = parts[1]; + var minFractionPart = parts[3]; + var maxFractionPart = parts[5]; + if (minIntPart != null) { + minInt = parseIntAutoRadix(minIntPart); + } + if (minFractionPart != null) { + minFraction = parseIntAutoRadix(minFractionPart); + } + if (maxFractionPart != null) { + maxFraction = parseIntAutoRadix(maxFractionPart); + } + else if (minFractionPart != null && minFraction > maxFraction) { + maxFraction = minFraction; + } + } + roundNumber(parsedNumber, minFraction, maxFraction); + var digits = parsedNumber.digits; + var integerLen = parsedNumber.integerLen; + var exponent = parsedNumber.exponent; + var decimals = []; + isZero = digits.every(function (d) { return !d; }); + // pad zeros for small numbers + for (; integerLen < minInt; integerLen++) { + digits.unshift(0); + } + // pad zeros for small numbers + for (; integerLen < 0; integerLen++) { + digits.unshift(0); + } + // extract decimals digits + if (integerLen > 0) { + decimals = digits.splice(integerLen, digits.length); + } + else { + decimals = digits; + digits = [0]; + } + // format the integer digits with grouping separators + var groups = []; + if (digits.length >= pattern.lgSize) { + groups.unshift(digits.splice(-pattern.lgSize, digits.length).join('')); + } + while (digits.length > pattern.gSize) { + groups.unshift(digits.splice(-pattern.gSize, digits.length).join('')); + } + if (digits.length) { + groups.unshift(digits.join('')); + } + formattedText = groups.join(getLocaleNumberSymbol(locale, groupSymbol)); + // append the decimal digits + if (decimals.length) { + formattedText += getLocaleNumberSymbol(locale, decimalSymbol) + decimals.join(''); + } + if (exponent) { + formattedText += getLocaleNumberSymbol(locale, NumberSymbol.Exponential) + '+' + exponent; + } + } + if (value < 0 && !isZero) { + formattedText = pattern.negPre + formattedText + pattern.negSuf; + } + else { + formattedText = pattern.posPre + formattedText + pattern.posSuf; + } + return formattedText; +} +/** + * @ngModule CommonModule + * @description + * + * Formats a number as currency using locale rules. + * + * @param value The number to format. + * @param locale A locale code for the locale format rules to use. + * @param currency A string containing the currency symbol or its name, + * such as "$" or "Canadian Dollar". Used in output string, but does not affect the operation + * of the function. + * @param currencyCode The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) + * currency code to use in the result string, such as `USD` for the US dollar and `EUR` for the euro. + * @param digitInfo Decimal representation options, specified by a string in the following format: + * `{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}`. See `DecimalPipe` for more details. + * + * @returns The formatted currency value. + * + * @see `formatNumber()` + * @see `DecimalPipe` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function formatCurrency(value, locale, currency, currencyCode, digitsInfo) { + var format = getLocaleNumberFormat(locale, NumberFormatStyle.Currency); + var pattern = parseNumberFormat(format, getLocaleNumberSymbol(locale, NumberSymbol.MinusSign)); + pattern.minFrac = getNumberOfCurrencyDigits(currencyCode); + pattern.maxFrac = pattern.minFrac; + var res = formatNumberToLocaleString(value, pattern, locale, NumberSymbol.CurrencyGroup, NumberSymbol.CurrencyDecimal, digitsInfo); + return res + .replace(CURRENCY_CHAR, currency) + // if we have 2 time the currency character, the second one is ignored + .replace(CURRENCY_CHAR, ''); +} +/** + * @ngModule CommonModule + * @description + * + * Formats a number as a percentage according to locale rules. + * + * @param value The number to format. + * @param locale A locale code for the locale format rules to use. + * @param digitInfo Decimal representation options, specified by a string in the following format: + * `{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}`. See `DecimalPipe` for more details. + * + * @returns The formatted percentage value. + * + * @see `formatNumber()` + * @see `DecimalPipe` + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * @publicApi + * + */ +function formatPercent(value, locale, digitsInfo) { + var format = getLocaleNumberFormat(locale, NumberFormatStyle.Percent); + var pattern = parseNumberFormat(format, getLocaleNumberSymbol(locale, NumberSymbol.MinusSign)); + var res = formatNumberToLocaleString(value, pattern, locale, NumberSymbol.Group, NumberSymbol.Decimal, digitsInfo, true); + return res.replace(new RegExp(PERCENT_CHAR, 'g'), getLocaleNumberSymbol(locale, NumberSymbol.PercentSign)); +} +/** + * @ngModule CommonModule + * @description + * + * Formats a number as text, with group sizing, separator, and other + * parameters based on the locale. + * + * @param value The number to format. + * @param locale A locale code for the locale format rules to use. + * @param digitInfo Decimal representation options, specified by a string in the following format: + * `{minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}`. See `DecimalPipe` for more details. + * + * @returns The formatted text string. + * @see [Internationalization (i18n) Guide](https://angular.io/guide/i18n) + * + * @publicApi + */ +function formatNumber(value, locale, digitsInfo) { + var format = getLocaleNumberFormat(locale, NumberFormatStyle.Decimal); + var pattern = parseNumberFormat(format, getLocaleNumberSymbol(locale, NumberSymbol.MinusSign)); + return formatNumberToLocaleString(value, pattern, locale, NumberSymbol.Group, NumberSymbol.Decimal, digitsInfo); +} +function parseNumberFormat(format, minusSign) { + if (minusSign === void 0) { minusSign = '-'; } + var p = { + minInt: 1, + minFrac: 0, + maxFrac: 0, + posPre: '', + posSuf: '', + negPre: '', + negSuf: '', + gSize: 0, + lgSize: 0 + }; + var patternParts = format.split(PATTERN_SEP); + var positive = patternParts[0]; + var negative = patternParts[1]; + var positiveParts = positive.indexOf(DECIMAL_SEP) !== -1 ? + positive.split(DECIMAL_SEP) : + [ + positive.substring(0, positive.lastIndexOf(ZERO_CHAR) + 1), + positive.substring(positive.lastIndexOf(ZERO_CHAR) + 1) + ], integer = positiveParts[0], fraction = positiveParts[1] || ''; + p.posPre = integer.substr(0, integer.indexOf(DIGIT_CHAR)); + for (var i = 0; i < fraction.length; i++) { + var ch = fraction.charAt(i); + if (ch === ZERO_CHAR) { + p.minFrac = p.maxFrac = i + 1; + } + else if (ch === DIGIT_CHAR) { + p.maxFrac = i + 1; + } + else { + p.posSuf += ch; + } + } + var groups = integer.split(GROUP_SEP); + p.gSize = groups[1] ? groups[1].length : 0; + p.lgSize = (groups[2] || groups[1]) ? (groups[2] || groups[1]).length : 0; + if (negative) { + var trunkLen = positive.length - p.posPre.length - p.posSuf.length, pos = negative.indexOf(DIGIT_CHAR); + p.negPre = negative.substr(0, pos).replace(/'/g, ''); + p.negSuf = negative.substr(pos + trunkLen).replace(/'/g, ''); + } + else { + p.negPre = minusSign + p.posPre; + p.negSuf = p.posSuf; + } + return p; +} +// Transforms a parsed number into a percentage by multiplying it by 100 +function toPercent(parsedNumber) { + // if the number is 0, don't do anything + if (parsedNumber.digits[0] === 0) { + return parsedNumber; + } + // Getting the current number of decimals + var fractionLen = parsedNumber.digits.length - parsedNumber.integerLen; + if (parsedNumber.exponent) { + parsedNumber.exponent += 2; + } + else { + if (fractionLen === 0) { + parsedNumber.digits.push(0, 0); + } + else if (fractionLen === 1) { + parsedNumber.digits.push(0); + } + parsedNumber.integerLen += 2; + } + return parsedNumber; +} +/** + * Parses a number. + * Significant bits of this parse algorithm came from https://github.com/MikeMcl/big.js/ + */ +function parseNumber(num) { + var numStr = Math.abs(num) + ''; + var exponent = 0, digits, integerLen; + var i, j, zeros; + // Decimal point? + if ((integerLen = numStr.indexOf(DECIMAL_SEP)) > -1) { + numStr = numStr.replace(DECIMAL_SEP, ''); + } + // Exponential form? + if ((i = numStr.search(/e/i)) > 0) { + // Work out the exponent. + if (integerLen < 0) + integerLen = i; + integerLen += +numStr.slice(i + 1); + numStr = numStr.substring(0, i); + } + else if (integerLen < 0) { + // There was no decimal point or exponent so it is an integer. + integerLen = numStr.length; + } + // Count the number of leading zeros. + for (i = 0; numStr.charAt(i) === ZERO_CHAR; i++) { /* empty */ + } + if (i === (zeros = numStr.length)) { + // The digits are all zero. + digits = [0]; + integerLen = 1; + } + else { + // Count the number of trailing zeros + zeros--; + while (numStr.charAt(zeros) === ZERO_CHAR) + zeros--; + // Trailing zeros are insignificant so ignore them + integerLen -= i; + digits = []; + // Convert string to array of digits without leading/trailing zeros. + for (j = 0; i <= zeros; i++, j++) { + digits[j] = Number(numStr.charAt(i)); + } + } + // If the number overflows the maximum allowed digits then use an exponent. + if (integerLen > MAX_DIGITS) { + digits = digits.splice(0, MAX_DIGITS - 1); + exponent = integerLen - 1; + integerLen = 1; + } + return { digits: digits, exponent: exponent, integerLen: integerLen }; +} +/** + * Round the parsed number to the specified number of decimal places + * This function changes the parsedNumber in-place + */ +function roundNumber(parsedNumber, minFrac, maxFrac) { + if (minFrac > maxFrac) { + throw new Error("The minimum number of digits after fraction (" + minFrac + ") is higher than the maximum (" + maxFrac + ")."); + } + var digits = parsedNumber.digits; + var fractionLen = digits.length - parsedNumber.integerLen; + var fractionSize = Math.min(Math.max(minFrac, fractionLen), maxFrac); + // The index of the digit to where rounding is to occur + var roundAt = fractionSize + parsedNumber.integerLen; + var digit = digits[roundAt]; + if (roundAt > 0) { + // Drop fractional digits beyond `roundAt` + digits.splice(Math.max(parsedNumber.integerLen, roundAt)); + // Set non-fractional digits beyond `roundAt` to 0 + for (var j = roundAt; j < digits.length; j++) { + digits[j] = 0; + } + } + else { + // We rounded to zero so reset the parsedNumber + fractionLen = Math.max(0, fractionLen); + parsedNumber.integerLen = 1; + digits.length = Math.max(1, roundAt = fractionSize + 1); + digits[0] = 0; + for (var i = 1; i < roundAt; i++) + digits[i] = 0; + } + if (digit >= 5) { + if (roundAt - 1 < 0) { + for (var k = 0; k > roundAt; k--) { + digits.unshift(0); + parsedNumber.integerLen++; + } + digits.unshift(1); + parsedNumber.integerLen++; + } + else { + digits[roundAt - 1]++; + } + } + // Pad out with zeros to get the required fraction length + for (; fractionLen < Math.max(0, fractionSize); fractionLen++) + digits.push(0); + var dropTrailingZeros = fractionSize !== 0; + // Minimal length = nb of decimals required + current nb of integers + // Any number besides that is optional and can be removed if it's a trailing 0 + var minLen = minFrac + parsedNumber.integerLen; + // Do any carrying, e.g. a digit was rounded up to 10 + var carry = digits.reduceRight(function (carry, d, i, digits) { + d = d + carry; + digits[i] = d < 10 ? d : d - 10; // d % 10 + if (dropTrailingZeros) { + // Do not keep meaningless fractional trailing zeros (e.g. 15.52000 --> 15.52) + if (digits[i] === 0 && i >= minLen) { + digits.pop(); + } + else { + dropTrailingZeros = false; + } + } + return d >= 10 ? 1 : 0; // Math.floor(d / 10); + }, 0); + if (carry) { + digits.unshift(carry); + parsedNumber.integerLen++; + } +} +function parseIntAutoRadix(text) { + var result = parseInt(text); + if (isNaN(result)) { + throw new Error('Invalid integer literal when parsing ' + text); + } + return result; +} + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @deprecated from v5 + */ +var DEPRECATED_PLURAL_FN = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["InjectionToken"]('UseV4Plurals'); +/** + * @publicApi + */ +var NgLocalization = /** @class */ (function () { + function NgLocalization() { + } + return NgLocalization; +}()); +/** + * Returns the plural category for a given value. + * - "=value" when the case exists, + * - the plural category otherwise + */ +function getPluralCategory(value, cases, ngLocalization, locale) { + var key = "=" + value; + if (cases.indexOf(key) > -1) { + return key; + } + key = ngLocalization.getPluralCategory(value, locale); + if (cases.indexOf(key) > -1) { + return key; + } + if (cases.indexOf('other') > -1) { + return 'other'; + } + throw new Error("No plural message found for value \"" + value + "\""); +} +/** + * Returns the plural case based on the locale + * + * @publicApi + */ +var NgLocaleLocalization = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__extends"])(NgLocaleLocalization, _super); + function NgLocaleLocalization(locale, + /** @deprecated from v5 */ + deprecatedPluralFn) { + var _this = _super.call(this) || this; + _this.locale = locale; + _this.deprecatedPluralFn = deprecatedPluralFn; + return _this; + } + NgLocaleLocalization.prototype.getPluralCategory = function (value, locale) { + var plural = this.deprecatedPluralFn ? this.deprecatedPluralFn(locale || this.locale, value) : + getLocalePluralCase(locale || this.locale)(value); + switch (plural) { + case Plural.Zero: + return 'zero'; + case Plural.One: + return 'one'; + case Plural.Two: + return 'two'; + case Plural.Few: + return 'few'; + case Plural.Many: + return 'many'; + default: + return 'other'; + } + }; + NgLocaleLocalization = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Injectable"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["LOCALE_ID"])), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(1, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Optional"])()), Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(1, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(DEPRECATED_PLURAL_FN)), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String, Object]) + ], NgLocaleLocalization); + return NgLocaleLocalization; +}(NgLocalization)); +/** + * Returns the plural case based on the locale + * + * @deprecated from v5 the plural case function is in locale data files common/locales/*.ts + * @publicApi + */ +function getPluralCase(locale, nLike) { + // TODO(vicb): lazy compute + if (typeof nLike === 'string') { + nLike = parseInt(nLike, 10); + } + var n = nLike; + var nDecimal = n.toString().replace(/^[^.]*\.?/, ''); + var i = Math.floor(Math.abs(n)); + var v = nDecimal.length; + var f = parseInt(nDecimal, 10); + var t = parseInt(n.toString().replace(/^[^.]*\.?|0+$/g, ''), 10) || 0; + var lang = locale.split('-')[0].toLowerCase(); + switch (lang) { + case 'af': + case 'asa': + case 'az': + case 'bem': + case 'bez': + case 'bg': + case 'brx': + case 'ce': + case 'cgg': + case 'chr': + case 'ckb': + case 'ee': + case 'el': + case 'eo': + case 'es': + case 'eu': + case 'fo': + case 'fur': + case 'gsw': + case 'ha': + case 'haw': + case 'hu': + case 'jgo': + case 'jmc': + case 'ka': + case 'kk': + case 'kkj': + case 'kl': + case 'ks': + case 'ksb': + case 'ky': + case 'lb': + case 'lg': + case 'mas': + case 'mgo': + case 'ml': + case 'mn': + case 'nb': + case 'nd': + case 'ne': + case 'nn': + case 'nnh': + case 'nyn': + case 'om': + case 'or': + case 'os': + case 'ps': + case 'rm': + case 'rof': + case 'rwk': + case 'saq': + case 'seh': + case 'sn': + case 'so': + case 'sq': + case 'ta': + case 'te': + case 'teo': + case 'tk': + case 'tr': + case 'ug': + case 'uz': + case 'vo': + case 'vun': + case 'wae': + case 'xog': + if (n === 1) + return Plural.One; + return Plural.Other; + case 'ak': + case 'ln': + case 'mg': + case 'pa': + case 'ti': + if (n === Math.floor(n) && n >= 0 && n <= 1) + return Plural.One; + return Plural.Other; + case 'am': + case 'as': + case 'bn': + case 'fa': + case 'gu': + case 'hi': + case 'kn': + case 'mr': + case 'zu': + if (i === 0 || n === 1) + return Plural.One; + return Plural.Other; + case 'ar': + if (n === 0) + return Plural.Zero; + if (n === 1) + return Plural.One; + if (n === 2) + return Plural.Two; + if (n % 100 === Math.floor(n % 100) && n % 100 >= 3 && n % 100 <= 10) + return Plural.Few; + if (n % 100 === Math.floor(n % 100) && n % 100 >= 11 && n % 100 <= 99) + return Plural.Many; + return Plural.Other; + case 'ast': + case 'ca': + case 'de': + case 'en': + case 'et': + case 'fi': + case 'fy': + case 'gl': + case 'it': + case 'nl': + case 'sv': + case 'sw': + case 'ur': + case 'yi': + if (i === 1 && v === 0) + return Plural.One; + return Plural.Other; + case 'be': + if (n % 10 === 1 && !(n % 100 === 11)) + return Plural.One; + if (n % 10 === Math.floor(n % 10) && n % 10 >= 2 && n % 10 <= 4 && + !(n % 100 >= 12 && n % 100 <= 14)) + return Plural.Few; + if (n % 10 === 0 || n % 10 === Math.floor(n % 10) && n % 10 >= 5 && n % 10 <= 9 || + n % 100 === Math.floor(n % 100) && n % 100 >= 11 && n % 100 <= 14) + return Plural.Many; + return Plural.Other; + case 'br': + if (n % 10 === 1 && !(n % 100 === 11 || n % 100 === 71 || n % 100 === 91)) + return Plural.One; + if (n % 10 === 2 && !(n % 100 === 12 || n % 100 === 72 || n % 100 === 92)) + return Plural.Two; + if (n % 10 === Math.floor(n % 10) && (n % 10 >= 3 && n % 10 <= 4 || n % 10 === 9) && + !(n % 100 >= 10 && n % 100 <= 19 || n % 100 >= 70 && n % 100 <= 79 || + n % 100 >= 90 && n % 100 <= 99)) + return Plural.Few; + if (!(n === 0) && n % 1e6 === 0) + return Plural.Many; + return Plural.Other; + case 'bs': + case 'hr': + case 'sr': + if (v === 0 && i % 10 === 1 && !(i % 100 === 11) || f % 10 === 1 && !(f % 100 === 11)) + return Plural.One; + if (v === 0 && i % 10 === Math.floor(i % 10) && i % 10 >= 2 && i % 10 <= 4 && + !(i % 100 >= 12 && i % 100 <= 14) || + f % 10 === Math.floor(f % 10) && f % 10 >= 2 && f % 10 <= 4 && + !(f % 100 >= 12 && f % 100 <= 14)) + return Plural.Few; + return Plural.Other; + case 'cs': + case 'sk': + if (i === 1 && v === 0) + return Plural.One; + if (i === Math.floor(i) && i >= 2 && i <= 4 && v === 0) + return Plural.Few; + if (!(v === 0)) + return Plural.Many; + return Plural.Other; + case 'cy': + if (n === 0) + return Plural.Zero; + if (n === 1) + return Plural.One; + if (n === 2) + return Plural.Two; + if (n === 3) + return Plural.Few; + if (n === 6) + return Plural.Many; + return Plural.Other; + case 'da': + if (n === 1 || !(t === 0) && (i === 0 || i === 1)) + return Plural.One; + return Plural.Other; + case 'dsb': + case 'hsb': + if (v === 0 && i % 100 === 1 || f % 100 === 1) + return Plural.One; + if (v === 0 && i % 100 === 2 || f % 100 === 2) + return Plural.Two; + if (v === 0 && i % 100 === Math.floor(i % 100) && i % 100 >= 3 && i % 100 <= 4 || + f % 100 === Math.floor(f % 100) && f % 100 >= 3 && f % 100 <= 4) + return Plural.Few; + return Plural.Other; + case 'ff': + case 'fr': + case 'hy': + case 'kab': + if (i === 0 || i === 1) + return Plural.One; + return Plural.Other; + case 'fil': + if (v === 0 && (i === 1 || i === 2 || i === 3) || + v === 0 && !(i % 10 === 4 || i % 10 === 6 || i % 10 === 9) || + !(v === 0) && !(f % 10 === 4 || f % 10 === 6 || f % 10 === 9)) + return Plural.One; + return Plural.Other; + case 'ga': + if (n === 1) + return Plural.One; + if (n === 2) + return Plural.Two; + if (n === Math.floor(n) && n >= 3 && n <= 6) + return Plural.Few; + if (n === Math.floor(n) && n >= 7 && n <= 10) + return Plural.Many; + return Plural.Other; + case 'gd': + if (n === 1 || n === 11) + return Plural.One; + if (n === 2 || n === 12) + return Plural.Two; + if (n === Math.floor(n) && (n >= 3 && n <= 10 || n >= 13 && n <= 19)) + return Plural.Few; + return Plural.Other; + case 'gv': + if (v === 0 && i % 10 === 1) + return Plural.One; + if (v === 0 && i % 10 === 2) + return Plural.Two; + if (v === 0 && + (i % 100 === 0 || i % 100 === 20 || i % 100 === 40 || i % 100 === 60 || i % 100 === 80)) + return Plural.Few; + if (!(v === 0)) + return Plural.Many; + return Plural.Other; + case 'he': + if (i === 1 && v === 0) + return Plural.One; + if (i === 2 && v === 0) + return Plural.Two; + if (v === 0 && !(n >= 0 && n <= 10) && n % 10 === 0) + return Plural.Many; + return Plural.Other; + case 'is': + if (t === 0 && i % 10 === 1 && !(i % 100 === 11) || !(t === 0)) + return Plural.One; + return Plural.Other; + case 'ksh': + if (n === 0) + return Plural.Zero; + if (n === 1) + return Plural.One; + return Plural.Other; + case 'kw': + case 'naq': + case 'se': + case 'smn': + if (n === 1) + return Plural.One; + if (n === 2) + return Plural.Two; + return Plural.Other; + case 'lag': + if (n === 0) + return Plural.Zero; + if ((i === 0 || i === 1) && !(n === 0)) + return Plural.One; + return Plural.Other; + case 'lt': + if (n % 10 === 1 && !(n % 100 >= 11 && n % 100 <= 19)) + return Plural.One; + if (n % 10 === Math.floor(n % 10) && n % 10 >= 2 && n % 10 <= 9 && + !(n % 100 >= 11 && n % 100 <= 19)) + return Plural.Few; + if (!(f === 0)) + return Plural.Many; + return Plural.Other; + case 'lv': + case 'prg': + if (n % 10 === 0 || n % 100 === Math.floor(n % 100) && n % 100 >= 11 && n % 100 <= 19 || + v === 2 && f % 100 === Math.floor(f % 100) && f % 100 >= 11 && f % 100 <= 19) + return Plural.Zero; + if (n % 10 === 1 && !(n % 100 === 11) || v === 2 && f % 10 === 1 && !(f % 100 === 11) || + !(v === 2) && f % 10 === 1) + return Plural.One; + return Plural.Other; + case 'mk': + if (v === 0 && i % 10 === 1 || f % 10 === 1) + return Plural.One; + return Plural.Other; + case 'mt': + if (n === 1) + return Plural.One; + if (n === 0 || n % 100 === Math.floor(n % 100) && n % 100 >= 2 && n % 100 <= 10) + return Plural.Few; + if (n % 100 === Math.floor(n % 100) && n % 100 >= 11 && n % 100 <= 19) + return Plural.Many; + return Plural.Other; + case 'pl': + if (i === 1 && v === 0) + return Plural.One; + if (v === 0 && i % 10 === Math.floor(i % 10) && i % 10 >= 2 && i % 10 <= 4 && + !(i % 100 >= 12 && i % 100 <= 14)) + return Plural.Few; + if (v === 0 && !(i === 1) && i % 10 === Math.floor(i % 10) && i % 10 >= 0 && i % 10 <= 1 || + v === 0 && i % 10 === Math.floor(i % 10) && i % 10 >= 5 && i % 10 <= 9 || + v === 0 && i % 100 === Math.floor(i % 100) && i % 100 >= 12 && i % 100 <= 14) + return Plural.Many; + return Plural.Other; + case 'pt': + if (n === Math.floor(n) && n >= 0 && n <= 2 && !(n === 2)) + return Plural.One; + return Plural.Other; + case 'ro': + if (i === 1 && v === 0) + return Plural.One; + if (!(v === 0) || n === 0 || + !(n === 1) && n % 100 === Math.floor(n % 100) && n % 100 >= 1 && n % 100 <= 19) + return Plural.Few; + return Plural.Other; + case 'ru': + case 'uk': + if (v === 0 && i % 10 === 1 && !(i % 100 === 11)) + return Plural.One; + if (v === 0 && i % 10 === Math.floor(i % 10) && i % 10 >= 2 && i % 10 <= 4 && + !(i % 100 >= 12 && i % 100 <= 14)) + return Plural.Few; + if (v === 0 && i % 10 === 0 || + v === 0 && i % 10 === Math.floor(i % 10) && i % 10 >= 5 && i % 10 <= 9 || + v === 0 && i % 100 === Math.floor(i % 100) && i % 100 >= 11 && i % 100 <= 14) + return Plural.Many; + return Plural.Other; + case 'shi': + if (i === 0 || n === 1) + return Plural.One; + if (n === Math.floor(n) && n >= 2 && n <= 10) + return Plural.Few; + return Plural.Other; + case 'si': + if (n === 0 || n === 1 || i === 0 && f === 1) + return Plural.One; + return Plural.Other; + case 'sl': + if (v === 0 && i % 100 === 1) + return Plural.One; + if (v === 0 && i % 100 === 2) + return Plural.Two; + if (v === 0 && i % 100 === Math.floor(i % 100) && i % 100 >= 3 && i % 100 <= 4 || !(v === 0)) + return Plural.Few; + return Plural.Other; + case 'tzm': + if (n === Math.floor(n) && n >= 0 && n <= 1 || n === Math.floor(n) && n >= 11 && n <= 99) + return Plural.One; + return Plural.Other; + // When there is no specification, the default is always "other" + // Spec: http://cldr.unicode.org/index/cldr-spec/plural-rules + // > other (required—general plural form — also used if the language only has a single form) + default: + return Plural.Other; + } +} + +/** + * @license + * Copyright Google Inc. 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 + */ +function parseCookieValue(cookieStr, name) { + var e_1, _a; + name = encodeURIComponent(name); + try { + for (var _b = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__values"])(cookieStr.split(';')), _c = _b.next(); !_c.done; _c = _b.next()) { + var cookie = _c.value; + var eqIndex = cookie.indexOf('='); + var _d = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__read"])(eqIndex == -1 ? [cookie, ''] : [cookie.slice(0, eqIndex), cookie.slice(eqIndex + 1)], 2), cookieName = _d[0], cookieValue = _d[1]; + if (cookieName.trim() === name) { + return decodeURIComponent(cookieValue); + } + } + } + catch (e_1_1) { e_1 = { error: e_1_1 }; } + finally { + try { + if (_c && !_c.done && (_a = _b.return)) _a.call(_b); + } + finally { if (e_1) throw e_1.error; } + } + return null; +} + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @ngModule CommonModule + * + * @usageNotes + * ``` + * ... + * + * ... + * + * ... + * + * ... + * + * ... + * ``` + * + * @description + * + * Adds and removes CSS classes on an HTML element. + * + * The CSS classes are updated as follows, depending on the type of the expression evaluation: + * - `string` - the CSS classes listed in the string (space delimited) are added, + * - `Array` - the CSS classes declared as Array elements are added, + * - `Object` - keys are CSS classes that get added when the expression given in the value + * evaluates to a truthy value, otherwise they are removed. + * + * @publicApi + */ +var NgClass = /** @class */ (function () { + function NgClass(_iterableDiffers, _keyValueDiffers, _ngEl, _renderer) { + this._iterableDiffers = _iterableDiffers; + this._keyValueDiffers = _keyValueDiffers; + this._ngEl = _ngEl; + this._renderer = _renderer; + this._initialClasses = []; + } + Object.defineProperty(NgClass.prototype, "klass", { + set: function (value) { + this._removeClasses(this._initialClasses); + this._initialClasses = typeof value === 'string' ? value.split(/\s+/) : []; + this._applyClasses(this._initialClasses); + this._applyClasses(this._rawClass); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(NgClass.prototype, "ngClass", { + set: function (value) { + this._removeClasses(this._rawClass); + this._applyClasses(this._initialClasses); + this._iterableDiffer = null; + this._keyValueDiffer = null; + this._rawClass = typeof value === 'string' ? value.split(/\s+/) : value; + if (this._rawClass) { + if (Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵisListLikeIterable"])(this._rawClass)) { + this._iterableDiffer = this._iterableDiffers.find(this._rawClass).create(); + } + else { + this._keyValueDiffer = this._keyValueDiffers.find(this._rawClass).create(); + } + } + }, + enumerable: true, + configurable: true + }); + NgClass.prototype.ngDoCheck = function () { + if (this._iterableDiffer) { + var iterableChanges = this._iterableDiffer.diff(this._rawClass); + if (iterableChanges) { + this._applyIterableChanges(iterableChanges); + } + } + else if (this._keyValueDiffer) { + var keyValueChanges = this._keyValueDiffer.diff(this._rawClass); + if (keyValueChanges) { + this._applyKeyValueChanges(keyValueChanges); + } + } + }; + NgClass.prototype._applyKeyValueChanges = function (changes) { + var _this = this; + changes.forEachAddedItem(function (record) { return _this._toggleClass(record.key, record.currentValue); }); + changes.forEachChangedItem(function (record) { return _this._toggleClass(record.key, record.currentValue); }); + changes.forEachRemovedItem(function (record) { + if (record.previousValue) { + _this._toggleClass(record.key, false); + } + }); + }; + NgClass.prototype._applyIterableChanges = function (changes) { + var _this = this; + changes.forEachAddedItem(function (record) { + if (typeof record.item === 'string') { + _this._toggleClass(record.item, true); + } + else { + throw new Error("NgClass can only toggle CSS classes expressed as strings, got " + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵstringify"])(record.item)); + } + }); + changes.forEachRemovedItem(function (record) { return _this._toggleClass(record.item, false); }); + }; + /** + * Applies a collection of CSS classes to the DOM element. + * + * For argument of type Set and Array CSS class names contained in those collections are always + * added. + * For argument of type Map CSS class name in the map's key is toggled based on the value (added + * for truthy and removed for falsy). + */ + NgClass.prototype._applyClasses = function (rawClassVal) { + var _this = this; + if (rawClassVal) { + if (Array.isArray(rawClassVal) || rawClassVal instanceof Set) { + rawClassVal.forEach(function (klass) { return _this._toggleClass(klass, true); }); + } + else { + Object.keys(rawClassVal).forEach(function (klass) { return _this._toggleClass(klass, !!rawClassVal[klass]); }); + } + } + }; + /** + * Removes a collection of CSS classes from the DOM element. This is mostly useful for cleanup + * purposes. + */ + NgClass.prototype._removeClasses = function (rawClassVal) { + var _this = this; + if (rawClassVal) { + if (Array.isArray(rawClassVal) || rawClassVal instanceof Set) { + rawClassVal.forEach(function (klass) { return _this._toggleClass(klass, false); }); + } + else { + Object.keys(rawClassVal).forEach(function (klass) { return _this._toggleClass(klass, false); }); + } + } + }; + NgClass.prototype._toggleClass = function (klass, enabled) { + var _this = this; + klass = klass.trim(); + if (klass) { + klass.split(/\s+/g).forEach(function (klass) { + if (enabled) { + _this._renderer.addClass(_this._ngEl.nativeElement, klass); + } + else { + _this._renderer.removeClass(_this._ngEl.nativeElement, klass); + } + }); + } + }; + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])('class'), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", String), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String]) + ], NgClass.prototype, "klass", null); + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Object), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [Object]) + ], NgClass.prototype, "ngClass", null); + NgClass = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngClass]' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["IterableDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_0__["KeyValueDiffers"], + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"], _angular_core__WEBPACK_IMPORTED_MODULE_0__["Renderer2"]]) + ], NgClass); + return NgClass; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * Instantiates a single {@link Component} type and inserts its Host View into current View. + * `NgComponentOutlet` provides a declarative approach for dynamic component creation. + * + * `NgComponentOutlet` requires a component type, if a falsy value is set the view will clear and + * any existing component will get destroyed. + * + * @usageNotes + * + * ### Fine tune control + * + * You can control the component creation process by using the following optional attributes: + * + * * `ngComponentOutletInjector`: Optional custom {@link Injector} that will be used as parent for + * the Component. Defaults to the injector of the current view container. + * + * * `ngComponentOutletContent`: Optional list of projectable nodes to insert into the content + * section of the component, if exists. + * + * * `ngComponentOutletNgModuleFactory`: Optional module factory to allow dynamically loading other + * module, then load a component from that module. + * + * ### Syntax + * + * Simple + * ``` + * + * ``` + * + * Customized injector/content + * ``` + * + * + * ``` + * + * Customized ngModuleFactory + * ``` + * + * + * ``` + * + * ### A simple example + * + * {@example common/ngComponentOutlet/ts/module.ts region='SimpleExample'} + * + * A more complete example with additional options: + * + * {@example common/ngComponentOutlet/ts/module.ts region='CompleteExample'} + + * A more complete example with ngModuleFactory: + * + * {@example common/ngComponentOutlet/ts/module.ts region='NgModuleFactoryExample'} + * + * @publicApi + * @ngModule CommonModule + */ +var NgComponentOutlet = /** @class */ (function () { + function NgComponentOutlet(_viewContainerRef) { + this._viewContainerRef = _viewContainerRef; + this._componentRef = null; + this._moduleRef = null; + } + NgComponentOutlet.prototype.ngOnChanges = function (changes) { + this._viewContainerRef.clear(); + this._componentRef = null; + if (this.ngComponentOutlet) { + var elInjector = this.ngComponentOutletInjector || this._viewContainerRef.parentInjector; + if (changes['ngComponentOutletNgModuleFactory']) { + if (this._moduleRef) + this._moduleRef.destroy(); + if (this.ngComponentOutletNgModuleFactory) { + var parentModule = elInjector.get(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModuleRef"]); + this._moduleRef = this.ngComponentOutletNgModuleFactory.create(parentModule.injector); + } + else { + this._moduleRef = null; + } + } + var componentFactoryResolver = this._moduleRef ? this._moduleRef.componentFactoryResolver : + elInjector.get(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ComponentFactoryResolver"]); + var componentFactory = componentFactoryResolver.resolveComponentFactory(this.ngComponentOutlet); + this._componentRef = this._viewContainerRef.createComponent(componentFactory, this._viewContainerRef.length, elInjector, this.ngComponentOutletContent); + } + }; + NgComponentOutlet.prototype.ngOnDestroy = function () { + if (this._moduleRef) + this._moduleRef.destroy(); + }; + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", _angular_core__WEBPACK_IMPORTED_MODULE_0__["Type"]) + ], NgComponentOutlet.prototype, "ngComponentOutlet", void 0); + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", _angular_core__WEBPACK_IMPORTED_MODULE_0__["Injector"]) + ], NgComponentOutlet.prototype, "ngComponentOutletInjector", void 0); + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Array) + ], NgComponentOutlet.prototype, "ngComponentOutletContent", void 0); + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", _angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModuleFactory"]) + ], NgComponentOutlet.prototype, "ngComponentOutletNgModuleFactory", void 0); + NgComponentOutlet = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngComponentOutlet]' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewContainerRef"]]) + ], NgComponentOutlet); + return NgComponentOutlet; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @publicApi + */ +var NgForOfContext = /** @class */ (function () { + function NgForOfContext($implicit, ngForOf, index, count) { + this.$implicit = $implicit; + this.ngForOf = ngForOf; + this.index = index; + this.count = count; + } + Object.defineProperty(NgForOfContext.prototype, "first", { + get: function () { return this.index === 0; }, + enumerable: true, + configurable: true + }); + Object.defineProperty(NgForOfContext.prototype, "last", { + get: function () { return this.index === this.count - 1; }, + enumerable: true, + configurable: true + }); + Object.defineProperty(NgForOfContext.prototype, "even", { + get: function () { return this.index % 2 === 0; }, + enumerable: true, + configurable: true + }); + Object.defineProperty(NgForOfContext.prototype, "odd", { + get: function () { return !this.even; }, + enumerable: true, + configurable: true + }); + return NgForOfContext; +}()); +/** + * A [structural directive](guide/structural-directives) that renders + * a template for each item in a collection. + * The directive is placed on an element, which becomes the parent + * of the cloned templates. + * + * The `ngForOf` is generally used in the + * [shorthand form](guide/structural-directives#the-asterisk--prefix) `*ngFor`. + * In this form, the template to be rendered for each iteration is the content + * of an anchor element containing the directive. + * + * The following example shows the shorthand syntax with some options, + * contained in an `

` element. + * + * ``` + *

...

+ * ``` + * + * The shorthand form expands into a long form that uses the `ngForOf` selector + * on an `` element. + * The content of the `` element is the `

` element that held the + * short-form directive. + * + * Here is the expanded version of the short-form example. + * + * ``` + * + *

...

+ * + * ``` + * + * Angular automatically expands the shorthand syntax as it compiles the template. + * The context for each embedded view is logically merged to the current component + * context according to its lexical position. + * + * When using the shorthand syntax, Angular allows only [one structural directive + * on an element](guide/structural-directives#one-structural-directive-per-host-element). + * If you want to iterate conditionally, for example, + * put the `*ngIf` on a container element that wraps the `*ngFor` element. + * For futher discussion, see + * [Structural Directives](guide/structural-directives#one-per-element). + * + * @usageNotes + * + * ### Local variables + * + * `NgForOf` provides exported values that can be aliased to local variables. + * For example: + * + * ``` + *

+ * {{i}}/{{users.length}}. {{user}} default + *

+ * ``` + * + * The following exported values can be aliased to local variables: + * + * - `$implicit: T`: The value of the individual items in the iterable (`ngForOf`). + * - `ngForOf: NgIterable`: The value of the iterable expression. Useful when the expression is + * more complex then a property access, for example when using the async pipe (`userStreams | + * async`). + * - `index: number`: The index of the current item in the iterable. + * - `first: boolean`: True when the item is the first item in the iterable. + * - `last: boolean`: True when the item is the last item in the iterable. + * - `even: boolean`: True when the item has an even index in the iterable. + * - `odd: boolean`: True when the item has an odd index in the iterable. + * + * ### Change propagation + * + * When the contents of the iterator changes, `NgForOf` makes the corresponding changes to the DOM: + * + * * When an item is added, a new instance of the template is added to the DOM. + * * When an item is removed, its template instance is removed from the DOM. + * * When items are reordered, their respective templates are reordered in the DOM. + * + * Angular uses object identity to track insertions and deletions within the iterator and reproduce + * those changes in the DOM. This has important implications for animations and any stateful + * controls that are present, such as `` elements that accept user input. Inserted rows can + * be animated in, deleted rows can be animated out, and unchanged rows retain any unsaved state + * such as user input. + * For more on animations, see [Transitions and Triggers](guide/transition-and-triggers). + * + * The identities of elements in the iterator can change while the data does not. + * This can happen, for example, if the iterator is produced from an RPC to the server, and that + * RPC is re-run. Even if the data hasn't changed, the second response produces objects with + * different identities, and Angular must tear down the entire DOM and rebuild it (as if all old + * elements were deleted and all new elements inserted). + * + * To avoid this expensive operation, you can customize the default tracking algorithm. + * by supplying the `trackBy` option to `NgForOf`. + * `trackBy` takes a function that has two arguments: `index` and `item`. + * If `trackBy` is given, Angular tracks changes by the return value of the function. + * + * @see [Structural Directives](guide/structural-directives) + * @ngModule CommonModule + * @publicApi + */ +var NgForOf = /** @class */ (function () { + function NgForOf(_viewContainer, _template, _differs) { + this._viewContainer = _viewContainer; + this._template = _template; + this._differs = _differs; + this._ngForOfDirty = true; + this._differ = null; + } + Object.defineProperty(NgForOf.prototype, "ngForOf", { + set: function (ngForOf) { + this._ngForOf = ngForOf; + this._ngForOfDirty = true; + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(NgForOf.prototype, "ngForTrackBy", { + get: function () { return this._trackByFn; }, + set: function (fn) { + if (Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["isDevMode"])() && fn != null && typeof fn !== 'function') { + // TODO(vicb): use a log service once there is a public one available + if (console && console.warn) { + console.warn("trackBy must be a function, but received " + JSON.stringify(fn) + ". " + + "See https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html#!#change-propagation for more information."); + } + } + this._trackByFn = fn; + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(NgForOf.prototype, "ngForTemplate", { + set: function (value) { + // TODO(TS2.1): make TemplateRef>> once we move to TS v2.1 + // The current type is too restrictive; a template that just uses index, for example, + // should be acceptable. + if (value) { + this._template = value; + } + }, + enumerable: true, + configurable: true + }); + NgForOf.prototype.ngDoCheck = function () { + if (this._ngForOfDirty) { + this._ngForOfDirty = false; + // React on ngForOf changes only once all inputs have been initialized + var value = this._ngForOf; + if (!this._differ && value) { + try { + this._differ = this._differs.find(value).create(this.ngForTrackBy); + } + catch (_a) { + throw new Error("Cannot find a differ supporting object '" + value + "' of type '" + getTypeNameForDebugging(value) + "'. NgFor only supports binding to Iterables such as Arrays."); + } + } + } + if (this._differ) { + var changes = this._differ.diff(this._ngForOf); + if (changes) + this._applyChanges(changes); + } + }; + NgForOf.prototype._applyChanges = function (changes) { + var _this = this; + var insertTuples = []; + changes.forEachOperation(function (item, adjustedPreviousIndex, currentIndex) { + if (item.previousIndex == null) { + var view = _this._viewContainer.createEmbeddedView(_this._template, new NgForOfContext(null, _this._ngForOf, -1, -1), currentIndex); + var tuple = new RecordViewTuple(item, view); + insertTuples.push(tuple); + } + else if (currentIndex == null) { + _this._viewContainer.remove(adjustedPreviousIndex); + } + else { + var view = _this._viewContainer.get(adjustedPreviousIndex); + _this._viewContainer.move(view, currentIndex); + var tuple = new RecordViewTuple(item, view); + insertTuples.push(tuple); + } + }); + for (var i = 0; i < insertTuples.length; i++) { + this._perViewChange(insertTuples[i].view, insertTuples[i].record); + } + for (var i = 0, ilen = this._viewContainer.length; i < ilen; i++) { + var viewRef = this._viewContainer.get(i); + viewRef.context.index = i; + viewRef.context.count = ilen; + viewRef.context.ngForOf = this._ngForOf; + } + changes.forEachIdentityChange(function (record) { + var viewRef = _this._viewContainer.get(record.currentIndex); + viewRef.context.$implicit = record.item; + }); + }; + NgForOf.prototype._perViewChange = function (view, record) { + view.context.$implicit = record.item; + }; + /** + * Asserts the correct type of the context for the template that `NgForOf` will render. + * + * The presence of this method is a signal to the Ivy template type-check compiler that the + * `NgForOf` structural directive renders its template with a specific context type. + */ + NgForOf.ngTemplateContextGuard = function (dir, ctx) { + return true; + }; + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Object), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [Object]) + ], NgForOf.prototype, "ngForOf", null); + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Function), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [Function]) + ], NgForOf.prototype, "ngForTrackBy", null); + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"]), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"]]) + ], NgForOf.prototype, "ngForTemplate", null); + NgForOf = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngFor][ngForOf]' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"], + _angular_core__WEBPACK_IMPORTED_MODULE_0__["IterableDiffers"]]) + ], NgForOf); + return NgForOf; +}()); +var RecordViewTuple = /** @class */ (function () { + function RecordViewTuple(record, view) { + this.record = record; + this.view = view; + } + return RecordViewTuple; +}()); +function getTypeNameForDebugging(type) { + return type['name'] || typeof type; +} + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * A structural directive that conditionally includes a template based on the value of + * an expression coerced to Boolean. + * When the expression evaluates to true, Angular renders the template + * provided in a `then` clause, and when false or null, + * Angular renders the template provided in an optional `else` clause. The default + * template for the `else` clause is blank. + * + * A [shorthand form](guide/structural-directives#the-asterisk--prefix) of the directive, + * `*ngIf="condition"`, is generally used, provided + * as an attribute of the anchor element for the inserted template. + * Angular expands this into a more explicit version, in which the anchor element + * is contained in an `` element. + * + * Simple form with shorthand syntax: + * + * ``` + *

Content to render when condition is true.

+ * ``` + * + * Simple form with expanded syntax: + * + * ``` + *

Content to render when condition is + * true.

+ * ``` + * + * Form with an "else" block: + * + * ``` + *

Content to render when condition is true.

+ * Content to render when condition is false. + * ``` + * + * Shorthand form with "then" and "else" blocks: + * + * ``` + *

+ * Content to render when condition is true. + * Content to render when condition is false. + * ``` + * + * Form with storing the value locally: + * + * ``` + *

+ * Content to render when value is null. + * ``` + * + * @usageNotes + * + * The `*ngIf` directive is most commonly used to conditionally show an inline template, + * as seen in the following example. + * The default `else` template is blank. + * + * {@example common/ngIf/ts/module.ts region='NgIfSimple'} + * + * ### Showing an alternative template using `else` + * + * To display a template when `expression` evaluates to false, use an `else` template + * binding as shown in the following example. + * The `else` binding points to an `` element labeled `#elseBlock`. + * The template can be defined anywhere in the component view, but is typically placed right after + * `ngIf` for readability. + * + * {@example common/ngIf/ts/module.ts region='NgIfElse'} + * + * ### Using an external `then` template + * + * In the previous example, the then-clause template is specified inline, as the content of the + * tag that contains the `ngIf` directive. You can also specify a template that is defined + * externally, by referencing a labeled `` element. When you do this, you can + * change which template to use at runtime, as shown in the following example. + * + * {@example common/ngIf/ts/module.ts region='NgIfThenElse'} + * + * ### Storing a conditional result in a variable + * + * You might want to show a set of properties from the same object. If you are waiting + * for asynchronous data, the object can be undefined. + * In this case, you can use `ngIf` and store the result of the condition in a local + * variable as shown in the the following example. + * + * {@example common/ngIf/ts/module.ts region='NgIfAs'} + * + * This code uses only one `AsyncPipe`, so only one subscription is created. + * The conditional statement stores the result of `userStream|async` in the local variable `user`. + * You can then bind the local `user` repeatedly. + * + * The conditional displays the data only if `userStream` returns a value, + * so you don't need to use the + * [safe-navigation-operator](guide/template-syntax#safe-navigation-operator) (`?.`) + * to guard against null values when accessing properties. + * You can display an alternative template while waiting for the data. + * + * ### Shorthand syntax + * + * The shorthand syntax `*ngIf` expands into two separate template specifications + * for the "then" and "else" clauses. For example, consider the following shorthand statement, + * that is meant to show a loading page while waiting for data to be loaded. + * + * ``` + *

+ * ... + *

+ * + * + *

+ * + * ``` + * + * You can see that the "else" clause references the `` + * with the `#loading` label, and the template for the "then" clause + * is provided as the content of the anchor element. + * + * However, when Angular expands the shorthand syntax, it creates + * another `` tag, with `ngIf` and `ngIfElse` directives. + * The anchor element containing the template for the "then" clause becomes + * the content of this unlabeled `` tag. + * + * ``` + * + *

+ * ... + *

+ * + * + * + *

+ * + * ``` + * + * The presence of the implicit template object has implications for the nesting of + * structural directives. For more on this subject, see + * [Structural Directives](https://angular.io/guide/structural-directives#one-per-element). + * + * @ngModule CommonModule + * @publicApi + */ +var NgIf = /** @class */ (function () { + function NgIf(_viewContainer, templateRef) { + this._viewContainer = _viewContainer; + this._context = new NgIfContext(); + this._thenTemplateRef = null; + this._elseTemplateRef = null; + this._thenViewRef = null; + this._elseViewRef = null; + this._thenTemplateRef = templateRef; + } + Object.defineProperty(NgIf.prototype, "ngIf", { + set: function (condition) { + this._context.$implicit = this._context.ngIf = condition; + this._updateView(); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(NgIf.prototype, "ngIfThen", { + set: function (templateRef) { + assertTemplate('ngIfThen', templateRef); + this._thenTemplateRef = templateRef; + this._thenViewRef = null; // clear previous view if any. + this._updateView(); + }, + enumerable: true, + configurable: true + }); + Object.defineProperty(NgIf.prototype, "ngIfElse", { + set: function (templateRef) { + assertTemplate('ngIfElse', templateRef); + this._elseTemplateRef = templateRef; + this._elseViewRef = null; // clear previous view if any. + this._updateView(); + }, + enumerable: true, + configurable: true + }); + NgIf.prototype._updateView = function () { + if (this._context.$implicit) { + if (!this._thenViewRef) { + this._viewContainer.clear(); + this._elseViewRef = null; + if (this._thenTemplateRef) { + this._thenViewRef = + this._viewContainer.createEmbeddedView(this._thenTemplateRef, this._context); + } + } + } + else { + if (!this._elseViewRef) { + this._viewContainer.clear(); + this._thenViewRef = null; + if (this._elseTemplateRef) { + this._elseViewRef = + this._viewContainer.createEmbeddedView(this._elseTemplateRef, this._context); + } + } + } + }; + /** + * Assert the correct type of the expression bound to the `ngIf` input within the template. + * + * The presence of this method is a signal to the Ivy template type check compiler that when the + * `NgIf` structural directive renders its template, the type of the expression bound to `ngIf` + * should be narrowed in some way. For `NgIf`, it is narrowed to be non-null, which allows the + * strictNullChecks feature of TypeScript to work with `NgIf`. + */ + NgIf.ngTemplateGuard_ngIf = function (dir, expr) { return true; }; + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Object), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [Object]) + ], NgIf.prototype, "ngIf", null); + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Object), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [Object]) + ], NgIf.prototype, "ngIfThen", null); + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Object), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [Object]) + ], NgIf.prototype, "ngIfElse", null); + NgIf = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngIf]' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"]]) + ], NgIf); + return NgIf; +}()); +/** + * @publicApi + */ +var NgIfContext = /** @class */ (function () { + function NgIfContext() { + this.$implicit = null; + this.ngIf = null; + } + return NgIfContext; +}()); +function assertTemplate(property, templateRef) { + var isTemplateRefOrNull = !!(!templateRef || templateRef.createEmbeddedView); + if (!isTemplateRefOrNull) { + throw new Error(property + " must be a TemplateRef, but received '" + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵstringify"])(templateRef) + "'."); + } +} + +/** + * @license + * Copyright Google Inc. 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 + */ +var SwitchView = /** @class */ (function () { + function SwitchView(_viewContainerRef, _templateRef) { + this._viewContainerRef = _viewContainerRef; + this._templateRef = _templateRef; + this._created = false; + } + SwitchView.prototype.create = function () { + this._created = true; + this._viewContainerRef.createEmbeddedView(this._templateRef); + }; + SwitchView.prototype.destroy = function () { + this._created = false; + this._viewContainerRef.clear(); + }; + SwitchView.prototype.enforceState = function (created) { + if (created && !this._created) { + this.create(); + } + else if (!created && this._created) { + this.destroy(); + } + }; + return SwitchView; +}()); +/** + * @ngModule CommonModule + * + * @description A structural directive that adds or removes templates (displaying or hiding views) + * when the next match expression matches the switch expression. + * + * The `[ngSwitch]` directive on a container specifies an expression to match against. + * The expressions to match are provided by `ngSwitchCase` directives on views within the container. + * - Every view that matches is rendered. + * - If there are no matches, a view with the `ngSwitchDefault` directive is rendered. + * - Elements within the `[NgSwitch]` statement but outside of any `NgSwitchCase` + * or `ngSwitchDefault` directive are preserved at the location. + * + * @usageNotes + * Define a container element for the directive, and specify the switch expression + * to match against as an attribute: + * + * ``` + * + * ``` + * + * Within the container, `*ngSwitchCase` statements specify the match expressions + * as attributes. Include `*ngSwitchDefault` as the final case. + * + * ``` + * + * ... + * ... + * ... + * + * ``` + * + * ### Usage Examples + * + * The following example shows how to use more than one case to display the same view: + * + * ``` + * + * + * ... + * ... + * ... + * + * ... + * + * ``` + * + * The following example shows how cases can be nested: + * ``` + * + * ... + * ... + * ... + * + * + * + * + * + * ... + * + * ``` + * + * @publicApi + * @see `NgSwitchCase` + * @see `NgSwitchDefault` + * @see [Stuctural Directives](guide/structural-directives) + * + */ +var NgSwitch = /** @class */ (function () { + function NgSwitch() { + this._defaultUsed = false; + this._caseCount = 0; + this._lastCaseCheckIndex = 0; + this._lastCasesMatched = false; + } + Object.defineProperty(NgSwitch.prototype, "ngSwitch", { + set: function (newValue) { + this._ngSwitch = newValue; + if (this._caseCount === 0) { + this._updateDefaultCases(true); + } + }, + enumerable: true, + configurable: true + }); + /** @internal */ + NgSwitch.prototype._addCase = function () { return this._caseCount++; }; + /** @internal */ + NgSwitch.prototype._addDefault = function (view) { + if (!this._defaultViews) { + this._defaultViews = []; + } + this._defaultViews.push(view); + }; + /** @internal */ + NgSwitch.prototype._matchCase = function (value) { + var matched = value == this._ngSwitch; + this._lastCasesMatched = this._lastCasesMatched || matched; + this._lastCaseCheckIndex++; + if (this._lastCaseCheckIndex === this._caseCount) { + this._updateDefaultCases(!this._lastCasesMatched); + this._lastCaseCheckIndex = 0; + this._lastCasesMatched = false; + } + return matched; + }; + NgSwitch.prototype._updateDefaultCases = function (useDefault) { + if (this._defaultViews && useDefault !== this._defaultUsed) { + this._defaultUsed = useDefault; + for (var i = 0; i < this._defaultViews.length; i++) { + var defaultView = this._defaultViews[i]; + defaultView.enforceState(useDefault); + } + } + }; + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Object), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [Object]) + ], NgSwitch.prototype, "ngSwitch", null); + NgSwitch = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngSwitch]' }) + ], NgSwitch); + return NgSwitch; +}()); +/** + * @ngModule CommonModule + * + * @description + * Provides a switch case expression to match against an enclosing `ngSwitch` expression. + * When the expressions match, the given `NgSwitchCase` template is rendered. + * If multiple match expressions match the switch expression value, all of them are displayed. + * + * @usageNotes + * + * Within a switch container, `*ngSwitchCase` statements specify the match expressions + * as attributes. Include `*ngSwitchDefault` as the final case. + * + * ``` + * + * ... + * ... + * ... + * + * ``` + * + * Each switch-case statement contains an in-line HTML template or template reference + * that defines the subtree to be selected if the value of the match expression + * matches the value of the switch expression. + * + * Unlike JavaScript, which uses strict equality, Angular uses loose equality. + * This means that the empty string, `""` matches 0. + * + * @publicApi + * @see `NgSwitch` + * @see `NgSwitchDefault` + * + */ +var NgSwitchCase = /** @class */ (function () { + function NgSwitchCase(viewContainer, templateRef, ngSwitch) { + this.ngSwitch = ngSwitch; + ngSwitch._addCase(); + this._view = new SwitchView(viewContainer, templateRef); + } + /** + * Performs case matching. For internal use only. + */ + NgSwitchCase.prototype.ngDoCheck = function () { this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase)); }; + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Object) + ], NgSwitchCase.prototype, "ngSwitchCase", void 0); + NgSwitchCase = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngSwitchCase]' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(2, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Host"])()), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"], + NgSwitch]) + ], NgSwitchCase); + return NgSwitchCase; +}()); +/** + * @ngModule CommonModule + * + * @description + * + * Creates a view that is rendered when no `NgSwitchCase` expressions + * match the `NgSwitch` expression. + * This statement should be the final case in an `NgSwitch`. + * + * @publicApi + * @see `NgSwitch` + * @see `NgSwitchCase` + * + */ +var NgSwitchDefault = /** @class */ (function () { + function NgSwitchDefault(viewContainer, templateRef, ngSwitch) { + ngSwitch._addDefault(new SwitchView(viewContainer, templateRef)); + } + NgSwitchDefault = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngSwitchDefault]' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(2, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Host"])()), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewContainerRef"], _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"], + NgSwitch]) + ], NgSwitchDefault); + return NgSwitchDefault; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @ngModule CommonModule + * + * @usageNotes + * ``` + * + * there is nothing + * there is one + * there are a few + * + * ``` + * + * @description + * + * Adds / removes DOM sub-trees based on a numeric value. Tailored for pluralization. + * + * Displays DOM sub-trees that match the switch expression value, or failing that, DOM sub-trees + * that match the switch expression's pluralization category. + * + * To use this directive you must provide a container element that sets the `[ngPlural]` attribute + * to a switch expression. Inner elements with a `[ngPluralCase]` will display based on their + * expression: + * - if `[ngPluralCase]` is set to a value starting with `=`, it will only display if the value + * matches the switch expression exactly, + * - otherwise, the view will be treated as a "category match", and will only display if exact + * value matches aren't found and the value maps to its category for the defined locale. + * + * See http://cldr.unicode.org/index/cldr-spec/plural-rules + * + * @publicApi + */ +var NgPlural = /** @class */ (function () { + function NgPlural(_localization) { + this._localization = _localization; + this._caseViews = {}; + } + Object.defineProperty(NgPlural.prototype, "ngPlural", { + set: function (value) { + this._switchValue = value; + this._updateView(); + }, + enumerable: true, + configurable: true + }); + NgPlural.prototype.addCase = function (value, switchView) { this._caseViews[value] = switchView; }; + NgPlural.prototype._updateView = function () { + this._clearViews(); + var cases = Object.keys(this._caseViews); + var key = getPluralCategory(this._switchValue, cases, this._localization); + this._activateView(this._caseViews[key]); + }; + NgPlural.prototype._clearViews = function () { + if (this._activeView) + this._activeView.destroy(); + }; + NgPlural.prototype._activateView = function (view) { + if (view) { + this._activeView = view; + this._activeView.create(); + } + }; + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Number), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [Number]) + ], NgPlural.prototype, "ngPlural", null); + NgPlural = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngPlural]' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [NgLocalization]) + ], NgPlural); + return NgPlural; +}()); +/** + * @ngModule CommonModule + * + * @description + * + * Creates a view that will be added/removed from the parent {@link NgPlural} when the + * given expression matches the plural expression according to CLDR rules. + * + * @usageNotes + * ``` + * + * ... + * ... + * + *``` + * + * See {@link NgPlural} for more details and example. + * + * @publicApi + */ +var NgPluralCase = /** @class */ (function () { + function NgPluralCase(value, template, viewContainer, ngPlural) { + this.value = value; + var isANumber = !isNaN(Number(value)); + ngPlural.addCase(isANumber ? "=" + value : value, new SwitchView(viewContainer, template)); + } + NgPluralCase = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngPluralCase]' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Attribute"])('ngPluralCase')), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(3, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Host"])()), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String, _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"], + _angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewContainerRef"], NgPlural]) + ], NgPluralCase); + return NgPluralCase; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @ngModule CommonModule + * + * @usageNotes + * + * Set the font of the containing element to the result of an expression. + * + * ``` + * ... + * ``` + * + * Set the width of the containing element to a pixel value returned by an expression. + * + * ``` + * ... + * ``` + * + * Set a collection of style values using an expression that returns key-value pairs. + * + * ``` + * ... + * ``` + * + * @description + * + * An attribute directive that updates styles for the containing HTML element. + * Sets one or more style properties, specified as colon-separated key-value pairs. + * The key is a style name, with an optional `.` suffix + * (such as 'top.px', 'font-style.em'). + * The value is an expression to be evaluated. + * The resulting non-null value, expressed in the given unit, + * is assigned to the given style property. + * If the result of evaluation is null, the corresponding style is removed. + * + * @publicApi + */ +var NgStyle = /** @class */ (function () { + function NgStyle(_differs, _ngEl, _renderer) { + this._differs = _differs; + this._ngEl = _ngEl; + this._renderer = _renderer; + } + Object.defineProperty(NgStyle.prototype, "ngStyle", { + set: function ( + /** + * A map of style properties, specified as colon-separated + * key-value pairs. + * * The key is a style name, with an optional `.` suffix + * (such as 'top.px', 'font-style.em'). + * * The value is an expression to be evaluated. + */ + values) { + this._ngStyle = values; + if (!this._differ && values) { + this._differ = this._differs.find(values).create(); + } + }, + enumerable: true, + configurable: true + }); + /** + * Applies the new styles if needed. + */ + NgStyle.prototype.ngDoCheck = function () { + if (this._differ) { + var changes = this._differ.diff(this._ngStyle); + if (changes) { + this._applyChanges(changes); + } + } + }; + NgStyle.prototype._applyChanges = function (changes) { + var _this = this; + changes.forEachRemovedItem(function (record) { return _this._setStyle(record.key, null); }); + changes.forEachAddedItem(function (record) { return _this._setStyle(record.key, record.currentValue); }); + changes.forEachChangedItem(function (record) { return _this._setStyle(record.key, record.currentValue); }); + }; + NgStyle.prototype._setStyle = function (nameAndUnit, value) { + var _a = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__read"])(nameAndUnit.split('.'), 2), name = _a[0], unit = _a[1]; + value = value != null && unit ? "" + value + unit : value; + if (value != null) { + this._renderer.setStyle(this._ngEl.nativeElement, name, value); + } + else { + this._renderer.removeStyle(this._ngEl.nativeElement, name); + } + }; + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Object), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [Object]) + ], NgStyle.prototype, "ngStyle", null); + NgStyle = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngStyle]' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["KeyValueDiffers"], _angular_core__WEBPACK_IMPORTED_MODULE_0__["ElementRef"], _angular_core__WEBPACK_IMPORTED_MODULE_0__["Renderer2"]]) + ], NgStyle); + return NgStyle; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @ngModule CommonModule + * + * @description + * + * Inserts an embedded view from a prepared `TemplateRef`. + * + * You can attach a context object to the `EmbeddedViewRef` by setting `[ngTemplateOutletContext]`. + * `[ngTemplateOutletContext]` should be an object, the object's keys will be available for binding + * by the local template `let` declarations. + * + * @usageNotes + * ``` + * + * ``` + * + * Using the key `$implicit` in the context object will set its value as default. + * + * ### Example + * + * {@example common/ngTemplateOutlet/ts/module.ts region='NgTemplateOutlet'} + * + * @publicApi + */ +var NgTemplateOutlet = /** @class */ (function () { + function NgTemplateOutlet(_viewContainerRef) { + this._viewContainerRef = _viewContainerRef; + } + NgTemplateOutlet.prototype.ngOnChanges = function (changes) { + var recreateView = this._shouldRecreateView(changes); + if (recreateView) { + if (this._viewRef) { + this._viewContainerRef.remove(this._viewContainerRef.indexOf(this._viewRef)); + } + if (this.ngTemplateOutlet) { + this._viewRef = this._viewContainerRef.createEmbeddedView(this.ngTemplateOutlet, this.ngTemplateOutletContext); + } + } + else { + if (this._viewRef && this.ngTemplateOutletContext) { + this._updateExistingContext(this.ngTemplateOutletContext); + } + } + }; + /** + * We need to re-create existing embedded view if: + * - templateRef has changed + * - context has changes + * + * We mark context object as changed when the corresponding object + * shape changes (new properties are added or existing properties are removed). + * In other words we consider context with the same properties as "the same" even + * if object reference changes (see https://github.com/angular/angular/issues/13407). + */ + NgTemplateOutlet.prototype._shouldRecreateView = function (changes) { + var ctxChange = changes['ngTemplateOutletContext']; + return !!changes['ngTemplateOutlet'] || (ctxChange && this._hasContextShapeChanged(ctxChange)); + }; + NgTemplateOutlet.prototype._hasContextShapeChanged = function (ctxChange) { + var e_1, _a; + var prevCtxKeys = Object.keys(ctxChange.previousValue || {}); + var currCtxKeys = Object.keys(ctxChange.currentValue || {}); + if (prevCtxKeys.length === currCtxKeys.length) { + try { + for (var currCtxKeys_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__values"])(currCtxKeys), currCtxKeys_1_1 = currCtxKeys_1.next(); !currCtxKeys_1_1.done; currCtxKeys_1_1 = currCtxKeys_1.next()) { + var propName = currCtxKeys_1_1.value; + if (prevCtxKeys.indexOf(propName) === -1) { + return true; + } + } + } + catch (e_1_1) { e_1 = { error: e_1_1 }; } + finally { + try { + if (currCtxKeys_1_1 && !currCtxKeys_1_1.done && (_a = currCtxKeys_1.return)) _a.call(currCtxKeys_1); + } + finally { if (e_1) throw e_1.error; } + } + return false; + } + else { + return true; + } + }; + NgTemplateOutlet.prototype._updateExistingContext = function (ctx) { + var e_2, _a; + try { + for (var _b = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__values"])(Object.keys(ctx)), _c = _b.next(); !_c.done; _c = _b.next()) { + var propName = _c.value; + this._viewRef.context[propName] = this.ngTemplateOutletContext[propName]; + } + } + catch (e_2_1) { e_2 = { error: e_2_1 }; } + finally { + try { + if (_c && !_c.done && (_a = _b.return)) _a.call(_b); + } + finally { if (e_2) throw e_2.error; } + } + }; + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", Object) + ], NgTemplateOutlet.prototype, "ngTemplateOutletContext", void 0); + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Input"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:type", _angular_core__WEBPACK_IMPORTED_MODULE_0__["TemplateRef"]) + ], NgTemplateOutlet.prototype, "ngTemplateOutlet", void 0); + NgTemplateOutlet = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Directive"])({ selector: '[ngTemplateOutlet]' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ViewContainerRef"]]) + ], NgTemplateOutlet); + return NgTemplateOutlet; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * A collection of Angular directives that are likely to be used in each and every Angular + * application. + */ +var COMMON_DIRECTIVES = [ + NgClass, + NgComponentOutlet, + NgForOf, + NgIf, + NgTemplateOutlet, + NgStyle, + NgSwitch, + NgSwitchCase, + NgSwitchDefault, + NgPlural, + NgPluralCase, +]; + +/** + * @license + * Copyright Google Inc. 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 + */ +function invalidPipeArgumentError(type, value) { + return Error("InvalidPipeArgument: '" + value + "' for pipe '" + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵstringify"])(type) + "'"); +} + +var NumberFormatter = /** @class */ (function () { + function NumberFormatter() { + } + NumberFormatter.format = function (num, locale, style, opts) { + if (opts === void 0) { opts = {}; } + var minimumIntegerDigits = opts.minimumIntegerDigits, minimumFractionDigits = opts.minimumFractionDigits, maximumFractionDigits = opts.maximumFractionDigits, currency = opts.currency, _a = opts.currencyAsSymbol, currencyAsSymbol = _a === void 0 ? false : _a; + var options = { + minimumIntegerDigits: minimumIntegerDigits, + minimumFractionDigits: minimumFractionDigits, + maximumFractionDigits: maximumFractionDigits, + style: NumberFormatStyle[style].toLowerCase() + }; + if (style == NumberFormatStyle.Currency) { + options.currency = typeof currency == 'string' ? currency : undefined; + options.currencyDisplay = currencyAsSymbol ? 'symbol' : 'code'; + } + return new Intl.NumberFormat(locale, options).format(num); + }; + return NumberFormatter; +}()); +var DATE_FORMATS_SPLIT$1 = /((?:[^yMLdHhmsazZEwGjJ']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|L+|d+|H+|h+|J+|j+|m+|s+|a|z|Z|G+|w+))(.*)/; +var PATTERN_ALIASES = { + // Keys are quoted so they do not get renamed during closure compilation. + 'yMMMdjms': datePartGetterFactory(combine([ + digitCondition('year', 1), + nameCondition('month', 3), + digitCondition('day', 1), + digitCondition('hour', 1), + digitCondition('minute', 1), + digitCondition('second', 1), + ])), + 'yMdjm': datePartGetterFactory(combine([ + digitCondition('year', 1), digitCondition('month', 1), digitCondition('day', 1), + digitCondition('hour', 1), digitCondition('minute', 1) + ])), + 'yMMMMEEEEd': datePartGetterFactory(combine([ + digitCondition('year', 1), nameCondition('month', 4), nameCondition('weekday', 4), + digitCondition('day', 1) + ])), + 'yMMMMd': datePartGetterFactory(combine([digitCondition('year', 1), nameCondition('month', 4), digitCondition('day', 1)])), + 'yMMMd': datePartGetterFactory(combine([digitCondition('year', 1), nameCondition('month', 3), digitCondition('day', 1)])), + 'yMd': datePartGetterFactory(combine([digitCondition('year', 1), digitCondition('month', 1), digitCondition('day', 1)])), + 'jms': datePartGetterFactory(combine([digitCondition('hour', 1), digitCondition('second', 1), digitCondition('minute', 1)])), + 'jm': datePartGetterFactory(combine([digitCondition('hour', 1), digitCondition('minute', 1)])) +}; +var DATE_FORMATS$1 = { + // Keys are quoted so they do not get renamed. + 'yyyy': datePartGetterFactory(digitCondition('year', 4)), + 'yy': datePartGetterFactory(digitCondition('year', 2)), + 'y': datePartGetterFactory(digitCondition('year', 1)), + 'MMMM': datePartGetterFactory(nameCondition('month', 4)), + 'MMM': datePartGetterFactory(nameCondition('month', 3)), + 'MM': datePartGetterFactory(digitCondition('month', 2)), + 'M': datePartGetterFactory(digitCondition('month', 1)), + 'LLLL': datePartGetterFactory(nameCondition('month', 4)), + 'L': datePartGetterFactory(nameCondition('month', 1)), + 'dd': datePartGetterFactory(digitCondition('day', 2)), + 'd': datePartGetterFactory(digitCondition('day', 1)), + 'HH': digitModifier(hourExtractor(datePartGetterFactory(hour12Modify(digitCondition('hour', 2), false)))), + 'H': hourExtractor(datePartGetterFactory(hour12Modify(digitCondition('hour', 1), false))), + 'hh': digitModifier(hourExtractor(datePartGetterFactory(hour12Modify(digitCondition('hour', 2), true)))), + 'h': hourExtractor(datePartGetterFactory(hour12Modify(digitCondition('hour', 1), true))), + 'jj': datePartGetterFactory(digitCondition('hour', 2)), + 'j': datePartGetterFactory(digitCondition('hour', 1)), + 'mm': digitModifier(datePartGetterFactory(digitCondition('minute', 2))), + 'm': datePartGetterFactory(digitCondition('minute', 1)), + 'ss': digitModifier(datePartGetterFactory(digitCondition('second', 2))), + 's': datePartGetterFactory(digitCondition('second', 1)), + // while ISO 8601 requires fractions to be prefixed with `.` or `,` + // we can be just safely rely on using `sss` since we currently don't support single or two digit + // fractions + 'sss': datePartGetterFactory(digitCondition('second', 3)), + 'EEEE': datePartGetterFactory(nameCondition('weekday', 4)), + 'EEE': datePartGetterFactory(nameCondition('weekday', 3)), + 'EE': datePartGetterFactory(nameCondition('weekday', 2)), + 'E': datePartGetterFactory(nameCondition('weekday', 1)), + 'a': hourClockExtractor(datePartGetterFactory(hour12Modify(digitCondition('hour', 1), true))), + 'Z': timeZoneGetter$1('short'), + 'z': timeZoneGetter$1('long'), + 'ww': datePartGetterFactory({}), + // first Thursday of the year. not support ? + 'w': datePartGetterFactory({}), + // of the year not support ? + 'G': datePartGetterFactory(nameCondition('era', 1)), + 'GG': datePartGetterFactory(nameCondition('era', 2)), + 'GGG': datePartGetterFactory(nameCondition('era', 3)), + 'GGGG': datePartGetterFactory(nameCondition('era', 4)) +}; +function digitModifier(inner) { + return function (date, locale) { + var result = inner(date, locale); + return result.length == 1 ? '0' + result : result; + }; +} +function hourClockExtractor(inner) { + return function (date, locale) { return inner(date, locale).split(' ')[1]; }; +} +function hourExtractor(inner) { + return function (date, locale) { return inner(date, locale).split(' ')[0]; }; +} +function intlDateFormat(date, locale, options) { + return new Intl.DateTimeFormat(locale, options).format(date).replace(/[\u200e\u200f]/g, ''); +} +function timeZoneGetter$1(timezone) { + // To workaround `Intl` API restriction for single timezone let format with 24 hours + var options = { hour: '2-digit', hour12: false, timeZoneName: timezone }; + return function (date, locale) { + var result = intlDateFormat(date, locale, options); + // Then extract first 3 letters that related to hours + return result ? result.substring(3) : ''; + }; +} +function hour12Modify(options, value) { + options.hour12 = value; + return options; +} +function digitCondition(prop, len) { + var result = {}; + result[prop] = len === 2 ? '2-digit' : 'numeric'; + return result; +} +function nameCondition(prop, len) { + var result = {}; + if (len < 4) { + result[prop] = len > 1 ? 'short' : 'narrow'; + } + else { + result[prop] = 'long'; + } + return result; +} +function combine(options) { + return options.reduce(function (merged, opt) { return (Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__assign"])({}, merged, opt)); }, {}); +} +function datePartGetterFactory(ret) { + return function (date, locale) { return intlDateFormat(date, locale, ret); }; +} +var DATE_FORMATTER_CACHE = new Map(); +function dateFormatter(format, date, locale) { + var fn = PATTERN_ALIASES[format]; + if (fn) + return fn(date, locale); + var cacheKey = format; + var parts = DATE_FORMATTER_CACHE.get(cacheKey); + if (!parts) { + parts = []; + var match = void 0; + DATE_FORMATS_SPLIT$1.exec(format); + var _format = format; + while (_format) { + match = DATE_FORMATS_SPLIT$1.exec(_format); + if (match) { + parts = parts.concat(match.slice(1)); + _format = parts.pop(); + } + else { + parts.push(_format); + _format = null; + } + } + DATE_FORMATTER_CACHE.set(cacheKey, parts); + } + return parts.reduce(function (text, part) { + var fn = DATE_FORMATS$1[part]; + return text + (fn ? fn(date, locale) : partToTime(part)); + }, ''); +} +function partToTime(part) { + return part === '\'\'' ? '\'' : part.replace(/(^'|'$)/g, '').replace(/''/g, '\''); +} +var DateFormatter = /** @class */ (function () { + function DateFormatter() { + } + DateFormatter.format = function (date, locale, pattern) { + return dateFormatter(pattern, date, locale); + }; + return DateFormatter; +}()); + +/** +* @license +* Copyright Google Inc. 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 + */ +/** + * @ngModule CommonModule + * @description + * + * Formats a date according to locale rules. + * + * Where: + * - `expression` is a date object or a number (milliseconds since UTC epoch) or an ISO string + * (https://www.w3.org/TR/NOTE-datetime). + * - `format` indicates which date/time components to include. The format can be predefined as + * shown below or custom as shown in the table. + * - `'medium'`: equivalent to `'yMMMdjms'` (e.g. `Sep 3, 2010, 12:05:08 PM` for `en-US`) + * - `'short'`: equivalent to `'yMdjm'` (e.g. `9/3/2010, 12:05 PM` for `en-US`) + * - `'fullDate'`: equivalent to `'yMMMMEEEEd'` (e.g. `Friday, September 3, 2010` for `en-US`) + * - `'longDate'`: equivalent to `'yMMMMd'` (e.g. `September 3, 2010` for `en-US`) + * - `'mediumDate'`: equivalent to `'yMMMd'` (e.g. `Sep 3, 2010` for `en-US`) + * - `'shortDate'`: equivalent to `'yMd'` (e.g. `9/3/2010` for `en-US`) + * - `'mediumTime'`: equivalent to `'jms'` (e.g. `12:05:08 PM` for `en-US`) + * - `'shortTime'`: equivalent to `'jm'` (e.g. `12:05 PM` for `en-US`) + * + * + * | Component | Symbol | Narrow | Short Form | Long Form | Numeric | 2-digit | + * |-----------|:------:|--------|--------------|-------------------|-----------|-----------| + * | era | G | G (A) | GGG (AD) | GGGG (Anno Domini)| - | - | + * | year | y | - | - | - | y (2015) | yy (15) | + * | month | M | L (S) | MMM (Sep) | MMMM (September) | M (9) | MM (09) | + * | day | d | - | - | - | d (3) | dd (03) | + * | weekday | E | E (S) | EEE (Sun) | EEEE (Sunday) | - | - | + * | hour | j | - | - | - | j (13) | jj (13) | + * | hour12 | h | - | - | - | h (1 PM) | hh (01 PM)| + * | hour24 | H | - | - | - | H (13) | HH (13) | + * | minute | m | - | - | - | m (5) | mm (05) | + * | second | s | - | - | - | s (9) | ss (09) | + * | timezone | z | - | - | z (Pacific Standard Time)| - | - | + * | timezone | Z | - | Z (GMT-8:00) | - | - | - | + * | timezone | a | - | a (PM) | - | - | - | + * + * In javascript, only the components specified will be respected (not the ordering, + * punctuations, ...) and details of the formatting will be dependent on the locale. + * + * Timezone of the formatted text will be the local system timezone of the end-user's machine. + * + * When the expression is a ISO string without time (e.g. 2016-09-19) the time zone offset is not + * applied and the formatted text will have the same day, month and year of the expression. + * + * WARNINGS: + * - this pipe is marked as pure hence it will not be re-evaluated when the input is mutated. + * Instead users should treat the date as an immutable object and change the reference when the + * pipe needs to re-run (this is to avoid reformatting the date on every change detection run + * which would be an expensive operation). + * - this pipe uses the Internationalization API. Therefore it is only reliable in Chrome and Opera + * browsers. + * + * @usageNotes + * + * ### Examples + * + * Assuming `dateObj` is (year: 2010, month: 9, day: 3, hour: 12 PM, minute: 05, second: 08) + * in the _local_ time and locale is 'en-US': + * + * {@example common/pipes/ts/date_pipe.ts region='DeprecatedDatePipe'} + * + * @publicApi + */ +var DeprecatedDatePipe = /** @class */ (function () { + function DeprecatedDatePipe(_locale) { + this._locale = _locale; + } + DeprecatedDatePipe_1 = DeprecatedDatePipe; + DeprecatedDatePipe.prototype.transform = function (value, pattern) { + if (pattern === void 0) { pattern = 'mediumDate'; } + if (value == null || value === '' || value !== value) + return null; + var date; + if (typeof value === 'string') { + value = value.trim(); + } + if (isDate$1(value)) { + date = value; + } + else if (!isNaN(value - parseFloat(value))) { + date = new Date(parseFloat(value)); + } + else if (typeof value === 'string' && /^(\d{4}-\d{1,2}-\d{1,2})$/.test(value)) { + /** + * For ISO Strings without time the day, month and year must be extracted from the ISO String + * before Date creation to avoid time offset and errors in the new Date. + * If we only replace '-' with ',' in the ISO String ("2015,01,01"), and try to create a new + * date, some browsers (e.g. IE 9) will throw an invalid Date error + * If we leave the '-' ("2015-01-01") and try to create a new Date("2015-01-01") the + * timeoffset + * is applied + * Note: ISO months are 0 for January, 1 for February, ... + */ + var _a = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__read"])(value.split('-').map(function (val) { return parseInt(val, 10); }), 3), y = _a[0], m = _a[1], d = _a[2]; + date = new Date(y, m - 1, d); + } + else { + date = new Date(value); + } + if (!isDate$1(date)) { + var match = void 0; + if ((typeof value === 'string') && (match = value.match(ISO8601_DATE_REGEX))) { + date = isoStringToDate(match); + } + else { + throw invalidPipeArgumentError(DeprecatedDatePipe_1, value); + } + } + return DateFormatter.format(date, this._locale, DeprecatedDatePipe_1._ALIASES[pattern] || pattern); + }; + var DeprecatedDatePipe_1; + /** @internal */ + DeprecatedDatePipe._ALIASES = { + 'medium': 'yMMMdjms', + 'short': 'yMdjm', + 'fullDate': 'yMMMMEEEEd', + 'longDate': 'yMMMMd', + 'mediumDate': 'yMMMd', + 'shortDate': 'yMd', + 'mediumTime': 'jms', + 'shortTime': 'jm' + }; + DeprecatedDatePipe = DeprecatedDatePipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'date', pure: true }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["LOCALE_ID"])), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String]) + ], DeprecatedDatePipe); + return DeprecatedDatePipe; +}()); +function isDate$1(value) { + return value instanceof Date && !isNaN(value.valueOf()); +} + +/** + * @license + * Copyright Google Inc. 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 + */ +function formatNumber$1(pipe, locale, value, style, digits, currency, currencyAsSymbol) { + if (currency === void 0) { currency = null; } + if (currencyAsSymbol === void 0) { currencyAsSymbol = false; } + if (value == null) + return null; + // Convert strings to numbers + value = typeof value === 'string' && !isNaN(+value - parseFloat(value)) ? +value : value; + if (typeof value !== 'number') { + throw invalidPipeArgumentError(pipe, value); + } + var minInt; + var minFraction; + var maxFraction; + if (style !== NumberFormatStyle.Currency) { + // rely on Intl default for currency + minInt = 1; + minFraction = 0; + maxFraction = 3; + } + if (digits) { + var parts = digits.match(NUMBER_FORMAT_REGEXP); + if (parts === null) { + throw new Error(digits + " is not a valid digit info for number pipes"); + } + if (parts[1] != null) { // min integer digits + minInt = parseIntAutoRadix(parts[1]); + } + if (parts[3] != null) { // min fraction digits + minFraction = parseIntAutoRadix(parts[3]); + } + if (parts[5] != null) { // max fraction digits + maxFraction = parseIntAutoRadix(parts[5]); + } + } + return NumberFormatter.format(value, locale, style, { + minimumIntegerDigits: minInt, + minimumFractionDigits: minFraction, + maximumFractionDigits: maxFraction, + currency: currency, + currencyAsSymbol: currencyAsSymbol, + }); +} +/** + * Formats a number as text. Group sizing and separator and other locale-specific + * configurations are based on the active locale. + * + * where `expression` is a number: + * - `digitInfo` is a `string` which has a following format:
+ * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits} + * - `minIntegerDigits` is the minimum number of integer digits to use. Defaults to `1`. + * - `minFractionDigits` is the minimum number of digits after fraction. Defaults to `0`. + * - `maxFractionDigits` is the maximum number of digits after fraction. Defaults to `3`. + * + * For more information on the acceptable range for each of these numbers and other + * details see your native internationalization library. + * + * WARNING: this pipe uses the Internationalization API which is not yet available in all browsers + * and may require a polyfill. See [Browser Support](guide/browser-support) for details. + * + * @usageNotes + * + * ### Example + * + * {@example common/pipes/ts/number_pipe.ts region='DeprecatedNumberPipe'} + * + * @ngModule CommonModule + * @publicApi + */ +var DeprecatedDecimalPipe = /** @class */ (function () { + function DeprecatedDecimalPipe(_locale) { + this._locale = _locale; + } + DeprecatedDecimalPipe_1 = DeprecatedDecimalPipe; + DeprecatedDecimalPipe.prototype.transform = function (value, digits) { + return formatNumber$1(DeprecatedDecimalPipe_1, this._locale, value, NumberFormatStyle.Decimal, digits); + }; + var DeprecatedDecimalPipe_1; + DeprecatedDecimalPipe = DeprecatedDecimalPipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'number' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["LOCALE_ID"])), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String]) + ], DeprecatedDecimalPipe); + return DeprecatedDecimalPipe; +}()); +/** + * @ngModule CommonModule + * + * @description + * + * Formats a number as percentage according to locale rules. + * + * - `digitInfo` See {@link DecimalPipe} for detailed description. + * + * WARNING: this pipe uses the Internationalization API which is not yet available in all browsers + * and may require a polyfill. See [Browser Support](guide/browser-support) for details. + * + * @usageNotes + * + * ### Example + * + * {@example common/pipes/ts/percent_pipe.ts region='DeprecatedPercentPipe'} + * + * @publicApi + */ +var DeprecatedPercentPipe = /** @class */ (function () { + function DeprecatedPercentPipe(_locale) { + this._locale = _locale; + } + DeprecatedPercentPipe_1 = DeprecatedPercentPipe; + DeprecatedPercentPipe.prototype.transform = function (value, digits) { + return formatNumber$1(DeprecatedPercentPipe_1, this._locale, value, NumberFormatStyle.Percent, digits); + }; + var DeprecatedPercentPipe_1; + DeprecatedPercentPipe = DeprecatedPercentPipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'percent' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["LOCALE_ID"])), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String]) + ], DeprecatedPercentPipe); + return DeprecatedPercentPipe; +}()); +/** + * @ngModule CommonModule + * @description + * + * Formats a number as currency using locale rules. + * + * Use `currency` to format a number as currency. + * + * - `currencyCode` is the [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code, such + * as `USD` for the US dollar and `EUR` for the euro. + * - `symbolDisplay` is a boolean indicating whether to use the currency symbol or code. + * - `true`: use symbol (e.g. `$`). + * - `false`(default): use code (e.g. `USD`). + * - `digitInfo` See {@link DecimalPipe} for detailed description. + * + * WARNING: this pipe uses the Internationalization API which is not yet available in all browsers + * and may require a polyfill. See [Browser Support](guide/browser-support) for details. + * + * @usageNotes + * + * ### Example + * + * {@example common/pipes/ts/currency_pipe.ts region='DeprecatedCurrencyPipe'} + * + * @publicApi + */ +var DeprecatedCurrencyPipe = /** @class */ (function () { + function DeprecatedCurrencyPipe(_locale) { + this._locale = _locale; + } + DeprecatedCurrencyPipe_1 = DeprecatedCurrencyPipe; + DeprecatedCurrencyPipe.prototype.transform = function (value, currencyCode, symbolDisplay, digits) { + if (currencyCode === void 0) { currencyCode = 'USD'; } + if (symbolDisplay === void 0) { symbolDisplay = false; } + return formatNumber$1(DeprecatedCurrencyPipe_1, this._locale, value, NumberFormatStyle.Currency, digits, currencyCode, symbolDisplay); + }; + var DeprecatedCurrencyPipe_1; + DeprecatedCurrencyPipe = DeprecatedCurrencyPipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'currency' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["LOCALE_ID"])), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String]) + ], DeprecatedCurrencyPipe); + return DeprecatedCurrencyPipe; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * A collection of deprecated i18n pipes that require intl api + * + * @deprecated from v5 + */ +var COMMON_DEPRECATED_I18N_PIPES = [DeprecatedDecimalPipe, DeprecatedPercentPipe, DeprecatedCurrencyPipe, DeprecatedDatePipe]; + +/** + * @license + * Copyright Google Inc. 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 + */ +var ObservableStrategy = /** @class */ (function () { + function ObservableStrategy() { + } + ObservableStrategy.prototype.createSubscription = function (async, updateLatestValue) { + return async.subscribe({ next: updateLatestValue, error: function (e) { throw e; } }); + }; + ObservableStrategy.prototype.dispose = function (subscription) { subscription.unsubscribe(); }; + ObservableStrategy.prototype.onDestroy = function (subscription) { subscription.unsubscribe(); }; + return ObservableStrategy; +}()); +var PromiseStrategy = /** @class */ (function () { + function PromiseStrategy() { + } + PromiseStrategy.prototype.createSubscription = function (async, updateLatestValue) { + return async.then(updateLatestValue, function (e) { throw e; }); + }; + PromiseStrategy.prototype.dispose = function (subscription) { }; + PromiseStrategy.prototype.onDestroy = function (subscription) { }; + return PromiseStrategy; +}()); +var _promiseStrategy = new PromiseStrategy(); +var _observableStrategy = new ObservableStrategy(); +/** + * @ngModule CommonModule + * @description + * + * Unwraps a value from an asynchronous primitive. + * + * The `async` pipe subscribes to an `Observable` or `Promise` and returns the latest value it has + * emitted. When a new value is emitted, the `async` pipe marks the component to be checked for + * changes. When the component gets destroyed, the `async` pipe unsubscribes automatically to avoid + * potential memory leaks. + * + * @usageNotes + * + * ### Examples + * + * This example binds a `Promise` to the view. Clicking the `Resolve` button resolves the + * promise. + * + * {@example common/pipes/ts/async_pipe.ts region='AsyncPipePromise'} + * + * It's also possible to use `async` with Observables. The example below binds the `time` Observable + * to the view. The Observable continuously updates the view with the current time. + * + * {@example common/pipes/ts/async_pipe.ts region='AsyncPipeObservable'} + * + * @publicApi + */ +var AsyncPipe = /** @class */ (function () { + function AsyncPipe(_ref) { + this._ref = _ref; + this._latestValue = null; + this._latestReturnedValue = null; + this._subscription = null; + this._obj = null; + this._strategy = null; + } + AsyncPipe_1 = AsyncPipe; + AsyncPipe.prototype.ngOnDestroy = function () { + if (this._subscription) { + this._dispose(); + } + }; + AsyncPipe.prototype.transform = function (obj) { + if (!this._obj) { + if (obj) { + this._subscribe(obj); + } + this._latestReturnedValue = this._latestValue; + return this._latestValue; + } + if (obj !== this._obj) { + this._dispose(); + return this.transform(obj); + } + if (this._latestValue === this._latestReturnedValue) { + return this._latestReturnedValue; + } + this._latestReturnedValue = this._latestValue; + return _angular_core__WEBPACK_IMPORTED_MODULE_0__["WrappedValue"].wrap(this._latestValue); + }; + AsyncPipe.prototype._subscribe = function (obj) { + var _this = this; + this._obj = obj; + this._strategy = this._selectStrategy(obj); + this._subscription = this._strategy.createSubscription(obj, function (value) { return _this._updateLatestValue(obj, value); }); + }; + AsyncPipe.prototype._selectStrategy = function (obj) { + if (Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵisPromise"])(obj)) { + return _promiseStrategy; + } + if (Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵisObservable"])(obj)) { + return _observableStrategy; + } + throw invalidPipeArgumentError(AsyncPipe_1, obj); + }; + AsyncPipe.prototype._dispose = function () { + this._strategy.dispose(this._subscription); + this._latestValue = null; + this._latestReturnedValue = null; + this._subscription = null; + this._obj = null; + }; + AsyncPipe.prototype._updateLatestValue = function (async, value) { + if (async === this._obj) { + this._latestValue = value; + this._ref.markForCheck(); + } + }; + var AsyncPipe_1; + AsyncPipe = AsyncPipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'async', pure: false }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ChangeDetectorRef"]]) + ], AsyncPipe); + return AsyncPipe; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * Transforms text to all lower case. + * + * @see `UpperCasePipe` + * @see `TitleCasePipe` + * @usageNotes + * + * The following example defines a view that allows the user to enter + * text, and then uses the pipe to convert the input text to all lower case. + * + * + * + * @ngModule CommonModule + * @publicApi + */ +var LowerCasePipe = /** @class */ (function () { + function LowerCasePipe() { + } + LowerCasePipe_1 = LowerCasePipe; + /** + * @param value The string to transform to lower case. + */ + LowerCasePipe.prototype.transform = function (value) { + if (!value) + return value; + if (typeof value !== 'string') { + throw invalidPipeArgumentError(LowerCasePipe_1, value); + } + return value.toLowerCase(); + }; + var LowerCasePipe_1; + LowerCasePipe = LowerCasePipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'lowercase' }) + ], LowerCasePipe); + return LowerCasePipe; +}()); +// +// Regex below matches any Unicode word and compatible with ES5. In ES2018 the same result +// can be achieved by using /\p{L}\S*/gu and also known as Unicode Property Escapes +// (http://2ality.com/2017/07/regexp-unicode-property-escapes.html). Since there is no +// transpilation of this functionality down to ES5 without external tool, the only solution is +// to use already transpiled form. Example can be found here - +// https://mothereff.in/regexpu#input=var+regex+%3D+/%5Cp%7BL%7D/u%3B&unicodePropertyEscape=1 +// +var unicodeWordMatch = /(?:[A-Za-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u08A0-\u08B4\u08B6-\u08BD\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C60\u0C61\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D5F-\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16F1-\u16F8\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1C80-\u1C88\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312E\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FEA\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA7AE\uA7B0-\uA7B7\uA7F7-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA8FD\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uA9E0-\uA9E4\uA9E6-\uA9EF\uA9FA-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB65\uAB70-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDE80-\uDE9C\uDEA0-\uDED0\uDF00-\uDF1F\uDF2D-\uDF40\uDF42-\uDF49\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF]|\uD801[\uDC00-\uDC9D\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC60-\uDC76\uDC80-\uDC9E\uDCE0-\uDCF2\uDCF4\uDCF5\uDD00-\uDD15\uDD20-\uDD39\uDD80-\uDDB7\uDDBE\uDDBF\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE33\uDE60-\uDE7C\uDE80-\uDE9C\uDEC0-\uDEC7\uDEC9-\uDEE4\uDF00-\uDF35\uDF40-\uDF55\uDF60-\uDF72\uDF80-\uDF91]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2]|\uD804[\uDC03-\uDC37\uDC83-\uDCAF\uDCD0-\uDCE8\uDD03-\uDD26\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDDA\uDDDC\uDE00-\uDE11\uDE13-\uDE2B\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE80-\uDEAA\uDF00-\uDF19]|\uD806[\uDCA0-\uDCDF\uDCFF\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE83\uDE86-\uDE89\uDEC0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46]|\uD808[\uDC00-\uDF99]|\uD809[\uDC80-\uDD43]|[\uD80C\uD81C-\uD820\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2E]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDF00-\uDF44\uDF50\uDF93-\uDF9F\uDFE0\uDFE1]|\uD821[\uDC00-\uDFEC]|\uD822[\uDC00-\uDEF2]|\uD82C[\uDC00-\uDD1E\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB]|\uD83A[\uDC00-\uDCC4\uDD00-\uDD43]|\uD83B[\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD869[\uDC00-\uDED6\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF34\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D])\S*/g; +/** + * Transforms text to title case. + * Capitalizes the first letter of each word, and transforms the + * rest of the word to lower case. + * Words are delimited by any whitespace character, such as a space, tab, or line-feed character. + * + * @see `LowerCasePipe` + * @see `UpperCasePipe` + * + * @usageNotes + * The following example shows the result of transforming various strings into title case. + * + * + * + * @ngModule CommonModule + * @publicApi + */ +var TitleCasePipe = /** @class */ (function () { + function TitleCasePipe() { + } + TitleCasePipe_1 = TitleCasePipe; + /** + * @param value The string to transform to title case. + */ + TitleCasePipe.prototype.transform = function (value) { + if (!value) + return value; + if (typeof value !== 'string') { + throw invalidPipeArgumentError(TitleCasePipe_1, value); + } + return value.replace(unicodeWordMatch, (function (txt) { return txt[0].toUpperCase() + txt.substr(1).toLowerCase(); })); + }; + var TitleCasePipe_1; + TitleCasePipe = TitleCasePipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'titlecase' }) + ], TitleCasePipe); + return TitleCasePipe; +}()); +/** + * Transforms text to all upper case. + * @see `LowerCasePipe` + * @see `TitleCasePipe` + * + * @ngModule CommonModule + * @publicApi + */ +var UpperCasePipe = /** @class */ (function () { + function UpperCasePipe() { + } + UpperCasePipe_1 = UpperCasePipe; + /** + * @param value The string to transform to upper case. + */ + UpperCasePipe.prototype.transform = function (value) { + if (!value) + return value; + if (typeof value !== 'string') { + throw invalidPipeArgumentError(UpperCasePipe_1, value); + } + return value.toUpperCase(); + }; + var UpperCasePipe_1; + UpperCasePipe = UpperCasePipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'uppercase' }) + ], UpperCasePipe); + return UpperCasePipe; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +// clang-format off +/** + * @ngModule CommonModule + * @description + * + * Formats a date value according to locale rules. + * + * Only the `en-US` locale data comes with Angular. To localize dates + * in another language, you must import the corresponding locale data. + * See the [I18n guide](guide/i18n#i18n-pipes) for more information. + * + * @see `formatDate()` + * + * + * @usageNotes + * + * The result of this pipe is not reevaluated when the input is mutated. To avoid the need to + * reformat the date on every change-detection cycle, treat the date as an immutable object + * and change the reference when the pipe needs to run again. + * + * ### Pre-defined format options + * + * Examples are given in `en-US` locale. + * + * - `'short'`: equivalent to `'M/d/yy, h:mm a'` (`6/15/15, 9:03 AM`). + * - `'medium'`: equivalent to `'MMM d, y, h:mm:ss a'` (`Jun 15, 2015, 9:03:01 AM`). + * - `'long'`: equivalent to `'MMMM d, y, h:mm:ss a z'` (`June 15, 2015 at 9:03:01 AM + * GMT+1`). + * - `'full'`: equivalent to `'EEEE, MMMM d, y, h:mm:ss a zzzz'` (`Monday, June 15, 2015 at + * 9:03:01 AM GMT+01:00`). + * - `'shortDate'`: equivalent to `'M/d/yy'` (`6/15/15`). + * - `'mediumDate'`: equivalent to `'MMM d, y'` (`Jun 15, 2015`). + * - `'longDate'`: equivalent to `'MMMM d, y'` (`June 15, 2015`). + * - `'fullDate'`: equivalent to `'EEEE, MMMM d, y'` (`Monday, June 15, 2015`). + * - `'shortTime'`: equivalent to `'h:mm a'` (`9:03 AM`). + * - `'mediumTime'`: equivalent to `'h:mm:ss a'` (`9:03:01 AM`). + * - `'longTime'`: equivalent to `'h:mm:ss a z'` (`9:03:01 AM GMT+1`). + * - `'fullTime'`: equivalent to `'h:mm:ss a zzzz'` (`9:03:01 AM GMT+01:00`). + * + * ### Custom format options + * + * You can construct a format string using symbols to specify the components + * of a date-time value, as described in the following table. + * Format details depend on the locale. + * Fields marked with (*) are only available in the extra data set for the given locale. + * + * | Field type | Format | Description | Example Value | + * |--------------------|-------------|---------------------------------------------------------------|------------------------------------------------------------| + * | Era | G, GG & GGG | Abbreviated | AD | + * | | GGGG | Wide | Anno Domini | + * | | GGGGG | Narrow | A | + * | Year | y | Numeric: minimum digits | 2, 20, 201, 2017, 20173 | + * | | yy | Numeric: 2 digits + zero padded | 02, 20, 01, 17, 73 | + * | | yyy | Numeric: 3 digits + zero padded | 002, 020, 201, 2017, 20173 | + * | | yyyy | Numeric: 4 digits or more + zero padded | 0002, 0020, 0201, 2017, 20173 | + * | Month | M | Numeric: 1 digit | 9, 12 | + * | | MM | Numeric: 2 digits + zero padded | 09, 12 | + * | | MMM | Abbreviated | Sep | + * | | MMMM | Wide | September | + * | | MMMMM | Narrow | S | + * | Month standalone | L | Numeric: 1 digit | 9, 12 | + * | | LL | Numeric: 2 digits + zero padded | 09, 12 | + * | | LLL | Abbreviated | Sep | + * | | LLLL | Wide | September | + * | | LLLLL | Narrow | S | + * | Week of year | w | Numeric: minimum digits | 1... 53 | + * | | ww | Numeric: 2 digits + zero padded | 01... 53 | + * | Week of month | W | Numeric: 1 digit | 1... 5 | + * | Day of month | d | Numeric: minimum digits | 1 | + * | | dd | Numeric: 2 digits + zero padded | 01 | + * | Week day | E, EE & EEE | Abbreviated | Tue | + * | | EEEE | Wide | Tuesday | + * | | EEEEE | Narrow | T | + * | | EEEEEE | Short | Tu | + * | Period | a, aa & aaa | Abbreviated | am/pm or AM/PM | + * | | aaaa | Wide (fallback to `a` when missing) | ante meridiem/post meridiem | + * | | aaaaa | Narrow | a/p | + * | Period* | B, BB & BBB | Abbreviated | mid. | + * | | BBBB | Wide | am, pm, midnight, noon, morning, afternoon, evening, night | + * | | BBBBB | Narrow | md | + * | Period standalone* | b, bb & bbb | Abbreviated | mid. | + * | | bbbb | Wide | am, pm, midnight, noon, morning, afternoon, evening, night | + * | | bbbbb | Narrow | md | + * | Hour 1-12 | h | Numeric: minimum digits | 1, 12 | + * | | hh | Numeric: 2 digits + zero padded | 01, 12 | + * | Hour 0-23 | H | Numeric: minimum digits | 0, 23 | + * | | HH | Numeric: 2 digits + zero padded | 00, 23 | + * | Minute | m | Numeric: minimum digits | 8, 59 | + * | | mm | Numeric: 2 digits + zero padded | 08, 59 | + * | Second | s | Numeric: minimum digits | 0... 59 | + * | | ss | Numeric: 2 digits + zero padded | 00... 59 | + * | Fractional seconds | S | Numeric: 1 digit | 0... 9 | + * | | SS | Numeric: 2 digits + zero padded | 00... 99 | + * | | SSS | Numeric: 3 digits + zero padded (= milliseconds) | 000... 999 | + * | Zone | z, zz & zzz | Short specific non location format (fallback to O) | GMT-8 | + * | | zzzz | Long specific non location format (fallback to OOOO) | GMT-08:00 | + * | | Z, ZZ & ZZZ | ISO8601 basic format | -0800 | + * | | ZZZZ | Long localized GMT format | GMT-8:00 | + * | | ZZZZZ | ISO8601 extended format + Z indicator for offset 0 (= XXXXX) | -08:00 | + * | | O, OO & OOO | Short localized GMT format | GMT-8 | + * | | OOOO | Long localized GMT format | GMT-08:00 | + * + * Note that timezone correction is not applied to an ISO string that has no time component, such as "2016-09-19" + * + * ### Format examples + * + * These examples transform a date into various formats, + * assuming that `dateObj` is a JavaScript `Date` object for + * year: 2015, month: 6, day: 15, hour: 21, minute: 43, second: 11, + * given in the local time for the `en-US` locale. + * + * ``` + * {{ dateObj | date }} // output is 'Jun 15, 2015' + * {{ dateObj | date:'medium' }} // output is 'Jun 15, 2015, 9:43:11 PM' + * {{ dateObj | date:'shortTime' }} // output is '9:43 PM' + * {{ dateObj | date:'mmss' }} // output is '43:11' + * ``` + * + * ### Usage example + * + * The following component uses a date pipe to display the current date in different formats. + * + * ``` + * @Component({ + * selector: 'date-pipe', + * template: `

+ *

Today is {{today | date}}

+ *

Or if you prefer, {{today | date:'fullDate'}}

+ *

The time is {{today | date:'h:mm a z'}}

+ *

` + * }) + * // Get the current date and time as a date-time value. + * export class DatePipeComponent { + * today: number = Date.now(); + * } + * ``` + * + * @publicApi + */ +// clang-format on +var DatePipe = /** @class */ (function () { + function DatePipe(locale) { + this.locale = locale; + } + DatePipe_1 = DatePipe; + /** + * @param value The date expression: a `Date` object, a number + * (milliseconds since UTC epoch), or an ISO string (https://www.w3.org/TR/NOTE-datetime). + * @param format The date/time components to include, using predefined options or a + * custom format string. + * @param timezone A timezone offset (such as `'+0430'`), or a standard + * UTC/GMT or continental US timezone abbreviation. Default is + * the local system timezone of the end-user's machine. + * @param locale A locale code for the locale format rules to use. + * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default. + * See [Setting your app locale](guide/i18n#setting-up-the-locale-of-your-app). + * @returns A date string in the desired format. + */ + DatePipe.prototype.transform = function (value, format, timezone, locale) { + if (format === void 0) { format = 'mediumDate'; } + if (value == null || value === '' || value !== value) + return null; + try { + return formatDate(value, format, locale || this.locale, timezone); + } + catch (error) { + throw invalidPipeArgumentError(DatePipe_1, error.message); + } + }; + var DatePipe_1; + DatePipe = DatePipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'date', pure: true }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["LOCALE_ID"])), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String]) + ], DatePipe); + return DatePipe; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +var _INTERPOLATION_REGEXP = /#/g; +/** + * @ngModule CommonModule + * @description + * + * Maps a value to a string that pluralizes the value according to locale rules. + * + * @usageNotes + * + * ### Example + * + * {@example common/pipes/ts/i18n_pipe.ts region='I18nPluralPipeComponent'} + * + * @publicApi + */ +var I18nPluralPipe = /** @class */ (function () { + function I18nPluralPipe(_localization) { + this._localization = _localization; + } + I18nPluralPipe_1 = I18nPluralPipe; + /** + * @param value the number to be formatted + * @param pluralMap an object that mimics the ICU format, see + * http://userguide.icu-project.org/formatparse/messages. + * @param locale a `string` defining the locale to use (uses the current {@link LOCALE_ID} by + * default). + */ + I18nPluralPipe.prototype.transform = function (value, pluralMap, locale) { + if (value == null) + return ''; + if (typeof pluralMap !== 'object' || pluralMap === null) { + throw invalidPipeArgumentError(I18nPluralPipe_1, pluralMap); + } + var key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale); + return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString()); + }; + var I18nPluralPipe_1; + I18nPluralPipe = I18nPluralPipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'i18nPlural', pure: true }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [NgLocalization]) + ], I18nPluralPipe); + return I18nPluralPipe; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @ngModule CommonModule + * @description + * + * Generic selector that displays the string that matches the current value. + * + * If none of the keys of the `mapping` match the `value`, then the content + * of the `other` key is returned when present, otherwise an empty string is returned. + * + * @usageNotes + * + * ### Example + * + * {@example common/pipes/ts/i18n_pipe.ts region='I18nSelectPipeComponent'} + * + * @publicApi + */ +var I18nSelectPipe = /** @class */ (function () { + function I18nSelectPipe() { + } + I18nSelectPipe_1 = I18nSelectPipe; + /** + * @param value a string to be internationalized. + * @param mapping an object that indicates the text that should be displayed + * for different values of the provided `value`. + */ + I18nSelectPipe.prototype.transform = function (value, mapping) { + if (value == null) + return ''; + if (typeof mapping !== 'object' || typeof value !== 'string') { + throw invalidPipeArgumentError(I18nSelectPipe_1, mapping); + } + if (mapping.hasOwnProperty(value)) { + return mapping[value]; + } + if (mapping.hasOwnProperty('other')) { + return mapping['other']; + } + return ''; + }; + var I18nSelectPipe_1; + I18nSelectPipe = I18nSelectPipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'i18nSelect', pure: true }) + ], I18nSelectPipe); + return I18nSelectPipe; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @ngModule CommonModule + * @description + * + * Converts a value into its JSON-format representation. Useful for debugging. + * + * @usageNotes + * + * The following component uses a JSON pipe to convert an object + * to JSON format, and displays the string in both formats for comparison. + * + * {@example common/pipes/ts/json_pipe.ts region='JsonPipe'} + * + * @publicApi + */ +var JsonPipe = /** @class */ (function () { + function JsonPipe() { + } + /** + * @param value A value of any type to convert into a JSON-format string. + */ + JsonPipe.prototype.transform = function (value) { return JSON.stringify(value, null, 2); }; + JsonPipe = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'json', pure: false }) + ], JsonPipe); + return JsonPipe; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +function makeKeyValuePair(key, value) { + return { key: key, value: value }; +} +/** + * @ngModule CommonModule + * @description + * + * Transforms Object or Map into an array of key value pairs. + * + * The output array will be ordered by keys. + * By default the comparator will be by Unicode point value. + * You can optionally pass a compareFn if your keys are complex types. + * + * @usageNotes + * ### Examples + * + * This examples show how an Object or a Map can be iterated by ngFor with the use of this keyvalue + * pipe. + * + * {@example common/pipes/ts/keyvalue_pipe.ts region='KeyValuePipe'} + * + * @publicApi + */ +var KeyValuePipe = /** @class */ (function () { + function KeyValuePipe(differs) { + this.differs = differs; + this.keyValues = []; + } + KeyValuePipe.prototype.transform = function (input, compareFn) { + var _this = this; + if (compareFn === void 0) { compareFn = defaultComparator; } + if (!input || (!(input instanceof Map) && typeof input !== 'object')) { + return null; + } + if (!this.differ) { + // make a differ for whatever type we've been passed in + this.differ = this.differs.find(input).create(); + } + var differChanges = this.differ.diff(input); + if (differChanges) { + this.keyValues = []; + differChanges.forEachItem(function (r) { + _this.keyValues.push(makeKeyValuePair(r.key, r.currentValue)); + }); + this.keyValues.sort(compareFn); + } + return this.keyValues; + }; + KeyValuePipe = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'keyvalue', pure: false }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [_angular_core__WEBPACK_IMPORTED_MODULE_0__["KeyValueDiffers"]]) + ], KeyValuePipe); + return KeyValuePipe; +}()); +function defaultComparator(keyValueA, keyValueB) { + var a = keyValueA.key; + var b = keyValueB.key; + // if same exit with 0; + if (a === b) + return 0; + // make sure that undefined are at the end of the sort. + if (a === undefined) + return 1; + if (b === undefined) + return -1; + // make sure that nulls are at the end of the sort. + if (a === null) + return 1; + if (b === null) + return -1; + if (typeof a == 'string' && typeof b == 'string') { + return a < b ? -1 : 1; + } + if (typeof a == 'number' && typeof b == 'number') { + return a - b; + } + if (typeof a == 'boolean' && typeof b == 'boolean') { + return a < b ? -1 : 1; + } + // `a` and `b` are of different types. Compare their string values. + var aString = String(a); + var bString = String(b); + return aString == bString ? 0 : aString < bString ? -1 : 1; +} + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @ngModule CommonModule + * @description + * + * Transforms a number into a string, + * formatted according to locale rules that determine group sizing and + * separator, decimal-point character, and other locale-specific + * configurations. + * + * If no parameters are specified, the function rounds off to the nearest value using this + * [rounding method](https://en.wikibooks.org/wiki/Arithmetic/Rounding). + * The behavior differs from that of the JavaScript ```Math.round()``` function. + * In the following case for example, the pipe rounds down where + * ```Math.round()``` rounds up: + * + * ```html + * -2.5 | number:'1.0-0' + * > -3 + * Math.round(-2.5) + * > -2 + * ``` + * + * @see `formatNumber()` + * + * @usageNotes + * The following code shows how the pipe transforms numbers + * into text strings, according to various format specifications, + * where the caller's default locale is `en-US`. + * + * ### Example + * + * + * + * @publicApi + */ +var DecimalPipe = /** @class */ (function () { + function DecimalPipe(_locale) { + this._locale = _locale; + } + DecimalPipe_1 = DecimalPipe; + /** + * @param value The number to be formatted. + * @param digitsInfo Decimal representation options, specified by a string + * in the following format:
+ * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}. + * - `minIntegerDigits`: The minimum number of integer digits before the decimal point. + * Default is `1`. + * - `minFractionDigits`: The minimum number of digits after the decimal point. + * Default is `0`. + * - `maxFractionDigits`: The maximum number of digits after the decimal point. + * Default is `3`. + * @param locale A locale code for the locale format rules to use. + * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default. + * See [Setting your app locale](guide/i18n#setting-up-the-locale-of-your-app). + */ + DecimalPipe.prototype.transform = function (value, digitsInfo, locale) { + if (isEmpty(value)) + return null; + locale = locale || this._locale; + try { + var num = strToNumber(value); + return formatNumber(num, locale, digitsInfo); + } + catch (error) { + throw invalidPipeArgumentError(DecimalPipe_1, error.message); + } + }; + var DecimalPipe_1; + DecimalPipe = DecimalPipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'number' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["LOCALE_ID"])), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String]) + ], DecimalPipe); + return DecimalPipe; +}()); +/** + * @ngModule CommonModule + * @description + * + * Transforms a number to a percentage + * string, formatted according to locale rules that determine group sizing and + * separator, decimal-point character, and other locale-specific + * configurations. + * + * @see `formatPercent()` + * + * @usageNotes + * The following code shows how the pipe transforms numbers + * into text strings, according to various format specifications, + * where the caller's default locale is `en-US`. + * + * + * + * @publicApi + */ +var PercentPipe = /** @class */ (function () { + function PercentPipe(_locale) { + this._locale = _locale; + } + PercentPipe_1 = PercentPipe; + /** + * + * @param value The number to be formatted as a percentage. + * @param digitsInfo Decimal representation options, specified by a string + * in the following format:
+ * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}. + * - `minIntegerDigits`: The minimum number of integer digits before the decimal point. + * Default is `1`. + * - `minFractionDigits`: The minimum number of digits after the decimal point. + * Default is `0`. + * - `maxFractionDigits`: The maximum number of digits after the decimal point. + * Default is `0`. + * @param locale A locale code for the locale format rules to use. + * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default. + * See [Setting your app locale](guide/i18n#setting-up-the-locale-of-your-app). + */ + PercentPipe.prototype.transform = function (value, digitsInfo, locale) { + if (isEmpty(value)) + return null; + locale = locale || this._locale; + try { + var num = strToNumber(value); + return formatPercent(num, locale, digitsInfo); + } + catch (error) { + throw invalidPipeArgumentError(PercentPipe_1, error.message); + } + }; + var PercentPipe_1; + PercentPipe = PercentPipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'percent' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["LOCALE_ID"])), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String]) + ], PercentPipe); + return PercentPipe; +}()); +/** + * @ngModule CommonModule + * @description + * + * Transforms a number to a currency string, formatted according to locale rules + * that determine group sizing and separator, decimal-point character, + * and other locale-specific configurations. + * + * @see `getCurrencySymbol()` + * @see `formatCurrency()` + * + * @usageNotes + * The following code shows how the pipe transforms numbers + * into text strings, according to various format specifications, + * where the caller's default locale is `en-US`. + * + * + * + * @publicApi + */ +var CurrencyPipe = /** @class */ (function () { + function CurrencyPipe(_locale) { + this._locale = _locale; + } + CurrencyPipe_1 = CurrencyPipe; + /** + * + * @param value The number to be formatted as currency. + * @param currencyCode The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code, + * such as `USD` for the US dollar and `EUR` for the euro. + * @param display The format for the currency indicator. One of the following: + * - `code`: Show the code (such as `USD`). + * - `symbol`(default): Show the symbol (such as `$`). + * - `symbol-narrow`: Use the narrow symbol for locales that have two symbols for their + * currency. + * For example, the Canadian dollar CAD has the symbol `CA$` and the symbol-narrow `$`. If the + * locale has no narrow symbol, uses the standard symbol for the locale. + * - String: Use the given string value instead of a code or a symbol. + * For example, an empty string will suppress the currency & symbol. + * - Boolean (marked deprecated in v5): `true` for symbol and false for `code`. + * + * @param digitsInfo Decimal representation options, specified by a string + * in the following format:
+ * {minIntegerDigits}.{minFractionDigits}-{maxFractionDigits}. + * - `minIntegerDigits`: The minimum number of integer digits before the decimal point. + * Default is `1`. + * - `minFractionDigits`: The minimum number of digits after the decimal point. + * Default is `2`. + * - `maxFractionDigits`: The maximum number of digits after the decimal point. + * Default is `2`. + * If not provided, the number will be formatted with the proper amount of digits, + * depending on what the [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) specifies. + * For example, the Canadian dollar has 2 digits, whereas the Chilean peso has none. + * @param locale A locale code for the locale format rules to use. + * When not supplied, uses the value of `LOCALE_ID`, which is `en-US` by default. + * See [Setting your app locale](guide/i18n#setting-up-the-locale-of-your-app). + */ + CurrencyPipe.prototype.transform = function (value, currencyCode, display, digitsInfo, locale) { + if (display === void 0) { display = 'symbol'; } + if (isEmpty(value)) + return null; + locale = locale || this._locale; + if (typeof display === 'boolean') { + if (console && console.warn) { + console.warn("Warning: the currency pipe has been changed in Angular v5. The symbolDisplay option (third parameter) is now a string instead of a boolean. The accepted values are \"code\", \"symbol\" or \"symbol-narrow\"."); + } + display = display ? 'symbol' : 'code'; + } + var currency = currencyCode || 'USD'; + if (display !== 'code') { + if (display === 'symbol' || display === 'symbol-narrow') { + currency = getCurrencySymbol(currency, display === 'symbol' ? 'wide' : 'narrow', locale); + } + else { + currency = display; + } + } + try { + var num = strToNumber(value); + return formatCurrency(num, locale, currency, currencyCode, digitsInfo); + } + catch (error) { + throw invalidPipeArgumentError(CurrencyPipe_1, error.message); + } + }; + var CurrencyPipe_1; + CurrencyPipe = CurrencyPipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'currency' }), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__param"])(0, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["LOCALE_ID"])), + Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__metadata"])("design:paramtypes", [String]) + ], CurrencyPipe); + return CurrencyPipe; +}()); +function isEmpty(value) { + return value == null || value === '' || value !== value; +} +/** + * Transforms a string into a number (if needed). + */ +function strToNumber(value) { + // Convert strings to numbers + if (typeof value === 'string' && !isNaN(Number(value) - parseFloat(value))) { + return Number(value); + } + if (typeof value !== 'number') { + throw new Error(value + " is not a number"); + } + return value; +} + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @ngModule CommonModule + * @description + * + * Creates a new `Array` or `String` containing a subset (slice) of the elements. + * + * @usageNotes + * + * All behavior is based on the expected behavior of the JavaScript API `Array.prototype.slice()` + * and `String.prototype.slice()`. + * + * When operating on an `Array`, the returned `Array` is always a copy even when all + * the elements are being returned. + * + * When operating on a blank value, the pipe returns the blank value. + * + * ### List Example + * + * This `ngFor` example: + * + * {@example common/pipes/ts/slice_pipe.ts region='SlicePipe_list'} + * + * produces the following: + * + * ```html + *

+ *

+ * ``` + * + * ### String Examples + * + * {@example common/pipes/ts/slice_pipe.ts region='SlicePipe_string'} + * + * @publicApi + */ +var SlicePipe = /** @class */ (function () { + function SlicePipe() { + } + SlicePipe_1 = SlicePipe; + /** + * @param value a list or a string to be sliced. + * @param start the starting index of the subset to return: + * - **a positive integer**: return the item at `start` index and all items after + * in the list or string expression. + * - **a negative integer**: return the item at `start` index from the end and all items after + * in the list or string expression. + * - **if positive and greater than the size of the expression**: return an empty list or + * string. + * - **if negative and greater than the size of the expression**: return entire list or string. + * @param end the ending index of the subset to return: + * - **omitted**: return all items until the end. + * - **if positive**: return all items before `end` index of the list or string. + * - **if negative**: return all items before `end` index from the end of the list or string. + */ + SlicePipe.prototype.transform = function (value, start, end) { + if (value == null) + return value; + if (!this.supports(value)) { + throw invalidPipeArgumentError(SlicePipe_1, value); + } + return value.slice(start, end); + }; + SlicePipe.prototype.supports = function (obj) { return typeof obj === 'string' || Array.isArray(obj); }; + var SlicePipe_1; + SlicePipe = SlicePipe_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["Pipe"])({ name: 'slice', pure: false }) + ], SlicePipe); + return SlicePipe; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * A collection of Angular pipes that are likely to be used in each and every application. + */ +var COMMON_PIPES = [ + AsyncPipe, + UpperCasePipe, + LowerCasePipe, + JsonPipe, + SlicePipe, + DecimalPipe, + PercentPipe, + TitleCasePipe, + CurrencyPipe, + DatePipe, + I18nPluralPipe, + I18nSelectPipe, + KeyValuePipe, +]; + +/** + * @license + * Copyright Google Inc. 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 + */ +// Note: This does not contain the location providers, +// as they need some platform specific implementations to work. +/** + * Exports all the basic Angular directives and pipes, + * such as `NgIf`, `NgForOf`, `DecimalPipe`, and so on. + * Re-exported by `BrowserModule`, which is included automatically in the root + * `AppModule` when you create a new app with the CLI `new` command. + * + * * The `providers` options configure the NgModule's injector to provide + * localization dependencies to members. + * * The `exports` options make the declared directives and pipes available for import + * by other NgModules. + * + * @publicApi + */ +var CommonModule = /** @class */ (function () { + function CommonModule() { + } + CommonModule = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({ + declarations: [COMMON_DIRECTIVES, COMMON_PIPES], + exports: [COMMON_DIRECTIVES, COMMON_PIPES], + providers: [ + { provide: NgLocalization, useClass: NgLocaleLocalization }, + ], + }) + ], CommonModule); + return CommonModule; +}()); +var ɵ0 = getPluralCase; +/** + * A module that contains the deprecated i18n pipes. + * + * @deprecated from v5 + * @publicApi + */ +var DeprecatedI18NPipesModule = /** @class */ (function () { + function DeprecatedI18NPipesModule() { + } + DeprecatedI18NPipesModule = Object(tslib__WEBPACK_IMPORTED_MODULE_1__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgModule"])({ + declarations: [COMMON_DEPRECATED_I18N_PIPES], + exports: [COMMON_DEPRECATED_I18N_PIPES], + providers: [{ provide: DEPRECATED_PLURAL_FN, useValue: ɵ0 }], + }) + ], DeprecatedI18NPipesModule); + return DeprecatedI18NPipesModule; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * A DI Token representing the main rendering context. In a browser this is the DOM Document. + * + * Note: Document might not be available in the Application Context when Application and Rendering + * Contexts are not the same (e.g. when running the application into a Web Worker). + * + * @publicApi + */ +var DOCUMENT = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["InjectionToken"]('DocumentToken'); + +/** + * @license + * Copyright Google Inc. 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 + */ +var PLATFORM_BROWSER_ID = 'browser'; +var PLATFORM_SERVER_ID = 'server'; +var PLATFORM_WORKER_APP_ID = 'browserWorkerApp'; +var PLATFORM_WORKER_UI_ID = 'browserWorkerUi'; +/** + * Returns whether a platform id represents a browser platform. + * @publicApi + */ +function isPlatformBrowser(platformId) { + return platformId === PLATFORM_BROWSER_ID; +} +/** + * Returns whether a platform id represents a server platform. + * @publicApi + */ +function isPlatformServer(platformId) { + return platformId === PLATFORM_SERVER_ID; +} +/** + * Returns whether a platform id represents a web worker app platform. + * @publicApi + */ +function isPlatformWorkerApp(platformId) { + return platformId === PLATFORM_WORKER_APP_ID; +} +/** + * Returns whether a platform id represents a web worker UI platform. + * @publicApi + */ +function isPlatformWorkerUi(platformId) { + return platformId === PLATFORM_WORKER_UI_ID; +} + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * @publicApi + */ +var VERSION = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["Version"]('7.2.13'); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * Defines a scroll position manager. Implemented by `BrowserViewportScroller`. + * + * @publicApi + */ +var ViewportScroller = /** @class */ (function () { + function ViewportScroller() { + } + // De-sugared tree-shakable injection + // See #23917 + /** @nocollapse */ + ViewportScroller.ngInjectableDef = Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["defineInjectable"])({ + providedIn: 'root', + factory: function () { return new BrowserViewportScroller(Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["inject"])(DOCUMENT), window, Object(_angular_core__WEBPACK_IMPORTED_MODULE_0__["inject"])(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ErrorHandler"])); } + }); + return ViewportScroller; +}()); +/** + * Manages the scroll position for a browser window. + */ +var BrowserViewportScroller = /** @class */ (function () { + function BrowserViewportScroller(document, window, errorHandler) { + this.document = document; + this.window = window; + this.errorHandler = errorHandler; + this.offset = function () { return [0, 0]; }; + } + /** + * Configures the top offset used when scrolling to an anchor. + * @param offset A position in screen coordinates (a tuple with x and y values) + * or a function that returns the top offset position. + * + */ + BrowserViewportScroller.prototype.setOffset = function (offset) { + if (Array.isArray(offset)) { + this.offset = function () { return offset; }; + } + else { + this.offset = offset; + } + }; + /** + * Retrieves the current scroll position. + * @returns The position in screen coordinates. + */ + BrowserViewportScroller.prototype.getScrollPosition = function () { + if (this.supportScrollRestoration()) { + return [this.window.scrollX, this.window.scrollY]; + } + else { + return [0, 0]; + } + }; + /** + * Sets the scroll position. + * @param position The new position in screen coordinates. + */ + BrowserViewportScroller.prototype.scrollToPosition = function (position) { + if (this.supportScrollRestoration()) { + this.window.scrollTo(position[0], position[1]); + } + }; + /** + * Scrolls to an anchor element. + * @param anchor The ID of the anchor element. + */ + BrowserViewportScroller.prototype.scrollToAnchor = function (anchor) { + if (this.supportScrollRestoration()) { + // Escape anything passed to `querySelector` as it can throw errors and stop the application + // from working if invalid values are passed. + if (this.window.CSS && this.window.CSS.escape) { + anchor = this.window.CSS.escape(anchor); + } + else { + anchor = anchor.replace(/(\"|\'\ |:|\.|\[|\]|,|=)/g, '\\$1'); + } + try { + var elSelectedById = this.document.querySelector("#" + anchor); + if (elSelectedById) { + this.scrollToElement(elSelectedById); + return; + } + var elSelectedByName = this.document.querySelector("[name='" + anchor + "']"); + if (elSelectedByName) { + this.scrollToElement(elSelectedByName); + return; + } + } + catch (e) { + this.errorHandler.handleError(e); + } + } + }; + /** + * Disables automatic scroll restoration provided by the browser. + */ + BrowserViewportScroller.prototype.setHistoryScrollRestoration = function (scrollRestoration) { + if (this.supportScrollRestoration()) { + var history_1 = this.window.history; + if (history_1 && history_1.scrollRestoration) { + history_1.scrollRestoration = scrollRestoration; + } + } + }; + BrowserViewportScroller.prototype.scrollToElement = function (el) { + var rect = el.getBoundingClientRect(); + var left = rect.left + this.window.pageXOffset; + var top = rect.top + this.window.pageYOffset; + var offset = this.offset(); + this.window.scrollTo(left - offset[0], top - offset[1]); + }; + /** + * We only support scroll restoration when we can get a hold of window. + * This means that we do not support this behavior when running in a web worker. + * + * Lifting this restriction right now would require more changes in the dom adapter. + * Since webworkers aren't widely used, we will lift it once RouterScroller is + * battle-tested. + */ + BrowserViewportScroller.prototype.supportScrollRestoration = function () { + try { + return !!this.window && !!this.window.scrollTo; + } + catch (_a) { + return false; + } + }; + return BrowserViewportScroller; +}()); +/** + * Provides an empty implementation of the viewport scroller. This will + * live in @angular/common as it will be used by both platform-server and platform-webworker. + */ +var NullViewportScroller = /** @class */ (function () { + function NullViewportScroller() { + } + /** + * Empty implementation + */ + NullViewportScroller.prototype.setOffset = function (offset) { }; + /** + * Empty implementation + */ + NullViewportScroller.prototype.getScrollPosition = function () { return [0, 0]; }; + /** + * Empty implementation + */ + NullViewportScroller.prototype.scrollToPosition = function (position) { }; + /** + * Empty implementation + */ + NullViewportScroller.prototype.scrollToAnchor = function (anchor) { }; + /** + * Empty implementation + */ + NullViewportScroller.prototype.setHistoryScrollRestoration = function (scrollRestoration) { }; + return NullViewportScroller; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ + +/** + * @license + * Copyright Google Inc. 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 + */ +// This file only reexports content of the `src` folder. Keep it that way. + +/** + * @license + * Copyright Google Inc. 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 + */ + +/** + * Generated bundle index. Do not edit. + */ + + +//# sourceMappingURL=common.js.map + + +/***/ }), + +/***/ "./node_modules/@angular/common/fesm5/http.js": +/*!****************************************************!*\ + !*** ./node_modules/@angular/common/fesm5/http.js ***! + \****************************************************/ +/*! exports provided: ɵangular_packages_common_http_http_a, ɵangular_packages_common_http_http_b, ɵangular_packages_common_http_http_c, ɵangular_packages_common_http_http_d, ɵangular_packages_common_http_http_g, ɵangular_packages_common_http_http_h, ɵangular_packages_common_http_http_e, ɵangular_packages_common_http_http_f, HttpBackend, HttpHandler, HttpClient, HttpHeaders, HTTP_INTERCEPTORS, JsonpClientBackend, JsonpInterceptor, HttpClientJsonpModule, HttpClientModule, HttpClientXsrfModule, ɵHttpInterceptingHandler, HttpParams, HttpUrlEncodingCodec, HttpRequest, HttpErrorResponse, HttpEventType, HttpHeaderResponse, HttpResponse, HttpResponseBase, HttpXhrBackend, XhrFactory, HttpXsrfTokenExtractor */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_http_http_a", function() { return NoopInterceptor; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_http_http_b", function() { return JsonpCallbackContext; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_http_http_c", function() { return jsonpCallbackContext; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_http_http_d", function() { return BrowserXhr; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_http_http_g", function() { return HttpXsrfCookieExtractor; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_http_http_h", function() { return HttpXsrfInterceptor; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_http_http_e", function() { return XSRF_COOKIE_NAME; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵangular_packages_common_http_http_f", function() { return XSRF_HEADER_NAME; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpBackend", function() { return HttpBackend; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpHandler", function() { return HttpHandler; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpClient", function() { return HttpClient; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpHeaders", function() { return HttpHeaders; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HTTP_INTERCEPTORS", function() { return HTTP_INTERCEPTORS; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "JsonpClientBackend", function() { return JsonpClientBackend; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "JsonpInterceptor", function() { return JsonpInterceptor; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpClientJsonpModule", function() { return HttpClientJsonpModule; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpClientModule", function() { return HttpClientModule; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpClientXsrfModule", function() { return HttpClientXsrfModule; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ɵHttpInterceptingHandler", function() { return HttpInterceptingHandler; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpParams", function() { return HttpParams; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpUrlEncodingCodec", function() { return HttpUrlEncodingCodec; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpRequest", function() { return HttpRequest; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpErrorResponse", function() { return HttpErrorResponse; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpEventType", function() { return HttpEventType; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpHeaderResponse", function() { return HttpHeaderResponse; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpResponse", function() { return HttpResponse; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpResponseBase", function() { return HttpResponseBase; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpXhrBackend", function() { return HttpXhrBackend; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "XhrFactory", function() { return XhrFactory; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpXsrfTokenExtractor", function() { return HttpXsrfTokenExtractor; }); +/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./node_modules/tslib/tslib.es6.js"); +/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "./node_modules/@angular/core/fesm5/core.js"); +/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rxjs */ "./node_modules/rxjs/_esm5/index.js"); +/* harmony import */ var rxjs_operators__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rxjs/operators */ "./node_modules/rxjs/_esm5/operators/index.js"); +/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ "./node_modules/@angular/common/fesm5/common.js"); +/** + * @license Angular v7.2.13 + * (c) 2010-2019 Google LLC. https://angular.io/ + * License: MIT + */ + + + + + + + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * Transforms an `HttpRequest` into a stream of `HttpEvent`s, one of which will likely be a + * `HttpResponse`. + * + * `HttpHandler` is injectable. When injected, the handler instance dispatches requests to the + * first interceptor in the chain, which dispatches to the second, etc, eventually reaching the + * `HttpBackend`. + * + * In an `HttpInterceptor`, the `HttpHandler` parameter is the next interceptor in the chain. + * + * @publicApi + */ +var HttpHandler = /** @class */ (function () { + function HttpHandler() { + } + return HttpHandler; +}()); +/** + * A final `HttpHandler` which will dispatch the request via browser HTTP APIs to a backend. + * + * Interceptors sit between the `HttpClient` interface and the `HttpBackend`. + * + * When injected, `HttpBackend` dispatches requests directly to the backend, without going + * through the interceptor chain. + * + * @publicApi + */ +var HttpBackend = /** @class */ (function () { + function HttpBackend() { + } + return HttpBackend; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * `HttpHeaders` class represents the header configuration options for an HTTP request. + * Instances should be assumed immutable with lazy parsing. + * + * @publicApi + */ +var HttpHeaders = /** @class */ (function () { + /** Constructs a new HTTP header object with the given values.*/ + function HttpHeaders(headers) { + var _this = this; + /** + * Internal map of lowercased header names to the normalized + * form of the name (the form seen first). + */ + this.normalizedNames = new Map(); + /** + * Queued updates to be materialized the next initialization. + */ + this.lazyUpdate = null; + if (!headers) { + this.headers = new Map(); + } + else if (typeof headers === 'string') { + this.lazyInit = function () { + _this.headers = new Map(); + headers.split('\n').forEach(function (line) { + var index = line.indexOf(':'); + if (index > 0) { + var name_1 = line.slice(0, index); + var key = name_1.toLowerCase(); + var value = line.slice(index + 1).trim(); + _this.maybeSetNormalizedName(name_1, key); + if (_this.headers.has(key)) { + _this.headers.get(key).push(value); + } + else { + _this.headers.set(key, [value]); + } + } + }); + }; + } + else { + this.lazyInit = function () { + _this.headers = new Map(); + Object.keys(headers).forEach(function (name) { + var values = headers[name]; + var key = name.toLowerCase(); + if (typeof values === 'string') { + values = [values]; + } + if (values.length > 0) { + _this.headers.set(key, values); + _this.maybeSetNormalizedName(name, key); + } + }); + }; + } + } + /** + * Checks for existence of a header by a given name. + * + * @param name The header name to check for existence. + * + * @returns Whether the header exits. + */ + HttpHeaders.prototype.has = function (name) { + this.init(); + return this.headers.has(name.toLowerCase()); + }; + /** + * Returns the first header value that matches a given name. + * + * @param name The header name to retrieve. + * + * @returns A string if the header exists, null otherwise + */ + HttpHeaders.prototype.get = function (name) { + this.init(); + var values = this.headers.get(name.toLowerCase()); + return values && values.length > 0 ? values[0] : null; + }; + /** + * Returns the names of the headers. + * + * @returns A list of header names. + */ + HttpHeaders.prototype.keys = function () { + this.init(); + return Array.from(this.normalizedNames.values()); + }; + /** + * Returns a list of header values for a given header name. + * + * @param name The header name from which to retrieve the values. + * + * @returns A string of values if the header exists, null otherwise. + */ + HttpHeaders.prototype.getAll = function (name) { + this.init(); + return this.headers.get(name.toLowerCase()) || null; + }; + /** + * Appends a new header value to the existing set of + * header values. + * + * @param name The header name for which to append the values. + * + * @returns A clone of the HTTP header object with the value appended. + */ + HttpHeaders.prototype.append = function (name, value) { + return this.clone({ name: name, value: value, op: 'a' }); + }; + /** + * Sets a header value for a given name. If the header name already exists, + * its value is replaced with the given value. + * + * @param name The header name. + * @param value Provides the value to set or overide for a given name. + * + * @returns A clone of the HTTP header object with the newly set header value. + */ + HttpHeaders.prototype.set = function (name, value) { + return this.clone({ name: name, value: value, op: 's' }); + }; + /** + * Deletes all header values for a given name. + * + * @param name The header name. + * @param value The header values to delete for a given name. + * + * @returns A clone of the HTTP header object. + */ + HttpHeaders.prototype.delete = function (name, value) { + return this.clone({ name: name, value: value, op: 'd' }); + }; + HttpHeaders.prototype.maybeSetNormalizedName = function (name, lcName) { + if (!this.normalizedNames.has(lcName)) { + this.normalizedNames.set(lcName, name); + } + }; + HttpHeaders.prototype.init = function () { + var _this = this; + if (!!this.lazyInit) { + if (this.lazyInit instanceof HttpHeaders) { + this.copyFrom(this.lazyInit); + } + else { + this.lazyInit(); + } + this.lazyInit = null; + if (!!this.lazyUpdate) { + this.lazyUpdate.forEach(function (update) { return _this.applyUpdate(update); }); + this.lazyUpdate = null; + } + } + }; + HttpHeaders.prototype.copyFrom = function (other) { + var _this = this; + other.init(); + Array.from(other.headers.keys()).forEach(function (key) { + _this.headers.set(key, other.headers.get(key)); + _this.normalizedNames.set(key, other.normalizedNames.get(key)); + }); + }; + HttpHeaders.prototype.clone = function (update) { + var clone = new HttpHeaders(); + clone.lazyInit = + (!!this.lazyInit && this.lazyInit instanceof HttpHeaders) ? this.lazyInit : this; + clone.lazyUpdate = (this.lazyUpdate || []).concat([update]); + return clone; + }; + HttpHeaders.prototype.applyUpdate = function (update) { + var key = update.name.toLowerCase(); + switch (update.op) { + case 'a': + case 's': + var value = update.value; + if (typeof value === 'string') { + value = [value]; + } + if (value.length === 0) { + return; + } + this.maybeSetNormalizedName(update.name, key); + var base = (update.op === 'a' ? this.headers.get(key) : undefined) || []; + base.push.apply(base, Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__spread"])(value)); + this.headers.set(key, base); + break; + case 'd': + var toDelete_1 = update.value; + if (!toDelete_1) { + this.headers.delete(key); + this.normalizedNames.delete(key); + } + else { + var existing = this.headers.get(key); + if (!existing) { + return; + } + existing = existing.filter(function (value) { return toDelete_1.indexOf(value) === -1; }); + if (existing.length === 0) { + this.headers.delete(key); + this.normalizedNames.delete(key); + } + else { + this.headers.set(key, existing); + } + } + break; + } + }; + /** + * @internal + */ + HttpHeaders.prototype.forEach = function (fn) { + var _this = this; + this.init(); + Array.from(this.normalizedNames.keys()) + .forEach(function (key) { return fn(_this.normalizedNames.get(key), _this.headers.get(key)); }); + }; + return HttpHeaders; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * A class that uses `encodeURIComponent` and `decodeURIComponent` to + * serialize and parse URL parameter keys and values. If you pass URL query parameters + * without encoding, the query parameters can get misinterpreted at the receiving end. + * Use the `HttpParameterCodec` class to encode and decode the query-string values. + * + * @publicApi + */ +var HttpUrlEncodingCodec = /** @class */ (function () { + function HttpUrlEncodingCodec() { + } + HttpUrlEncodingCodec.prototype.encodeKey = function (key) { return standardEncoding(key); }; + HttpUrlEncodingCodec.prototype.encodeValue = function (value) { return standardEncoding(value); }; + HttpUrlEncodingCodec.prototype.decodeKey = function (key) { return decodeURIComponent(key); }; + HttpUrlEncodingCodec.prototype.decodeValue = function (value) { return decodeURIComponent(value); }; + return HttpUrlEncodingCodec; +}()); +function paramParser(rawParams, codec) { + var map$$1 = new Map(); + if (rawParams.length > 0) { + var params = rawParams.split('&'); + params.forEach(function (param) { + var eqIdx = param.indexOf('='); + var _a = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__read"])(eqIdx == -1 ? + [codec.decodeKey(param), ''] : + [codec.decodeKey(param.slice(0, eqIdx)), codec.decodeValue(param.slice(eqIdx + 1))], 2), key = _a[0], val = _a[1]; + var list = map$$1.get(key) || []; + list.push(val); + map$$1.set(key, list); + }); + } + return map$$1; +} +function standardEncoding(v) { + return encodeURIComponent(v) + .replace(/%40/gi, '@') + .replace(/%3A/gi, ':') + .replace(/%24/gi, '$') + .replace(/%2C/gi, ',') + .replace(/%3B/gi, ';') + .replace(/%2B/gi, '+') + .replace(/%3D/gi, '=') + .replace(/%3F/gi, '?') + .replace(/%2F/gi, '/'); +} +/** + * An HTTP request/response body that represents serialized parameters, + * per the MIME type `application/x-www-form-urlencoded`. + * + * This class is immutable - all mutation operations return a new instance. + * + * @publicApi + */ +var HttpParams = /** @class */ (function () { + function HttpParams(options) { + if (options === void 0) { options = {}; } + var _this = this; + this.updates = null; + this.cloneFrom = null; + this.encoder = options.encoder || new HttpUrlEncodingCodec(); + if (!!options.fromString) { + if (!!options.fromObject) { + throw new Error("Cannot specify both fromString and fromObject."); + } + this.map = paramParser(options.fromString, this.encoder); + } + else if (!!options.fromObject) { + this.map = new Map(); + Object.keys(options.fromObject).forEach(function (key) { + var value = options.fromObject[key]; + _this.map.set(key, Array.isArray(value) ? value : [value]); + }); + } + else { + this.map = null; + } + } + /** + * Check whether the body has one or more values for the given parameter name. + */ + HttpParams.prototype.has = function (param) { + this.init(); + return this.map.has(param); + }; + /** + * Get the first value for the given parameter name, or `null` if it's not present. + */ + HttpParams.prototype.get = function (param) { + this.init(); + var res = this.map.get(param); + return !!res ? res[0] : null; + }; + /** + * Get all values for the given parameter name, or `null` if it's not present. + */ + HttpParams.prototype.getAll = function (param) { + this.init(); + return this.map.get(param) || null; + }; + /** + * Get all the parameter names for this body. + */ + HttpParams.prototype.keys = function () { + this.init(); + return Array.from(this.map.keys()); + }; + /** + * Construct a new body with an appended value for the given parameter name. + */ + HttpParams.prototype.append = function (param, value) { return this.clone({ param: param, value: value, op: 'a' }); }; + /** + * Construct a new body with a new value for the given parameter name. + */ + HttpParams.prototype.set = function (param, value) { return this.clone({ param: param, value: value, op: 's' }); }; + /** + * Construct a new body with either the given value for the given parameter + * removed, if a value is given, or all values for the given parameter removed + * if not. + */ + HttpParams.prototype.delete = function (param, value) { return this.clone({ param: param, value: value, op: 'd' }); }; + /** + * Serialize the body to an encoded string, where key-value pairs (separated by `=`) are + * separated by `&`s. + */ + HttpParams.prototype.toString = function () { + var _this = this; + this.init(); + return this.keys() + .map(function (key) { + var eKey = _this.encoder.encodeKey(key); + return _this.map.get(key).map(function (value) { return eKey + '=' + _this.encoder.encodeValue(value); }) + .join('&'); + }) + .join('&'); + }; + HttpParams.prototype.clone = function (update) { + var clone = new HttpParams({ encoder: this.encoder }); + clone.cloneFrom = this.cloneFrom || this; + clone.updates = (this.updates || []).concat([update]); + return clone; + }; + HttpParams.prototype.init = function () { + var _this = this; + if (this.map === null) { + this.map = new Map(); + } + if (this.cloneFrom !== null) { + this.cloneFrom.init(); + this.cloneFrom.keys().forEach(function (key) { return _this.map.set(key, _this.cloneFrom.map.get(key)); }); + this.updates.forEach(function (update) { + switch (update.op) { + case 'a': + case 's': + var base = (update.op === 'a' ? _this.map.get(update.param) : undefined) || []; + base.push(update.value); + _this.map.set(update.param, base); + break; + case 'd': + if (update.value !== undefined) { + var base_1 = _this.map.get(update.param) || []; + var idx = base_1.indexOf(update.value); + if (idx !== -1) { + base_1.splice(idx, 1); + } + if (base_1.length > 0) { + _this.map.set(update.param, base_1); + } + else { + _this.map.delete(update.param); + } + } + else { + _this.map.delete(update.param); + break; + } + } + }); + this.cloneFrom = null; + } + }; + return HttpParams; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * Determine whether the given HTTP method may include a body. + */ +function mightHaveBody(method) { + switch (method) { + case 'DELETE': + case 'GET': + case 'HEAD': + case 'OPTIONS': + case 'JSONP': + return false; + default: + return true; + } +} +/** + * Safely assert whether the given value is an ArrayBuffer. + * + * In some execution environments ArrayBuffer is not defined. + */ +function isArrayBuffer(value) { + return typeof ArrayBuffer !== 'undefined' && value instanceof ArrayBuffer; +} +/** + * Safely assert whether the given value is a Blob. + * + * In some execution environments Blob is not defined. + */ +function isBlob(value) { + return typeof Blob !== 'undefined' && value instanceof Blob; +} +/** + * Safely assert whether the given value is a FormData instance. + * + * In some execution environments FormData is not defined. + */ +function isFormData(value) { + return typeof FormData !== 'undefined' && value instanceof FormData; +} +/** + * An outgoing HTTP request with an optional typed body. + * + * `HttpRequest` represents an outgoing request, including URL, method, + * headers, body, and other request configuration options. Instances should be + * assumed to be immutable. To modify a `HttpRequest`, the `clone` + * method should be used. + * + * @publicApi + */ +var HttpRequest = /** @class */ (function () { + function HttpRequest(method, url, third, fourth) { + this.url = url; + /** + * The request body, or `null` if one isn't set. + * + * Bodies are not enforced to be immutable, as they can include a reference to any + * user-defined data type. However, interceptors should take care to preserve + * idempotence by treating them as such. + */ + this.body = null; + /** + * Whether this request should be made in a way that exposes progress events. + * + * Progress events are expensive (change detection runs on each event) and so + * they should only be requested if the consumer intends to monitor them. + */ + this.reportProgress = false; + /** + * Whether this request should be sent with outgoing credentials (cookies). + */ + this.withCredentials = false; + /** + * The expected response type of the server. + * + * This is used to parse the response appropriately before returning it to + * the requestee. + */ + this.responseType = 'json'; + this.method = method.toUpperCase(); + // Next, need to figure out which argument holds the HttpRequestInit + // options, if any. + var options; + // Check whether a body argument is expected. The only valid way to omit + // the body argument is to use a known no-body method like GET. + if (mightHaveBody(this.method) || !!fourth) { + // Body is the third argument, options are the fourth. + this.body = (third !== undefined) ? third : null; + options = fourth; + } + else { + // No body required, options are the third argument. The body stays null. + options = third; + } + // If options have been passed, interpret them. + if (options) { + // Normalize reportProgress and withCredentials. + this.reportProgress = !!options.reportProgress; + this.withCredentials = !!options.withCredentials; + // Override default response type of 'json' if one is provided. + if (!!options.responseType) { + this.responseType = options.responseType; + } + // Override headers if they're provided. + if (!!options.headers) { + this.headers = options.headers; + } + if (!!options.params) { + this.params = options.params; + } + } + // If no headers have been passed in, construct a new HttpHeaders instance. + if (!this.headers) { + this.headers = new HttpHeaders(); + } + // If no parameters have been passed in, construct a new HttpUrlEncodedParams instance. + if (!this.params) { + this.params = new HttpParams(); + this.urlWithParams = url; + } + else { + // Encode the parameters to a string in preparation for inclusion in the URL. + var params = this.params.toString(); + if (params.length === 0) { + // No parameters, the visible URL is just the URL given at creation time. + this.urlWithParams = url; + } + else { + // Does the URL already have query parameters? Look for '?'. + var qIdx = url.indexOf('?'); + // There are 3 cases to handle: + // 1) No existing parameters -> append '?' followed by params. + // 2) '?' exists and is followed by existing query string -> + // append '&' followed by params. + // 3) '?' exists at the end of the url -> append params directly. + // This basically amounts to determining the character, if any, with + // which to join the URL and parameters. + var sep = qIdx === -1 ? '?' : (qIdx < url.length - 1 ? '&' : ''); + this.urlWithParams = url + sep + params; + } + } + } + /** + * Transform the free-form body into a serialized format suitable for + * transmission to the server. + */ + HttpRequest.prototype.serializeBody = function () { + // If no body is present, no need to serialize it. + if (this.body === null) { + return null; + } + // Check whether the body is already in a serialized form. If so, + // it can just be returned directly. + if (isArrayBuffer(this.body) || isBlob(this.body) || isFormData(this.body) || + typeof this.body === 'string') { + return this.body; + } + // Check whether the body is an instance of HttpUrlEncodedParams. + if (this.body instanceof HttpParams) { + return this.body.toString(); + } + // Check whether the body is an object or array, and serialize with JSON if so. + if (typeof this.body === 'object' || typeof this.body === 'boolean' || + Array.isArray(this.body)) { + return JSON.stringify(this.body); + } + // Fall back on toString() for everything else. + return this.body.toString(); + }; + /** + * Examine the body and attempt to infer an appropriate MIME type + * for it. + * + * If no such type can be inferred, this method will return `null`. + */ + HttpRequest.prototype.detectContentTypeHeader = function () { + // An empty body has no content type. + if (this.body === null) { + return null; + } + // FormData bodies rely on the browser's content type assignment. + if (isFormData(this.body)) { + return null; + } + // Blobs usually have their own content type. If it doesn't, then + // no type can be inferred. + if (isBlob(this.body)) { + return this.body.type || null; + } + // Array buffers have unknown contents and thus no type can be inferred. + if (isArrayBuffer(this.body)) { + return null; + } + // Technically, strings could be a form of JSON data, but it's safe enough + // to assume they're plain strings. + if (typeof this.body === 'string') { + return 'text/plain'; + } + // `HttpUrlEncodedParams` has its own content-type. + if (this.body instanceof HttpParams) { + return 'application/x-www-form-urlencoded;charset=UTF-8'; + } + // Arrays, objects, and numbers will be encoded as JSON. + if (typeof this.body === 'object' || typeof this.body === 'number' || + Array.isArray(this.body)) { + return 'application/json'; + } + // No type could be inferred. + return null; + }; + HttpRequest.prototype.clone = function (update) { + if (update === void 0) { update = {}; } + // For method, url, and responseType, take the current value unless + // it is overridden in the update hash. + var method = update.method || this.method; + var url = update.url || this.url; + var responseType = update.responseType || this.responseType; + // The body is somewhat special - a `null` value in update.body means + // whatever current body is present is being overridden with an empty + // body, whereas an `undefined` value in update.body implies no + // override. + var body = (update.body !== undefined) ? update.body : this.body; + // Carefully handle the boolean options to differentiate between + // `false` and `undefined` in the update args. + var withCredentials = (update.withCredentials !== undefined) ? update.withCredentials : this.withCredentials; + var reportProgress = (update.reportProgress !== undefined) ? update.reportProgress : this.reportProgress; + // Headers and params may be appended to if `setHeaders` or + // `setParams` are used. + var headers = update.headers || this.headers; + var params = update.params || this.params; + // Check whether the caller has asked to add headers. + if (update.setHeaders !== undefined) { + // Set every requested header. + headers = + Object.keys(update.setHeaders) + .reduce(function (headers, name) { return headers.set(name, update.setHeaders[name]); }, headers); + } + // Check whether the caller has asked to set params. + if (update.setParams) { + // Set every requested param. + params = Object.keys(update.setParams) + .reduce(function (params, param) { return params.set(param, update.setParams[param]); }, params); + } + // Finally, construct the new HttpRequest using the pieces from above. + return new HttpRequest(method, url, body, { + params: params, headers: headers, reportProgress: reportProgress, responseType: responseType, withCredentials: withCredentials, + }); + }; + return HttpRequest; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * Type enumeration for the different kinds of `HttpEvent`. + * + * @publicApi + */ +var HttpEventType; +(function (HttpEventType) { + /** + * The request was sent out over the wire. + */ + HttpEventType[HttpEventType["Sent"] = 0] = "Sent"; + /** + * An upload progress event was received. + */ + HttpEventType[HttpEventType["UploadProgress"] = 1] = "UploadProgress"; + /** + * The response status code and headers were received. + */ + HttpEventType[HttpEventType["ResponseHeader"] = 2] = "ResponseHeader"; + /** + * A download progress event was received. + */ + HttpEventType[HttpEventType["DownloadProgress"] = 3] = "DownloadProgress"; + /** + * The full response including the body was received. + */ + HttpEventType[HttpEventType["Response"] = 4] = "Response"; + /** + * A custom event from an interceptor or a backend. + */ + HttpEventType[HttpEventType["User"] = 5] = "User"; +})(HttpEventType || (HttpEventType = {})); +/** + * Base class for both `HttpResponse` and `HttpHeaderResponse`. + * + * @publicApi + */ +var HttpResponseBase = /** @class */ (function () { + /** + * Super-constructor for all responses. + * + * The single parameter accepted is an initialization hash. Any properties + * of the response passed there will override the default values. + */ + function HttpResponseBase(init, defaultStatus, defaultStatusText) { + if (defaultStatus === void 0) { defaultStatus = 200; } + if (defaultStatusText === void 0) { defaultStatusText = 'OK'; } + // If the hash has values passed, use them to initialize the response. + // Otherwise use the default values. + this.headers = init.headers || new HttpHeaders(); + this.status = init.status !== undefined ? init.status : defaultStatus; + this.statusText = init.statusText || defaultStatusText; + this.url = init.url || null; + // Cache the ok value to avoid defining a getter. + this.ok = this.status >= 200 && this.status < 300; + } + return HttpResponseBase; +}()); +/** + * A partial HTTP response which only includes the status and header data, + * but no response body. + * + * `HttpHeaderResponse` is a `HttpEvent` available on the response + * event stream, only when progress events are requested. + * + * @publicApi + */ +var HttpHeaderResponse = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(HttpHeaderResponse, _super); + /** + * Create a new `HttpHeaderResponse` with the given parameters. + */ + function HttpHeaderResponse(init) { + if (init === void 0) { init = {}; } + var _this = _super.call(this, init) || this; + _this.type = HttpEventType.ResponseHeader; + return _this; + } + /** + * Copy this `HttpHeaderResponse`, overriding its contents with the + * given parameter hash. + */ + HttpHeaderResponse.prototype.clone = function (update) { + if (update === void 0) { update = {}; } + // Perform a straightforward initialization of the new HttpHeaderResponse, + // overriding the current parameters with new ones if given. + return new HttpHeaderResponse({ + headers: update.headers || this.headers, + status: update.status !== undefined ? update.status : this.status, + statusText: update.statusText || this.statusText, + url: update.url || this.url || undefined, + }); + }; + return HttpHeaderResponse; +}(HttpResponseBase)); +/** + * A full HTTP response, including a typed response body (which may be `null` + * if one was not returned). + * + * `HttpResponse` is a `HttpEvent` available on the response event + * stream. + * + * @publicApi + */ +var HttpResponse = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(HttpResponse, _super); + /** + * Construct a new `HttpResponse`. + */ + function HttpResponse(init) { + if (init === void 0) { init = {}; } + var _this = _super.call(this, init) || this; + _this.type = HttpEventType.Response; + _this.body = init.body !== undefined ? init.body : null; + return _this; + } + HttpResponse.prototype.clone = function (update) { + if (update === void 0) { update = {}; } + return new HttpResponse({ + body: (update.body !== undefined) ? update.body : this.body, + headers: update.headers || this.headers, + status: (update.status !== undefined) ? update.status : this.status, + statusText: update.statusText || this.statusText, + url: update.url || this.url || undefined, + }); + }; + return HttpResponse; +}(HttpResponseBase)); +/** + * A response that represents an error or failure, either from a + * non-successful HTTP status, an error while executing the request, + * or some other failure which occurred during the parsing of the response. + * + * Any error returned on the `Observable` response stream will be + * wrapped in an `HttpErrorResponse` to provide additional context about + * the state of the HTTP layer when the error occurred. The error property + * will contain either a wrapped Error object or the error response returned + * from the server. + * + * @publicApi + */ +var HttpErrorResponse = /** @class */ (function (_super) { + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(HttpErrorResponse, _super); + function HttpErrorResponse(init) { + var _this = + // Initialize with a default status of 0 / Unknown Error. + _super.call(this, init, 0, 'Unknown Error') || this; + _this.name = 'HttpErrorResponse'; + /** + * Errors are never okay, even when the status code is in the 2xx success range. + */ + _this.ok = false; + // If the response was successful, then this was a parse error. Otherwise, it was + // a protocol-level failure of some sort. Either the request failed in transit + // or the server returned an unsuccessful status code. + if (_this.status >= 200 && _this.status < 300) { + _this.message = "Http failure during parsing for " + (init.url || '(unknown url)'); + } + else { + _this.message = + "Http failure response for " + (init.url || '(unknown url)') + ": " + init.status + " " + init.statusText; + } + _this.error = init.error || null; + return _this; + } + return HttpErrorResponse; +}(HttpResponseBase)); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * Constructs an instance of `HttpRequestOptions` from a source `HttpMethodOptions` and + * the given `body`. This function clones the object and adds the body. + */ +function addBody(options, body) { + return { + body: body, + headers: options.headers, + observe: options.observe, + params: options.params, + reportProgress: options.reportProgress, + responseType: options.responseType, + withCredentials: options.withCredentials, + }; +} +/** + * Performs HTTP requests. + * + * `HttpClient` is available as an injectable class, with methods to perform HTTP requests. + * Each request method has multiple signatures, and the return type varies based on + * the signature that is called (mainly the values of `observe` and `responseType`). + * + * + * @see [HTTP Guide](guide/http) + * + * + * @usageNotes + * Sample HTTP requests for the [Tour of Heroes](/tutorial/toh-pt0) application. + * + * ### HTTP Request Example + * + * ``` + * // GET heroes whose name contains search term + * searchHeroes(term: string): observable{ + * + * const params = new HttpParams({fromString: 'name=term'}); + * return this.httpClient.request('GET', this.heroesUrl, {responseType:'json', params}); + * } + * ``` + * ### JSONP Example + * ``` + * requestJsonp(url, callback = 'callback') { + * return this.httpClient.jsonp(this.heroesURL, callback); + * } + * ``` + * + * + * ### PATCH Example + * ``` + * // PATCH one of the heroes' name + * patchHero (id: number, heroName: string): Observable<{}> { + * const url = `${this.heroesUrl}/${id}`; // PATCH api/heroes/42 + * return this.httpClient.patch(url, {name: heroName}, httpOptions) + * .pipe(catchError(this.handleError('patchHero'))); + * } +* ``` + * + * @publicApi + */ +var HttpClient = /** @class */ (function () { + function HttpClient(handler) { + this.handler = handler; + } + /** + * Constructs an observable for a generic HTTP request that, when subscribed, + * fires the request through the chain of registered interceptors and on to the + * server. + * + * You can pass an `HttpRequest` directly as the only parameter. In this case, + * the call returns an observable of the raw `HttpEvent` stream. + * + * Alternatively you can pass an HTTP method as the first parameter, + * a URL string as the second, and an options hash containing the request body as the third. + * See `addBody()`. In this case, the specified `responseType` and `observe` options determine the + * type of returned observable. + * * The `responseType` value determines how a successful response body is parsed. + * * If `responseType` is the default `json`, you can pass a type interface for the resulting + * object as a type parameter to the call. + * + * The `observe` value determines the return type, according to what you are interested in + * observing. + * * An `observe` value of events returns an observable of the raw `HttpEvent` stream, including + * progress events by default. + * * An `observe` value of response returns an observable of `HttpResponse`, + * where the `T` parameter depends on the `responseType` and any optionally provided type + * parameter. + * * An `observe` value of body returns an observable of `` with the same `T` body type. + * + */ + HttpClient.prototype.request = function (first, url, options) { + var _this = this; + if (options === void 0) { options = {}; } + var req; + // First, check whether the primary argument is an instance of `HttpRequest`. + if (first instanceof HttpRequest) { + // It is. The other arguments must be undefined (per the signatures) and can be + // ignored. + req = first; + } + else { + // It's a string, so it represents a URL. Construct a request based on it, + // and incorporate the remaining arguments (assuming `GET` unless a method is + // provided. + // Figure out the headers. + var headers = undefined; + if (options.headers instanceof HttpHeaders) { + headers = options.headers; + } + else { + headers = new HttpHeaders(options.headers); + } + // Sort out parameters. + var params = undefined; + if (!!options.params) { + if (options.params instanceof HttpParams) { + params = options.params; + } + else { + params = new HttpParams({ fromObject: options.params }); + } + } + // Construct the request. + req = new HttpRequest(first, url, (options.body !== undefined ? options.body : null), { + headers: headers, + params: params, + reportProgress: options.reportProgress, + // By default, JSON is assumed to be returned for all calls. + responseType: options.responseType || 'json', + withCredentials: options.withCredentials, + }); + } + // Start with an Observable.of() the initial request, and run the handler (which + // includes all interceptors) inside a concatMap(). This way, the handler runs + // inside an Observable chain, which causes interceptors to be re-run on every + // subscription (this also makes retries re-run the handler, including interceptors). + var events$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_2__["of"])(req).pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["concatMap"])(function (req) { return _this.handler.handle(req); })); + // If coming via the API signature which accepts a previously constructed HttpRequest, + // the only option is to get the event stream. Otherwise, return the event stream if + // that is what was requested. + if (first instanceof HttpRequest || options.observe === 'events') { + return events$; + } + // The requested stream contains either the full response or the body. In either + // case, the first step is to filter the event stream to extract a stream of + // responses(s). + var res$ = events$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["filter"])(function (event) { return event instanceof HttpResponse; })); + // Decide which stream to return. + switch (options.observe || 'body') { + case 'body': + // The requested stream is the body. Map the response stream to the response + // body. This could be done more simply, but a misbehaving interceptor might + // transform the response body into a different format and ignore the requested + // responseType. Guard against this by validating that the response is of the + // requested type. + switch (req.responseType) { + case 'arraybuffer': + return res$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (res) { + // Validate that the body is an ArrayBuffer. + if (res.body !== null && !(res.body instanceof ArrayBuffer)) { + throw new Error('Response is not an ArrayBuffer.'); + } + return res.body; + })); + case 'blob': + return res$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (res) { + // Validate that the body is a Blob. + if (res.body !== null && !(res.body instanceof Blob)) { + throw new Error('Response is not a Blob.'); + } + return res.body; + })); + case 'text': + return res$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (res) { + // Validate that the body is a string. + if (res.body !== null && typeof res.body !== 'string') { + throw new Error('Response is not a string.'); + } + return res.body; + })); + case 'json': + default: + // No validation needed for JSON responses, as they can be of any type. + return res$.pipe(Object(rxjs_operators__WEBPACK_IMPORTED_MODULE_3__["map"])(function (res) { return res.body; })); + } + case 'response': + // The response stream was requested directly, so return it. + return res$; + default: + // Guard against new future observe types being added. + throw new Error("Unreachable: unhandled observe type " + options.observe + "}"); + } + }; + /** + * Constructs an observable that, when subscribed, causes the configured + * `DELETE` request to execute on the server. See the individual overloads for + * details on the return type. + * + * @param url The endpoint URL. + * @param options The HTTP options to send with the request. + * + */ + HttpClient.prototype.delete = function (url, options) { + if (options === void 0) { options = {}; } + return this.request('DELETE', url, options); + }; + /** + * Constructs an observable that, when subscribed, causes the configured + * `GET` request to execute on the server. See the individual overloads for + * details on the return type. + */ + HttpClient.prototype.get = function (url, options) { + if (options === void 0) { options = {}; } + return this.request('GET', url, options); + }; + /** + * Constructs an observable that, when subscribed, causes the configured + * `HEAD` request to execute on the server. The `HEAD` method returns + * meta information about the resource without transferring the + * resource itself. See the individual overloads for + * details on the return type. + */ + HttpClient.prototype.head = function (url, options) { + if (options === void 0) { options = {}; } + return this.request('HEAD', url, options); + }; + /** + * Constructs an `Observable` that, when subscribed, causes a request with the special method + * `JSONP` to be dispatched via the interceptor pipeline. + * The [JSONP pattern](https://en.wikipedia.org/wiki/JSONP) works around limitations of certain + * API endpoints that don't support newer, + * and preferable [CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) protocol. + * JSONP treats the endpoint API as a JavaScript file and tricks the browser to process the + * requests even if the API endpoint is not located on the same domain (origin) as the client-side + * application making the request. + * The endpoint API must support JSONP callback for JSONP requests to work. + * The resource API returns the JSON response wrapped in a callback function. + * You can pass the callback function name as one of the query parameters. + * Note that JSONP requests can only be used with `GET` requests. + * + * @param url The resource URL. + * @param callbackParam The callback function name. + * + */ + HttpClient.prototype.jsonp = function (url, callbackParam) { + return this.request('JSONP', url, { + params: new HttpParams().append(callbackParam, 'JSONP_CALLBACK'), + observe: 'body', + responseType: 'json', + }); + }; + /** + * Constructs an `Observable` that, when subscribed, causes the configured + * `OPTIONS` request to execute on the server. This method allows the client + * to determine the supported HTTP methods and other capabilites of an endpoint, + * without implying a resource action. See the individual overloads for + * details on the return type. + */ + HttpClient.prototype.options = function (url, options) { + if (options === void 0) { options = {}; } + return this.request('OPTIONS', url, options); + }; + /** + * Constructs an observable that, when subscribed, causes the configured + * `PATCH` request to execute on the server. See the individual overloads for + * details on the return type. + */ + HttpClient.prototype.patch = function (url, body, options) { + if (options === void 0) { options = {}; } + return this.request('PATCH', url, addBody(options, body)); + }; + /** + * Constructs an observable that, when subscribed, causes the configured + * `POST` request to execute on the server. The server responds with the location of + * the replaced resource. See the individual overloads for + * details on the return type. + */ + HttpClient.prototype.post = function (url, body, options) { + if (options === void 0) { options = {}; } + return this.request('POST', url, addBody(options, body)); + }; + /** + * Constructs an observable that, when subscribed, causes the configured + * `PUT` request to execute on the server. The `PUT` method replaces an existing resource + * with a new set of values. + * See the individual overloads for details on the return type. + */ + HttpClient.prototype.put = function (url, body, options) { + if (options === void 0) { options = {}; } + return this.request('PUT', url, addBody(options, body)); + }; + HttpClient = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])(), + Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__metadata"])("design:paramtypes", [HttpHandler]) + ], HttpClient); + return HttpClient; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +/** + * `HttpHandler` which applies an `HttpInterceptor` to an `HttpRequest`. + * + * + */ +var HttpInterceptorHandler = /** @class */ (function () { + function HttpInterceptorHandler(next, interceptor) { + this.next = next; + this.interceptor = interceptor; + } + HttpInterceptorHandler.prototype.handle = function (req) { + return this.interceptor.intercept(req, this.next); + }; + return HttpInterceptorHandler; +}()); +/** + * A multi-provider token which represents the array of `HttpInterceptor`s that + * are registered. + * + * @publicApi + */ +var HTTP_INTERCEPTORS = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["InjectionToken"]('HTTP_INTERCEPTORS'); +var NoopInterceptor = /** @class */ (function () { + function NoopInterceptor() { + } + NoopInterceptor.prototype.intercept = function (req, next) { + return next.handle(req); + }; + NoopInterceptor = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([ + Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Injectable"])() + ], NoopInterceptor); + return NoopInterceptor; +}()); + +/** + * @license + * Copyright Google Inc. 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 + */ +// Every request made through JSONP needs a callback name that's unique across the +// whole page. Each request is assigned an id and the callback name is constructed +// from that. The next id to be assigned is tracked in a global variable here that +// is shared among all applications on the page. +var nextRequestId = 0; +// Error text given when a JSONP script is injected, but doesn't invoke the callback +// passed in its URL. +var JSONP_ERR_NO_CALLBACK = 'JSONP injected script did not invoke callback.'; +// Error text given when a request is passed to the JsonpClientBackend that doesn't +// have a request method JSONP. +var JSONP_ERR_WRONG_METHOD = 'JSONP requests must use JSONP request method.'; +var JSONP_ERR_WRONG_RESPONSE_TYPE = 'JSONP requests must use Json response type.'; +/** + * DI token/abstract type representing a map of JSONP callbacks. + * + * In the browser, this should always be the `window` object. + * + * + */ +var JsonpCallbackContext = /** @class */ (function () { + function JsonpCallbackContext() { + } + return JsonpCallbackContext; +}()); +/** + * `HttpBackend` that only processes `HttpRequest` with the JSONP method, + * by performing JSONP style requests. + * + * @publicApi + */ +var JsonpClientBackend = /** @class */ (function () { + function JsonpClientBackend(callbackMap, document) { + this.callbackMap = callbackMap; + this.document = document; + } + /** + * Get the name of the next callback method, by incrementing the global `nextRequestId`. + */ + JsonpClientBackend.prototype.nextCallback = function () { return "ng_jsonp_callback_" + nextRequestId++; }; + /** + * Process a JSONP request and return an event stream of the results. + */ + JsonpClientBackend.prototype.handle = function (req) { + var _this = this; + // Firstly, check both the method and response type. If either doesn't match + // then the request was improperly routed here and cannot be handled. + if (req.method !== 'JSONP') { + throw new Error(JSONP_ERR_WRONG_METHOD); + } + else if (req.responseType !== 'json') { + throw new Error(JSONP_ERR_WRONG_RESPONSE_TYPE); + } + // Everything else happens inside the Observable boundary. + return new rxjs__WEBPACK_IMPORTED_MODULE_2__["Observable"](function (observer) { + // The first step to make a request is to generate the callback name, and replace the + // callback placeholder in the URL with the name. Care has to be taken here to ensure + // a trailing &, if matched, gets inserted back into the URL in the correct place. + var callback = _this.nextCallback(); + var url = req.urlWithParams.replace(/=JSONP_CALLBACK(&|$)/, "=" + callback + "$1"); + // Construct the

Login

+ {{ title }} +

@Model.Key.ControllerName

@description.HttpMethod.Method @description.RelativePath

Request Information

URI Parameters

Body Parameters

Request Formats

Response Information

Resource Description

Response Formats

@mediaType

@ViewBag.Title

Introduction

@Model.Name

Title