| /** |
| * @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 |
| */ |
| import { InjectionToken, Component, ViewChild, ElementRef, ChangeDetectionStrategy, ViewEncapsulation, ChangeDetectorRef, EventEmitter, Inject, Optional, NgModule, Injectable, Injector, SkipSelf, TemplateRef, ɵɵdefineInjectable, ɵɵinject, INJECTOR } from '@angular/core'; |
| import { animate, state, style, transition, trigger } from '@angular/animations'; |
| import { AnimationCurves, AnimationDurations, MatCommonModule } from '@angular/material/core'; |
| import { __extends, __assign } from 'tslib'; |
| import { BasePortalOutlet, CdkPortalOutlet, PortalModule, ComponentPortal, PortalInjector, TemplatePortal } from '@angular/cdk/portal'; |
| import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout'; |
| import { DOCUMENT, CommonModule, Location } from '@angular/common'; |
| import { FocusTrapFactory } from '@angular/cdk/a11y'; |
| import { OverlayModule, Overlay, OverlayConfig } from '@angular/cdk/overlay'; |
| import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes'; |
| import { merge, Subject, of } from 'rxjs'; |
| import { filter, take } from 'rxjs/operators'; |
| import { Directionality } from '@angular/cdk/bidi'; |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| /** |
| * Injection token that can be used to access the data that was passed in to a bottom sheet. |
| * @type {?} |
| */ |
| var MAT_BOTTOM_SHEET_DATA = new InjectionToken('MatBottomSheetData'); |
| /** |
| * Configuration used when opening a bottom sheet. |
| * @template D |
| */ |
| var /** |
| * Configuration used when opening a bottom sheet. |
| * @template D |
| */ |
| MatBottomSheetConfig = /** @class */ (function () { |
| function MatBottomSheetConfig() { |
| /** |
| * Data being injected into the child component. |
| */ |
| this.data = null; |
| /** |
| * Whether the bottom sheet has a backdrop. |
| */ |
| this.hasBackdrop = true; |
| /** |
| * Whether the user can use escape or clicking outside to close the bottom sheet. |
| */ |
| this.disableClose = false; |
| /** |
| * Aria label to assign to the bottom sheet element. |
| */ |
| this.ariaLabel = null; |
| /** |
| * Whether the bottom sheet should close when the user goes backwards/forwards in history. |
| * Note that this usually doesn't include clicking on links (unless the user is using |
| * the `HashLocationStrategy`). |
| */ |
| this.closeOnNavigation = true; |
| // Note that this is disabled by default, because while the a11y recommendations are to focus |
| // the first focusable element, doing so prevents screen readers from reading out the |
| // rest of the bottom sheet content. |
| /** |
| * Whether the bottom sheet should focus the first focusable element on open. |
| */ |
| this.autoFocus = false; |
| /** |
| * Whether the bottom sheet should restore focus to the |
| * previously-focused element, after it's closed. |
| */ |
| this.restoreFocus = true; |
| } |
| return MatBottomSheetConfig; |
| }()); |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| /** |
| * Animations used by the Material bottom sheet. |
| * @type {?} |
| */ |
| var matBottomSheetAnimations = { |
| /** |
| * Animation that shows and hides a bottom sheet. |
| */ |
| bottomSheetState: trigger('state', [ |
| state('void, hidden', style({ transform: 'translateY(100%)' })), |
| state('visible', style({ transform: 'translateY(0%)' })), |
| transition('visible => void, visible => hidden', animate(AnimationDurations.COMPLEX + " " + AnimationCurves.ACCELERATION_CURVE)), |
| transition('void => visible', animate(AnimationDurations.EXITING + " " + AnimationCurves.DECELERATION_CURVE)), |
| ]) |
| }; |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| // TODO(crisbeto): consolidate some logic between this, MatDialog and MatSnackBar |
| /** |
| * Internal component that wraps user-provided bottom sheet content. |
| * \@docs-private |
| */ |
| var MatBottomSheetContainer = /** @class */ (function (_super) { |
| __extends(MatBottomSheetContainer, _super); |
| function MatBottomSheetContainer(_elementRef, _changeDetectorRef, _focusTrapFactory, breakpointObserver, document, bottomSheetConfig) { |
| var _this = _super.call(this) || this; |
| _this._elementRef = _elementRef; |
| _this._changeDetectorRef = _changeDetectorRef; |
| _this._focusTrapFactory = _focusTrapFactory; |
| _this.bottomSheetConfig = bottomSheetConfig; |
| /** |
| * The state of the bottom sheet animations. |
| */ |
| _this._animationState = 'void'; |
| /** |
| * Emits whenever the state of the animation changes. |
| */ |
| _this._animationStateChanged = new EventEmitter(); |
| /** |
| * Element that was focused before the bottom sheet was opened. |
| */ |
| _this._elementFocusedBeforeOpened = null; |
| _this._document = document; |
| _this._breakpointSubscription = breakpointObserver |
| .observe([Breakpoints.Medium, Breakpoints.Large, Breakpoints.XLarge]) |
| .subscribe((/** |
| * @return {?} |
| */ |
| function () { |
| _this._toggleClass('mat-bottom-sheet-container-medium', breakpointObserver.isMatched(Breakpoints.Medium)); |
| _this._toggleClass('mat-bottom-sheet-container-large', breakpointObserver.isMatched(Breakpoints.Large)); |
| _this._toggleClass('mat-bottom-sheet-container-xlarge', breakpointObserver.isMatched(Breakpoints.XLarge)); |
| })); |
| return _this; |
| } |
| /** Attach a component portal as content to this bottom sheet container. */ |
| /** |
| * Attach a component portal as content to this bottom sheet container. |
| * @template T |
| * @param {?} portal |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype.attachComponentPortal = /** |
| * Attach a component portal as content to this bottom sheet container. |
| * @template T |
| * @param {?} portal |
| * @return {?} |
| */ |
| function (portal) { |
| this._validatePortalAttached(); |
| this._setPanelClass(); |
| this._savePreviouslyFocusedElement(); |
| return this._portalOutlet.attachComponentPortal(portal); |
| }; |
| /** Attach a template portal as content to this bottom sheet container. */ |
| /** |
| * Attach a template portal as content to this bottom sheet container. |
| * @template C |
| * @param {?} portal |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype.attachTemplatePortal = /** |
| * Attach a template portal as content to this bottom sheet container. |
| * @template C |
| * @param {?} portal |
| * @return {?} |
| */ |
| function (portal) { |
| this._validatePortalAttached(); |
| this._setPanelClass(); |
| this._savePreviouslyFocusedElement(); |
| return this._portalOutlet.attachTemplatePortal(portal); |
| }; |
| /** Begin animation of bottom sheet entrance into view. */ |
| /** |
| * Begin animation of bottom sheet entrance into view. |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype.enter = /** |
| * Begin animation of bottom sheet entrance into view. |
| * @return {?} |
| */ |
| function () { |
| if (!this._destroyed) { |
| this._animationState = 'visible'; |
| this._changeDetectorRef.detectChanges(); |
| } |
| }; |
| /** Begin animation of the bottom sheet exiting from view. */ |
| /** |
| * Begin animation of the bottom sheet exiting from view. |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype.exit = /** |
| * Begin animation of the bottom sheet exiting from view. |
| * @return {?} |
| */ |
| function () { |
| if (!this._destroyed) { |
| this._animationState = 'hidden'; |
| this._changeDetectorRef.markForCheck(); |
| } |
| }; |
| /** |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype.ngOnDestroy = /** |
| * @return {?} |
| */ |
| function () { |
| this._breakpointSubscription.unsubscribe(); |
| this._destroyed = true; |
| }; |
| /** |
| * @param {?} event |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype._onAnimationDone = /** |
| * @param {?} event |
| * @return {?} |
| */ |
| function (event) { |
| if (event.toState === 'hidden') { |
| this._restoreFocus(); |
| } |
| else if (event.toState === 'visible') { |
| this._trapFocus(); |
| } |
| this._animationStateChanged.emit(event); |
| }; |
| /** |
| * @param {?} event |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype._onAnimationStart = /** |
| * @param {?} event |
| * @return {?} |
| */ |
| function (event) { |
| this._animationStateChanged.emit(event); |
| }; |
| /** |
| * @private |
| * @param {?} cssClass |
| * @param {?} add |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype._toggleClass = /** |
| * @private |
| * @param {?} cssClass |
| * @param {?} add |
| * @return {?} |
| */ |
| function (cssClass, add) { |
| /** @type {?} */ |
| var classList = this._elementRef.nativeElement.classList; |
| add ? classList.add(cssClass) : classList.remove(cssClass); |
| }; |
| /** |
| * @private |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype._validatePortalAttached = /** |
| * @private |
| * @return {?} |
| */ |
| function () { |
| if (this._portalOutlet.hasAttached()) { |
| throw Error('Attempting to attach bottom sheet content after content is already attached'); |
| } |
| }; |
| /** |
| * @private |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype._setPanelClass = /** |
| * @private |
| * @return {?} |
| */ |
| function () { |
| /** @type {?} */ |
| var element = this._elementRef.nativeElement; |
| /** @type {?} */ |
| var panelClass = this.bottomSheetConfig.panelClass; |
| if (Array.isArray(panelClass)) { |
| // Note that we can't use a spread here, because IE doesn't support multiple arguments. |
| panelClass.forEach((/** |
| * @param {?} cssClass |
| * @return {?} |
| */ |
| function (cssClass) { return element.classList.add(cssClass); })); |
| } |
| else if (panelClass) { |
| element.classList.add(panelClass); |
| } |
| }; |
| /** Moves the focus inside the focus trap. */ |
| /** |
| * Moves the focus inside the focus trap. |
| * @private |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype._trapFocus = /** |
| * Moves the focus inside the focus trap. |
| * @private |
| * @return {?} |
| */ |
| function () { |
| if (!this._focusTrap) { |
| this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement); |
| } |
| if (this.bottomSheetConfig.autoFocus) { |
| this._focusTrap.focusInitialElementWhenReady(); |
| } |
| }; |
| /** Restores focus to the element that was focused before the bottom sheet was opened. */ |
| /** |
| * Restores focus to the element that was focused before the bottom sheet was opened. |
| * @private |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype._restoreFocus = /** |
| * Restores focus to the element that was focused before the bottom sheet was opened. |
| * @private |
| * @return {?} |
| */ |
| function () { |
| /** @type {?} */ |
| var toFocus = this._elementFocusedBeforeOpened; |
| // We need the extra check, because IE can set the `activeElement` to null in some cases. |
| if (this.bottomSheetConfig.restoreFocus && toFocus && typeof toFocus.focus === 'function') { |
| toFocus.focus(); |
| } |
| if (this._focusTrap) { |
| this._focusTrap.destroy(); |
| } |
| }; |
| /** Saves a reference to the element that was focused before the bottom sheet was opened. */ |
| /** |
| * Saves a reference to the element that was focused before the bottom sheet was opened. |
| * @private |
| * @return {?} |
| */ |
| MatBottomSheetContainer.prototype._savePreviouslyFocusedElement = /** |
| * Saves a reference to the element that was focused before the bottom sheet was opened. |
| * @private |
| * @return {?} |
| */ |
| function () { |
| var _this = this; |
| this._elementFocusedBeforeOpened = (/** @type {?} */ (this._document.activeElement)); |
| // The `focus` method isn't available during server-side rendering. |
| if (this._elementRef.nativeElement.focus) { |
| Promise.resolve().then((/** |
| * @return {?} |
| */ |
| function () { return _this._elementRef.nativeElement.focus(); })); |
| } |
| }; |
| MatBottomSheetContainer.decorators = [ |
| { type: Component, args: [{selector: 'mat-bottom-sheet-container', |
| template: "<ng-template cdkPortalOutlet></ng-template>", |
| styles: [".mat-bottom-sheet-container{padding:8px 16px;min-width:100vw;box-sizing:border-box;display:block;outline:0;max-height:80vh;overflow:auto}@media (-ms-high-contrast:active){.mat-bottom-sheet-container{outline:1px solid}}.mat-bottom-sheet-container-large,.mat-bottom-sheet-container-medium,.mat-bottom-sheet-container-xlarge{border-top-left-radius:4px;border-top-right-radius:4px}.mat-bottom-sheet-container-medium{min-width:384px;max-width:calc(100vw - 128px)}.mat-bottom-sheet-container-large{min-width:512px;max-width:calc(100vw - 256px)}.mat-bottom-sheet-container-xlarge{min-width:576px;max-width:calc(100vw - 384px)}"], |
| changeDetection: ChangeDetectionStrategy.OnPush, |
| encapsulation: ViewEncapsulation.None, |
| animations: [matBottomSheetAnimations.bottomSheetState], |
| host: { |
| 'class': 'mat-bottom-sheet-container', |
| 'tabindex': '-1', |
| 'role': 'dialog', |
| 'aria-modal': 'true', |
| '[attr.aria-label]': 'bottomSheetConfig?.ariaLabel', |
| '[@state]': '_animationState', |
| '(@state.start)': '_onAnimationStart($event)', |
| '(@state.done)': '_onAnimationDone($event)' |
| }, |
| },] }, |
| ]; |
| /** @nocollapse */ |
| MatBottomSheetContainer.ctorParameters = function () { return [ |
| { type: ElementRef }, |
| { type: ChangeDetectorRef }, |
| { type: FocusTrapFactory }, |
| { type: BreakpointObserver }, |
| { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [DOCUMENT,] }] }, |
| { type: MatBottomSheetConfig } |
| ]; }; |
| MatBottomSheetContainer.propDecorators = { |
| _portalOutlet: [{ type: ViewChild, args: [CdkPortalOutlet, { static: true },] }] |
| }; |
| return MatBottomSheetContainer; |
| }(BasePortalOutlet)); |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| var MatBottomSheetModule = /** @class */ (function () { |
| function MatBottomSheetModule() { |
| } |
| MatBottomSheetModule.decorators = [ |
| { type: NgModule, args: [{ |
| imports: [ |
| CommonModule, |
| OverlayModule, |
| MatCommonModule, |
| PortalModule, |
| ], |
| exports: [MatBottomSheetContainer, MatCommonModule], |
| declarations: [MatBottomSheetContainer], |
| entryComponents: [MatBottomSheetContainer], |
| },] }, |
| ]; |
| return MatBottomSheetModule; |
| }()); |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| /** |
| * Reference to a bottom sheet dispatched from the bottom sheet service. |
| * @template T, R |
| */ |
| var /** |
| * Reference to a bottom sheet dispatched from the bottom sheet service. |
| * @template T, R |
| */ |
| MatBottomSheetRef = /** @class */ (function () { |
| function MatBottomSheetRef(containerInstance, _overlayRef, |
| // @breaking-change 8.0.0 `_location` parameter to be removed. |
| _location) { |
| var _this = this; |
| this._overlayRef = _overlayRef; |
| /** |
| * Subject for notifying the user that the bottom sheet has been dismissed. |
| */ |
| this._afterDismissed = new Subject(); |
| /** |
| * Subject for notifying the user that the bottom sheet has opened and appeared. |
| */ |
| this._afterOpened = new Subject(); |
| this.containerInstance = containerInstance; |
| this.disableClose = containerInstance.bottomSheetConfig.disableClose; |
| // Emit when opening animation completes |
| containerInstance._animationStateChanged.pipe(filter((/** |
| * @param {?} event |
| * @return {?} |
| */ |
| function (event) { return event.phaseName === 'done' && event.toState === 'visible'; })), take(1)) |
| .subscribe((/** |
| * @return {?} |
| */ |
| function () { |
| _this._afterOpened.next(); |
| _this._afterOpened.complete(); |
| })); |
| // Dispose overlay when closing animation is complete |
| containerInstance._animationStateChanged |
| .pipe(filter((/** |
| * @param {?} event |
| * @return {?} |
| */ |
| function (event) { return event.phaseName === 'done' && event.toState === 'hidden'; })), take(1)) |
| .subscribe((/** |
| * @return {?} |
| */ |
| function () { |
| clearTimeout(_this._closeFallbackTimeout); |
| _overlayRef.dispose(); |
| })); |
| _overlayRef.detachments().pipe(take(1)).subscribe((/** |
| * @return {?} |
| */ |
| function () { |
| _this._afterDismissed.next(_this._result); |
| _this._afterDismissed.complete(); |
| })); |
| merge(_overlayRef.backdropClick(), _overlayRef.keydownEvents().pipe(filter((/** |
| * @param {?} event |
| * @return {?} |
| */ |
| function (event) { return event.keyCode === ESCAPE; })))).subscribe((/** |
| * @param {?} event |
| * @return {?} |
| */ |
| function (event) { |
| if (!_this.disableClose && |
| (event.type !== 'keydown' || !hasModifierKey((/** @type {?} */ (event))))) { |
| event.preventDefault(); |
| _this.dismiss(); |
| } |
| })); |
| } |
| /** |
| * Dismisses the bottom sheet. |
| * @param result Data to be passed back to the bottom sheet opener. |
| */ |
| /** |
| * Dismisses the bottom sheet. |
| * @param {?=} result Data to be passed back to the bottom sheet opener. |
| * @return {?} |
| */ |
| MatBottomSheetRef.prototype.dismiss = /** |
| * Dismisses the bottom sheet. |
| * @param {?=} result Data to be passed back to the bottom sheet opener. |
| * @return {?} |
| */ |
| function (result) { |
| var _this = this; |
| if (!this._afterDismissed.closed) { |
| // Transition the backdrop in parallel to the bottom sheet. |
| this.containerInstance._animationStateChanged.pipe(filter((/** |
| * @param {?} event |
| * @return {?} |
| */ |
| function (event) { return event.phaseName === 'start'; })), take(1)).subscribe((/** |
| * @param {?} event |
| * @return {?} |
| */ |
| function (event) { |
| // The logic that disposes of the overlay depends on the exit animation completing, however |
| // it isn't guaranteed if the parent view is destroyed while it's running. Add a fallback |
| // timeout which will clean everything up if the animation hasn't fired within the specified |
| // amount of time plus 100ms. We don't need to run this outside the NgZone, because for the |
| // vast majority of cases the timeout will have been cleared before it has fired. |
| _this._closeFallbackTimeout = setTimeout((/** |
| * @return {?} |
| */ |
| function () { |
| _this._overlayRef.dispose(); |
| }), event.totalTime + 100); |
| _this._overlayRef.detachBackdrop(); |
| })); |
| this._result = result; |
| this.containerInstance.exit(); |
| } |
| }; |
| /** Gets an observable that is notified when the bottom sheet is finished closing. */ |
| /** |
| * Gets an observable that is notified when the bottom sheet is finished closing. |
| * @return {?} |
| */ |
| MatBottomSheetRef.prototype.afterDismissed = /** |
| * Gets an observable that is notified when the bottom sheet is finished closing. |
| * @return {?} |
| */ |
| function () { |
| return this._afterDismissed.asObservable(); |
| }; |
| /** Gets an observable that is notified when the bottom sheet has opened and appeared. */ |
| /** |
| * Gets an observable that is notified when the bottom sheet has opened and appeared. |
| * @return {?} |
| */ |
| MatBottomSheetRef.prototype.afterOpened = /** |
| * Gets an observable that is notified when the bottom sheet has opened and appeared. |
| * @return {?} |
| */ |
| function () { |
| return this._afterOpened.asObservable(); |
| }; |
| /** |
| * Gets an observable that emits when the overlay's backdrop has been clicked. |
| */ |
| /** |
| * Gets an observable that emits when the overlay's backdrop has been clicked. |
| * @return {?} |
| */ |
| MatBottomSheetRef.prototype.backdropClick = /** |
| * Gets an observable that emits when the overlay's backdrop has been clicked. |
| * @return {?} |
| */ |
| function () { |
| return this._overlayRef.backdropClick(); |
| }; |
| /** |
| * Gets an observable that emits when keydown events are targeted on the overlay. |
| */ |
| /** |
| * Gets an observable that emits when keydown events are targeted on the overlay. |
| * @return {?} |
| */ |
| MatBottomSheetRef.prototype.keydownEvents = /** |
| * Gets an observable that emits when keydown events are targeted on the overlay. |
| * @return {?} |
| */ |
| function () { |
| return this._overlayRef.keydownEvents(); |
| }; |
| return MatBottomSheetRef; |
| }()); |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| /** |
| * Injection token that can be used to specify default bottom sheet options. |
| * @type {?} |
| */ |
| var MAT_BOTTOM_SHEET_DEFAULT_OPTIONS = new InjectionToken('mat-bottom-sheet-default-options'); |
| /** |
| * Service to trigger Material Design bottom sheets. |
| */ |
| var MatBottomSheet = /** @class */ (function () { |
| function MatBottomSheet(_overlay, _injector, _parentBottomSheet, _location, _defaultOptions) { |
| this._overlay = _overlay; |
| this._injector = _injector; |
| this._parentBottomSheet = _parentBottomSheet; |
| this._location = _location; |
| this._defaultOptions = _defaultOptions; |
| this._bottomSheetRefAtThisLevel = null; |
| } |
| Object.defineProperty(MatBottomSheet.prototype, "_openedBottomSheetRef", { |
| /** Reference to the currently opened bottom sheet. */ |
| get: /** |
| * Reference to the currently opened bottom sheet. |
| * @return {?} |
| */ |
| function () { |
| /** @type {?} */ |
| var parent = this._parentBottomSheet; |
| return parent ? parent._openedBottomSheetRef : this._bottomSheetRefAtThisLevel; |
| }, |
| set: /** |
| * @param {?} value |
| * @return {?} |
| */ |
| function (value) { |
| if (this._parentBottomSheet) { |
| this._parentBottomSheet._openedBottomSheetRef = value; |
| } |
| else { |
| this._bottomSheetRefAtThisLevel = value; |
| } |
| }, |
| enumerable: true, |
| configurable: true |
| }); |
| /** |
| * @template T, D, R |
| * @param {?} componentOrTemplateRef |
| * @param {?=} config |
| * @return {?} |
| */ |
| MatBottomSheet.prototype.open = /** |
| * @template T, D, R |
| * @param {?} componentOrTemplateRef |
| * @param {?=} config |
| * @return {?} |
| */ |
| function (componentOrTemplateRef, config) { |
| var _this = this; |
| /** @type {?} */ |
| var _config = _applyConfigDefaults(this._defaultOptions || new MatBottomSheetConfig(), config); |
| /** @type {?} */ |
| var overlayRef = this._createOverlay(_config); |
| /** @type {?} */ |
| var container = this._attachContainer(overlayRef, _config); |
| /** @type {?} */ |
| var ref = new MatBottomSheetRef(container, overlayRef, this._location); |
| if (componentOrTemplateRef instanceof TemplateRef) { |
| container.attachTemplatePortal(new TemplatePortal(componentOrTemplateRef, (/** @type {?} */ (null)), (/** @type {?} */ ({ |
| $implicit: _config.data, |
| bottomSheetRef: ref |
| })))); |
| } |
| else { |
| /** @type {?} */ |
| var portal = new ComponentPortal(componentOrTemplateRef, undefined, this._createInjector(_config, ref)); |
| /** @type {?} */ |
| var contentRef = container.attachComponentPortal(portal); |
| ref.instance = contentRef.instance; |
| } |
| // When the bottom sheet is dismissed, clear the reference to it. |
| ref.afterDismissed().subscribe((/** |
| * @return {?} |
| */ |
| function () { |
| // Clear the bottom sheet ref if it hasn't already been replaced by a newer one. |
| if (_this._openedBottomSheetRef == ref) { |
| _this._openedBottomSheetRef = null; |
| } |
| })); |
| if (this._openedBottomSheetRef) { |
| // If a bottom sheet is already in view, dismiss it and enter the |
| // new bottom sheet after exit animation is complete. |
| this._openedBottomSheetRef.afterDismissed().subscribe((/** |
| * @return {?} |
| */ |
| function () { return ref.containerInstance.enter(); })); |
| this._openedBottomSheetRef.dismiss(); |
| } |
| else { |
| // If no bottom sheet is in view, enter the new bottom sheet. |
| ref.containerInstance.enter(); |
| } |
| this._openedBottomSheetRef = ref; |
| return ref; |
| }; |
| /** |
| * Dismisses the currently-visible bottom sheet. |
| */ |
| /** |
| * Dismisses the currently-visible bottom sheet. |
| * @return {?} |
| */ |
| MatBottomSheet.prototype.dismiss = /** |
| * Dismisses the currently-visible bottom sheet. |
| * @return {?} |
| */ |
| function () { |
| if (this._openedBottomSheetRef) { |
| this._openedBottomSheetRef.dismiss(); |
| } |
| }; |
| /** |
| * @return {?} |
| */ |
| MatBottomSheet.prototype.ngOnDestroy = /** |
| * @return {?} |
| */ |
| function () { |
| if (this._bottomSheetRefAtThisLevel) { |
| this._bottomSheetRefAtThisLevel.dismiss(); |
| } |
| }; |
| /** |
| * Attaches the bottom sheet container component to the overlay. |
| */ |
| /** |
| * Attaches the bottom sheet container component to the overlay. |
| * @private |
| * @param {?} overlayRef |
| * @param {?} config |
| * @return {?} |
| */ |
| MatBottomSheet.prototype._attachContainer = /** |
| * Attaches the bottom sheet container component to the overlay. |
| * @private |
| * @param {?} overlayRef |
| * @param {?} config |
| * @return {?} |
| */ |
| function (overlayRef, config) { |
| /** @type {?} */ |
| var userInjector = config && config.viewContainerRef && config.viewContainerRef.injector; |
| /** @type {?} */ |
| var injector = new PortalInjector(userInjector || this._injector, new WeakMap([ |
| [MatBottomSheetConfig, config] |
| ])); |
| /** @type {?} */ |
| var containerPortal = new ComponentPortal(MatBottomSheetContainer, config.viewContainerRef, injector); |
| /** @type {?} */ |
| var containerRef = overlayRef.attach(containerPortal); |
| return containerRef.instance; |
| }; |
| /** |
| * Creates a new overlay and places it in the correct location. |
| * @param config The user-specified bottom sheet config. |
| */ |
| /** |
| * Creates a new overlay and places it in the correct location. |
| * @private |
| * @param {?} config The user-specified bottom sheet config. |
| * @return {?} |
| */ |
| MatBottomSheet.prototype._createOverlay = /** |
| * Creates a new overlay and places it in the correct location. |
| * @private |
| * @param {?} config The user-specified bottom sheet config. |
| * @return {?} |
| */ |
| function (config) { |
| /** @type {?} */ |
| var overlayConfig = new OverlayConfig({ |
| direction: config.direction, |
| hasBackdrop: config.hasBackdrop, |
| disposeOnNavigation: config.closeOnNavigation, |
| maxWidth: '100%', |
| scrollStrategy: config.scrollStrategy || this._overlay.scrollStrategies.block(), |
| positionStrategy: this._overlay.position().global().centerHorizontally().bottom('0') |
| }); |
| if (config.backdropClass) { |
| overlayConfig.backdropClass = config.backdropClass; |
| } |
| return this._overlay.create(overlayConfig); |
| }; |
| /** |
| * Creates an injector to be used inside of a bottom sheet component. |
| * @param config Config that was used to create the bottom sheet. |
| * @param bottomSheetRef Reference to the bottom sheet. |
| */ |
| /** |
| * Creates an injector to be used inside of a bottom sheet component. |
| * @private |
| * @template T |
| * @param {?} config Config that was used to create the bottom sheet. |
| * @param {?} bottomSheetRef Reference to the bottom sheet. |
| * @return {?} |
| */ |
| MatBottomSheet.prototype._createInjector = /** |
| * Creates an injector to be used inside of a bottom sheet component. |
| * @private |
| * @template T |
| * @param {?} config Config that was used to create the bottom sheet. |
| * @param {?} bottomSheetRef Reference to the bottom sheet. |
| * @return {?} |
| */ |
| function (config, bottomSheetRef) { |
| /** @type {?} */ |
| var userInjector = config && config.viewContainerRef && config.viewContainerRef.injector; |
| /** @type {?} */ |
| var injectionTokens = new WeakMap([ |
| [MatBottomSheetRef, bottomSheetRef], |
| [MAT_BOTTOM_SHEET_DATA, config.data] |
| ]); |
| if (config.direction && |
| (!userInjector || !userInjector.get(Directionality, null))) { |
| injectionTokens.set(Directionality, { |
| value: config.direction, |
| change: of() |
| }); |
| } |
| return new PortalInjector(userInjector || this._injector, injectionTokens); |
| }; |
| MatBottomSheet.decorators = [ |
| { type: Injectable, args: [{ providedIn: MatBottomSheetModule },] }, |
| ]; |
| /** @nocollapse */ |
| MatBottomSheet.ctorParameters = function () { return [ |
| { type: Overlay }, |
| { type: Injector }, |
| { type: MatBottomSheet, decorators: [{ type: Optional }, { type: SkipSelf }] }, |
| { type: Location, decorators: [{ type: Optional }] }, |
| { type: MatBottomSheetConfig, decorators: [{ type: Optional }, { type: Inject, args: [MAT_BOTTOM_SHEET_DEFAULT_OPTIONS,] }] } |
| ]; }; |
| /** @nocollapse */ MatBottomSheet.ngInjectableDef = ɵɵdefineInjectable({ factory: function MatBottomSheet_Factory() { return new MatBottomSheet(ɵɵinject(Overlay), ɵɵinject(INJECTOR), ɵɵinject(MatBottomSheet, 12), ɵɵinject(Location, 8), ɵɵinject(MAT_BOTTOM_SHEET_DEFAULT_OPTIONS, 8)); }, token: MatBottomSheet, providedIn: MatBottomSheetModule }); |
| return MatBottomSheet; |
| }()); |
| /** |
| * Applies default options to the bottom sheet config. |
| * @param {?} defaults Object containing the default values to which to fall back. |
| * @param {?=} config The configuration to which the defaults will be applied. |
| * @return {?} The new configuration object with defaults applied. |
| */ |
| function _applyConfigDefaults(defaults, config) { |
| return __assign({}, defaults, config); |
| } |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| |
| export { MatBottomSheetModule, MAT_BOTTOM_SHEET_DEFAULT_OPTIONS, MatBottomSheet, MAT_BOTTOM_SHEET_DATA, MatBottomSheetConfig, MatBottomSheetContainer, matBottomSheetAnimations, MatBottomSheetRef }; |
| //# sourceMappingURL=bottom-sheet.es5.js.map |
