| /** |
| * @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 { Subject } from 'rxjs'; |
| import { InjectionToken, Component, ViewEncapsulation, Inject, ChangeDetectionStrategy, ChangeDetectorRef, ElementRef, NgZone, ViewChild, NgModule, Injectable, Injector, Optional, SkipSelf, TemplateRef, ɵɵdefineInjectable, ɵɵinject, INJECTOR } from '@angular/core'; |
| import { animate, state, style, transition, trigger } from '@angular/animations'; |
| import { __extends, __assign } from 'tslib'; |
| import { BasePortalOutlet, CdkPortalOutlet, PortalModule, ComponentPortal, PortalInjector, TemplatePortal } from '@angular/cdk/portal'; |
| import { take, takeUntil } from 'rxjs/operators'; |
| import { OverlayModule, Overlay, OverlayConfig } from '@angular/cdk/overlay'; |
| import { CommonModule } from '@angular/common'; |
| import { MatCommonModule } from '@angular/material/core'; |
| import { MatButtonModule } from '@angular/material/button'; |
| import { LiveAnnouncer } from '@angular/cdk/a11y'; |
| import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout'; |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| /** |
| * Reference to a snack bar dispatched from the snack bar service. |
| * @template T |
| */ |
| var /** |
| * Reference to a snack bar dispatched from the snack bar service. |
| * @template T |
| */ |
| MatSnackBarRef = /** @class */ (function () { |
| function MatSnackBarRef(containerInstance, _overlayRef) { |
| var _this = this; |
| this._overlayRef = _overlayRef; |
| /** |
| * Subject for notifying the user that the snack bar has been dismissed. |
| */ |
| this._afterDismissed = new Subject(); |
| /** |
| * Subject for notifying the user that the snack bar has opened and appeared. |
| */ |
| this._afterOpened = new Subject(); |
| /** |
| * Subject for notifying the user that the snack bar action was called. |
| */ |
| this._onAction = new Subject(); |
| /** |
| * Whether the snack bar was dismissed using the action button. |
| */ |
| this._dismissedByAction = false; |
| this.containerInstance = containerInstance; |
| // Dismiss snackbar on action. |
| this.onAction().subscribe((/** |
| * @return {?} |
| */ |
| function () { return _this.dismiss(); })); |
| containerInstance._onExit.subscribe((/** |
| * @return {?} |
| */ |
| function () { return _this._finishDismiss(); })); |
| } |
| /** Dismisses the snack bar. */ |
| /** |
| * Dismisses the snack bar. |
| * @return {?} |
| */ |
| MatSnackBarRef.prototype.dismiss = /** |
| * Dismisses the snack bar. |
| * @return {?} |
| */ |
| function () { |
| if (!this._afterDismissed.closed) { |
| this.containerInstance.exit(); |
| } |
| clearTimeout(this._durationTimeoutId); |
| }; |
| /** Marks the snackbar action clicked. */ |
| /** |
| * Marks the snackbar action clicked. |
| * @return {?} |
| */ |
| MatSnackBarRef.prototype.dismissWithAction = /** |
| * Marks the snackbar action clicked. |
| * @return {?} |
| */ |
| function () { |
| if (!this._onAction.closed) { |
| this._dismissedByAction = true; |
| this._onAction.next(); |
| this._onAction.complete(); |
| } |
| }; |
| /** |
| * Marks the snackbar action clicked. |
| * @deprecated Use `dismissWithAction` instead. |
| * @breaking-change 8.0.0 |
| */ |
| /** |
| * Marks the snackbar action clicked. |
| * @deprecated Use `dismissWithAction` instead. |
| * \@breaking-change 8.0.0 |
| * @return {?} |
| */ |
| MatSnackBarRef.prototype.closeWithAction = /** |
| * Marks the snackbar action clicked. |
| * @deprecated Use `dismissWithAction` instead. |
| * \@breaking-change 8.0.0 |
| * @return {?} |
| */ |
| function () { |
| this.dismissWithAction(); |
| }; |
| /** Dismisses the snack bar after some duration */ |
| /** |
| * Dismisses the snack bar after some duration |
| * @param {?} duration |
| * @return {?} |
| */ |
| MatSnackBarRef.prototype._dismissAfter = /** |
| * Dismisses the snack bar after some duration |
| * @param {?} duration |
| * @return {?} |
| */ |
| function (duration) { |
| var _this = this; |
| this._durationTimeoutId = setTimeout((/** |
| * @return {?} |
| */ |
| function () { return _this.dismiss(); }), duration); |
| }; |
| /** Marks the snackbar as opened */ |
| /** |
| * Marks the snackbar as opened |
| * @return {?} |
| */ |
| MatSnackBarRef.prototype._open = /** |
| * Marks the snackbar as opened |
| * @return {?} |
| */ |
| function () { |
| if (!this._afterOpened.closed) { |
| this._afterOpened.next(); |
| this._afterOpened.complete(); |
| } |
| }; |
| /** Cleans up the DOM after closing. */ |
| /** |
| * Cleans up the DOM after closing. |
| * @private |
| * @return {?} |
| */ |
| MatSnackBarRef.prototype._finishDismiss = /** |
| * Cleans up the DOM after closing. |
| * @private |
| * @return {?} |
| */ |
| function () { |
| this._overlayRef.dispose(); |
| if (!this._onAction.closed) { |
| this._onAction.complete(); |
| } |
| this._afterDismissed.next({ dismissedByAction: this._dismissedByAction }); |
| this._afterDismissed.complete(); |
| this._dismissedByAction = false; |
| }; |
| /** Gets an observable that is notified when the snack bar is finished closing. */ |
| /** |
| * Gets an observable that is notified when the snack bar is finished closing. |
| * @return {?} |
| */ |
| MatSnackBarRef.prototype.afterDismissed = /** |
| * Gets an observable that is notified when the snack bar is finished closing. |
| * @return {?} |
| */ |
| function () { |
| return this._afterDismissed.asObservable(); |
| }; |
| /** Gets an observable that is notified when the snack bar has opened and appeared. */ |
| /** |
| * Gets an observable that is notified when the snack bar has opened and appeared. |
| * @return {?} |
| */ |
| MatSnackBarRef.prototype.afterOpened = /** |
| * Gets an observable that is notified when the snack bar has opened and appeared. |
| * @return {?} |
| */ |
| function () { |
| return this.containerInstance._onEnter; |
| }; |
| /** Gets an observable that is notified when the snack bar action is called. */ |
| /** |
| * Gets an observable that is notified when the snack bar action is called. |
| * @return {?} |
| */ |
| MatSnackBarRef.prototype.onAction = /** |
| * Gets an observable that is notified when the snack bar action is called. |
| * @return {?} |
| */ |
| function () { |
| return this._onAction.asObservable(); |
| }; |
| return MatSnackBarRef; |
| }()); |
| |
| /** |
| * @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 snack bar. |
| * @type {?} |
| */ |
| var MAT_SNACK_BAR_DATA = new InjectionToken('MatSnackBarData'); |
| /** |
| * Configuration used when opening a snack-bar. |
| * @template D |
| */ |
| var /** |
| * Configuration used when opening a snack-bar. |
| * @template D |
| */ |
| MatSnackBarConfig = /** @class */ (function () { |
| function MatSnackBarConfig() { |
| /** |
| * The politeness level for the MatAriaLiveAnnouncer announcement. |
| */ |
| this.politeness = 'assertive'; |
| /** |
| * Message to be announced by the LiveAnnouncer. When opening a snackbar without a custom |
| * component or template, the announcement message will default to the specified message. |
| */ |
| this.announcementMessage = ''; |
| /** |
| * The length of time in milliseconds to wait before automatically dismissing the snack bar. |
| */ |
| this.duration = 0; |
| /** |
| * Data being injected into the child component. |
| */ |
| this.data = null; |
| /** |
| * The horizontal position to place the snack bar. |
| */ |
| this.horizontalPosition = 'center'; |
| /** |
| * The vertical position to place the snack bar. |
| */ |
| this.verticalPosition = 'bottom'; |
| } |
| return MatSnackBarConfig; |
| }()); |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| /** |
| * A component used to open as the default snack bar, matching material spec. |
| * This should only be used internally by the snack bar service. |
| */ |
| var SimpleSnackBar = /** @class */ (function () { |
| function SimpleSnackBar(snackBarRef, data) { |
| this.snackBarRef = snackBarRef; |
| this.data = data; |
| } |
| /** Performs the action on the snack bar. */ |
| /** |
| * Performs the action on the snack bar. |
| * @return {?} |
| */ |
| SimpleSnackBar.prototype.action = /** |
| * Performs the action on the snack bar. |
| * @return {?} |
| */ |
| function () { |
| this.snackBarRef.dismissWithAction(); |
| }; |
| Object.defineProperty(SimpleSnackBar.prototype, "hasAction", { |
| /** If the action button should be shown. */ |
| get: /** |
| * If the action button should be shown. |
| * @return {?} |
| */ |
| function () { |
| return !!this.data.action; |
| }, |
| enumerable: true, |
| configurable: true |
| }); |
| SimpleSnackBar.decorators = [ |
| { type: Component, args: [{selector: 'simple-snack-bar', |
| template: "<span>{{data.message}}</span><div class=\"mat-simple-snackbar-action\" *ngIf=\"hasAction\"><button mat-button (click)=\"action()\">{{data.action}}</button></div>", |
| styles: [".mat-simple-snackbar{display:flex;justify-content:space-between;align-items:center;height:100%;line-height:20px;opacity:1}.mat-simple-snackbar-action{flex-shrink:0;margin:-8px -8px -8px 8px}.mat-simple-snackbar-action button{max-height:36px;min-width:0}[dir=rtl] .mat-simple-snackbar-action{margin-left:-8px;margin-right:8px}"], |
| encapsulation: ViewEncapsulation.None, |
| changeDetection: ChangeDetectionStrategy.OnPush, |
| host: { |
| 'class': 'mat-simple-snackbar', |
| } |
| },] }, |
| ]; |
| /** @nocollapse */ |
| SimpleSnackBar.ctorParameters = function () { return [ |
| { type: MatSnackBarRef }, |
| { type: undefined, decorators: [{ type: Inject, args: [MAT_SNACK_BAR_DATA,] }] } |
| ]; }; |
| return SimpleSnackBar; |
| }()); |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| /** |
| * Animations used by the Material snack bar. |
| * \@docs-private |
| * @type {?} |
| */ |
| var matSnackBarAnimations = { |
| /** |
| * Animation that shows and hides a snack bar. |
| */ |
| snackBarState: trigger('state', [ |
| state('void, hidden', style({ |
| transform: 'scale(0.8)', |
| opacity: 0, |
| })), |
| state('visible', style({ |
| transform: 'scale(1)', |
| opacity: 1, |
| })), |
| transition('* => visible', animate('150ms cubic-bezier(0, 0, 0.2, 1)')), |
| transition('* => void, * => hidden', animate('75ms cubic-bezier(0.4, 0.0, 1, 1)', style({ |
| opacity: 0 |
| }))), |
| ]) |
| }; |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| /** |
| * Internal component that wraps user-provided snack bar content. |
| * \@docs-private |
| */ |
| var MatSnackBarContainer = /** @class */ (function (_super) { |
| __extends(MatSnackBarContainer, _super); |
| function MatSnackBarContainer(_ngZone, _elementRef, _changeDetectorRef, snackBarConfig) { |
| var _this = _super.call(this) || this; |
| _this._ngZone = _ngZone; |
| _this._elementRef = _elementRef; |
| _this._changeDetectorRef = _changeDetectorRef; |
| _this.snackBarConfig = snackBarConfig; |
| /** |
| * Whether the component has been destroyed. |
| */ |
| _this._destroyed = false; |
| /** |
| * Subject for notifying that the snack bar has exited from view. |
| */ |
| _this._onExit = new Subject(); |
| /** |
| * Subject for notifying that the snack bar has finished entering the view. |
| */ |
| _this._onEnter = new Subject(); |
| /** |
| * The state of the snack bar animations. |
| */ |
| _this._animationState = 'void'; |
| // Based on the ARIA spec, `alert` and `status` roles have an |
| // implicit `assertive` and `polite` politeness respectively. |
| if (snackBarConfig.politeness === 'assertive' && !snackBarConfig.announcementMessage) { |
| _this._role = 'alert'; |
| } |
| else if (snackBarConfig.politeness === 'off') { |
| _this._role = null; |
| } |
| else { |
| _this._role = 'status'; |
| } |
| return _this; |
| } |
| /** Attach a component portal as content to this snack bar container. */ |
| /** |
| * Attach a component portal as content to this snack bar container. |
| * @template T |
| * @param {?} portal |
| * @return {?} |
| */ |
| MatSnackBarContainer.prototype.attachComponentPortal = /** |
| * Attach a component portal as content to this snack bar container. |
| * @template T |
| * @param {?} portal |
| * @return {?} |
| */ |
| function (portal) { |
| this._assertNotAttached(); |
| this._applySnackBarClasses(); |
| return this._portalOutlet.attachComponentPortal(portal); |
| }; |
| /** Attach a template portal as content to this snack bar container. */ |
| /** |
| * Attach a template portal as content to this snack bar container. |
| * @template C |
| * @param {?} portal |
| * @return {?} |
| */ |
| MatSnackBarContainer.prototype.attachTemplatePortal = /** |
| * Attach a template portal as content to this snack bar container. |
| * @template C |
| * @param {?} portal |
| * @return {?} |
| */ |
| function (portal) { |
| this._assertNotAttached(); |
| this._applySnackBarClasses(); |
| return this._portalOutlet.attachTemplatePortal(portal); |
| }; |
| /** Handle end of animations, updating the state of the snackbar. */ |
| /** |
| * Handle end of animations, updating the state of the snackbar. |
| * @param {?} event |
| * @return {?} |
| */ |
| MatSnackBarContainer.prototype.onAnimationEnd = /** |
| * Handle end of animations, updating the state of the snackbar. |
| * @param {?} event |
| * @return {?} |
| */ |
| function (event) { |
| var fromState = event.fromState, toState = event.toState; |
| if ((toState === 'void' && fromState !== 'void') || toState === 'hidden') { |
| this._completeExit(); |
| } |
| if (toState === 'visible') { |
| // Note: we shouldn't use `this` inside the zone callback, |
| // because it can cause a memory leak. |
| /** @type {?} */ |
| var onEnter_1 = this._onEnter; |
| this._ngZone.run((/** |
| * @return {?} |
| */ |
| function () { |
| onEnter_1.next(); |
| onEnter_1.complete(); |
| })); |
| } |
| }; |
| /** Begin animation of snack bar entrance into view. */ |
| /** |
| * Begin animation of snack bar entrance into view. |
| * @return {?} |
| */ |
| MatSnackBarContainer.prototype.enter = /** |
| * Begin animation of snack bar entrance into view. |
| * @return {?} |
| */ |
| function () { |
| if (!this._destroyed) { |
| this._animationState = 'visible'; |
| this._changeDetectorRef.detectChanges(); |
| } |
| }; |
| /** Begin animation of the snack bar exiting from view. */ |
| /** |
| * Begin animation of the snack bar exiting from view. |
| * @return {?} |
| */ |
| MatSnackBarContainer.prototype.exit = /** |
| * Begin animation of the snack bar exiting from view. |
| * @return {?} |
| */ |
| function () { |
| // Note: this one transitions to `hidden`, rather than `void`, in order to handle the case |
| // where multiple snack bars are opened in quick succession (e.g. two consecutive calls to |
| // `MatSnackBar.open`). |
| this._animationState = 'hidden'; |
| return this._onExit; |
| }; |
| /** Makes sure the exit callbacks have been invoked when the element is destroyed. */ |
| /** |
| * Makes sure the exit callbacks have been invoked when the element is destroyed. |
| * @return {?} |
| */ |
| MatSnackBarContainer.prototype.ngOnDestroy = /** |
| * Makes sure the exit callbacks have been invoked when the element is destroyed. |
| * @return {?} |
| */ |
| function () { |
| this._destroyed = true; |
| this._completeExit(); |
| }; |
| /** |
| * Waits for the zone to settle before removing the element. Helps prevent |
| * errors where we end up removing an element which is in the middle of an animation. |
| */ |
| /** |
| * Waits for the zone to settle before removing the element. Helps prevent |
| * errors where we end up removing an element which is in the middle of an animation. |
| * @private |
| * @return {?} |
| */ |
| MatSnackBarContainer.prototype._completeExit = /** |
| * Waits for the zone to settle before removing the element. Helps prevent |
| * errors where we end up removing an element which is in the middle of an animation. |
| * @private |
| * @return {?} |
| */ |
| function () { |
| var _this = this; |
| this._ngZone.onMicrotaskEmpty.asObservable().pipe(take(1)).subscribe((/** |
| * @return {?} |
| */ |
| function () { |
| _this._onExit.next(); |
| _this._onExit.complete(); |
| })); |
| }; |
| /** Applies the various positioning and user-configured CSS classes to the snack bar. */ |
| /** |
| * Applies the various positioning and user-configured CSS classes to the snack bar. |
| * @private |
| * @return {?} |
| */ |
| MatSnackBarContainer.prototype._applySnackBarClasses = /** |
| * Applies the various positioning and user-configured CSS classes to the snack bar. |
| * @private |
| * @return {?} |
| */ |
| function () { |
| /** @type {?} */ |
| var element = this._elementRef.nativeElement; |
| /** @type {?} */ |
| var panelClasses = this.snackBarConfig.panelClass; |
| if (panelClasses) { |
| if (Array.isArray(panelClasses)) { |
| // Note that we can't use a spread here, because IE doesn't support multiple arguments. |
| panelClasses.forEach((/** |
| * @param {?} cssClass |
| * @return {?} |
| */ |
| function (cssClass) { return element.classList.add(cssClass); })); |
| } |
| else { |
| element.classList.add(panelClasses); |
| } |
| } |
| if (this.snackBarConfig.horizontalPosition === 'center') { |
| element.classList.add('mat-snack-bar-center'); |
| } |
| if (this.snackBarConfig.verticalPosition === 'top') { |
| element.classList.add('mat-snack-bar-top'); |
| } |
| }; |
| /** Asserts that no content is already attached to the container. */ |
| /** |
| * Asserts that no content is already attached to the container. |
| * @private |
| * @return {?} |
| */ |
| MatSnackBarContainer.prototype._assertNotAttached = /** |
| * Asserts that no content is already attached to the container. |
| * @private |
| * @return {?} |
| */ |
| function () { |
| if (this._portalOutlet.hasAttached()) { |
| throw Error('Attempting to attach snack bar content after content is already attached'); |
| } |
| }; |
| MatSnackBarContainer.decorators = [ |
| { type: Component, args: [{selector: 'snack-bar-container', |
| template: "<ng-template cdkPortalOutlet></ng-template>", |
| styles: [".mat-snack-bar-container{border-radius:4px;box-sizing:border-box;display:block;margin:24px;max-width:33vw;min-width:344px;padding:14px 16px;min-height:48px;transform-origin:center}@media (-ms-high-contrast:active){.mat-snack-bar-container{border:solid 1px}}.mat-snack-bar-handset{width:100%}.mat-snack-bar-handset .mat-snack-bar-container{margin:8px;max-width:100%;min-width:0;width:100%}"], |
| // In Ivy embedded views will be change detected from their declaration place, rather than |
| // where they were stamped out. This means that we can't have the snack bar container be OnPush, |
| // because it might cause snack bars that were opened from a template not to be out of date. |
| // tslint:disable-next-line:validate-decorators |
| changeDetection: ChangeDetectionStrategy.Default, |
| encapsulation: ViewEncapsulation.None, |
| animations: [matSnackBarAnimations.snackBarState], |
| host: { |
| '[attr.role]': '_role', |
| 'class': 'mat-snack-bar-container', |
| '[@state]': '_animationState', |
| '(@state.done)': 'onAnimationEnd($event)' |
| }, |
| },] }, |
| ]; |
| /** @nocollapse */ |
| MatSnackBarContainer.ctorParameters = function () { return [ |
| { type: NgZone }, |
| { type: ElementRef }, |
| { type: ChangeDetectorRef }, |
| { type: MatSnackBarConfig } |
| ]; }; |
| MatSnackBarContainer.propDecorators = { |
| _portalOutlet: [{ type: ViewChild, args: [CdkPortalOutlet, { static: true },] }] |
| }; |
| return MatSnackBarContainer; |
| }(BasePortalOutlet)); |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| var MatSnackBarModule = /** @class */ (function () { |
| function MatSnackBarModule() { |
| } |
| MatSnackBarModule.decorators = [ |
| { type: NgModule, args: [{ |
| imports: [ |
| OverlayModule, |
| PortalModule, |
| CommonModule, |
| MatButtonModule, |
| MatCommonModule, |
| ], |
| exports: [MatSnackBarContainer, MatCommonModule], |
| declarations: [MatSnackBarContainer, SimpleSnackBar], |
| entryComponents: [MatSnackBarContainer, SimpleSnackBar], |
| },] }, |
| ]; |
| return MatSnackBarModule; |
| }()); |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc |
| */ |
| /** |
| * Injection token that can be used to specify default snack bar. |
| * @type {?} |
| */ |
| var MAT_SNACK_BAR_DEFAULT_OPTIONS = new InjectionToken('mat-snack-bar-default-options', { |
| providedIn: 'root', |
| factory: MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY, |
| }); |
| /** |
| * \@docs-private |
| * @return {?} |
| */ |
| function MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY() { |
| return new MatSnackBarConfig(); |
| } |
| /** |
| * Service to dispatch Material Design snack bar messages. |
| */ |
| var MatSnackBar = /** @class */ (function () { |
| function MatSnackBar(_overlay, _live, _injector, _breakpointObserver, _parentSnackBar, _defaultConfig) { |
| this._overlay = _overlay; |
| this._live = _live; |
| this._injector = _injector; |
| this._breakpointObserver = _breakpointObserver; |
| this._parentSnackBar = _parentSnackBar; |
| this._defaultConfig = _defaultConfig; |
| /** |
| * Reference to the current snack bar in the view *at this level* (in the Angular injector tree). |
| * If there is a parent snack-bar service, all operations should delegate to that parent |
| * via `_openedSnackBarRef`. |
| */ |
| this._snackBarRefAtThisLevel = null; |
| } |
| Object.defineProperty(MatSnackBar.prototype, "_openedSnackBarRef", { |
| /** Reference to the currently opened snackbar at *any* level. */ |
| get: /** |
| * Reference to the currently opened snackbar at *any* level. |
| * @return {?} |
| */ |
| function () { |
| /** @type {?} */ |
| var parent = this._parentSnackBar; |
| return parent ? parent._openedSnackBarRef : this._snackBarRefAtThisLevel; |
| }, |
| set: /** |
| * @param {?} value |
| * @return {?} |
| */ |
| function (value) { |
| if (this._parentSnackBar) { |
| this._parentSnackBar._openedSnackBarRef = value; |
| } |
| else { |
| this._snackBarRefAtThisLevel = value; |
| } |
| }, |
| enumerable: true, |
| configurable: true |
| }); |
| /** |
| * Creates and dispatches a snack bar with a custom component for the content, removing any |
| * currently opened snack bars. |
| * |
| * @param component Component to be instantiated. |
| * @param config Extra configuration for the snack bar. |
| */ |
| /** |
| * Creates and dispatches a snack bar with a custom component for the content, removing any |
| * currently opened snack bars. |
| * |
| * @template T |
| * @param {?} component Component to be instantiated. |
| * @param {?=} config Extra configuration for the snack bar. |
| * @return {?} |
| */ |
| MatSnackBar.prototype.openFromComponent = /** |
| * Creates and dispatches a snack bar with a custom component for the content, removing any |
| * currently opened snack bars. |
| * |
| * @template T |
| * @param {?} component Component to be instantiated. |
| * @param {?=} config Extra configuration for the snack bar. |
| * @return {?} |
| */ |
| function (component, config) { |
| return (/** @type {?} */ (this._attach(component, config))); |
| }; |
| /** |
| * Creates and dispatches a snack bar with a custom template for the content, removing any |
| * currently opened snack bars. |
| * |
| * @param template Template to be instantiated. |
| * @param config Extra configuration for the snack bar. |
| */ |
| /** |
| * Creates and dispatches a snack bar with a custom template for the content, removing any |
| * currently opened snack bars. |
| * |
| * @param {?} template Template to be instantiated. |
| * @param {?=} config Extra configuration for the snack bar. |
| * @return {?} |
| */ |
| MatSnackBar.prototype.openFromTemplate = /** |
| * Creates and dispatches a snack bar with a custom template for the content, removing any |
| * currently opened snack bars. |
| * |
| * @param {?} template Template to be instantiated. |
| * @param {?=} config Extra configuration for the snack bar. |
| * @return {?} |
| */ |
| function (template, config) { |
| return this._attach(template, config); |
| }; |
| /** |
| * Opens a snackbar with a message and an optional action. |
| * @param message The message to show in the snackbar. |
| * @param action The label for the snackbar action. |
| * @param config Additional configuration options for the snackbar. |
| */ |
| /** |
| * Opens a snackbar with a message and an optional action. |
| * @param {?} message The message to show in the snackbar. |
| * @param {?=} action The label for the snackbar action. |
| * @param {?=} config Additional configuration options for the snackbar. |
| * @return {?} |
| */ |
| MatSnackBar.prototype.open = /** |
| * Opens a snackbar with a message and an optional action. |
| * @param {?} message The message to show in the snackbar. |
| * @param {?=} action The label for the snackbar action. |
| * @param {?=} config Additional configuration options for the snackbar. |
| * @return {?} |
| */ |
| function (message, action, config) { |
| if (action === void 0) { action = ''; } |
| /** @type {?} */ |
| var _config = __assign({}, this._defaultConfig, config); |
| // Since the user doesn't have access to the component, we can |
| // override the data to pass in our own message and action. |
| _config.data = { message: message, action: action }; |
| if (!_config.announcementMessage) { |
| _config.announcementMessage = message; |
| } |
| return this.openFromComponent(SimpleSnackBar, _config); |
| }; |
| /** |
| * Dismisses the currently-visible snack bar. |
| */ |
| /** |
| * Dismisses the currently-visible snack bar. |
| * @return {?} |
| */ |
| MatSnackBar.prototype.dismiss = /** |
| * Dismisses the currently-visible snack bar. |
| * @return {?} |
| */ |
| function () { |
| if (this._openedSnackBarRef) { |
| this._openedSnackBarRef.dismiss(); |
| } |
| }; |
| /** |
| * @return {?} |
| */ |
| MatSnackBar.prototype.ngOnDestroy = /** |
| * @return {?} |
| */ |
| function () { |
| // Only dismiss the snack bar at the current level on destroy. |
| if (this._snackBarRefAtThisLevel) { |
| this._snackBarRefAtThisLevel.dismiss(); |
| } |
| }; |
| /** |
| * Attaches the snack bar container component to the overlay. |
| */ |
| /** |
| * Attaches the snack bar container component to the overlay. |
| * @private |
| * @param {?} overlayRef |
| * @param {?} config |
| * @return {?} |
| */ |
| MatSnackBar.prototype._attachSnackBarContainer = /** |
| * Attaches the snack bar 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([ |
| [MatSnackBarConfig, config] |
| ])); |
| /** @type {?} */ |
| var containerPortal = new ComponentPortal(MatSnackBarContainer, config.viewContainerRef, injector); |
| /** @type {?} */ |
| var containerRef = overlayRef.attach(containerPortal); |
| containerRef.instance.snackBarConfig = config; |
| return containerRef.instance; |
| }; |
| /** |
| * Places a new component or a template as the content of the snack bar container. |
| */ |
| /** |
| * Places a new component or a template as the content of the snack bar container. |
| * @private |
| * @template T |
| * @param {?} content |
| * @param {?=} userConfig |
| * @return {?} |
| */ |
| MatSnackBar.prototype._attach = /** |
| * Places a new component or a template as the content of the snack bar container. |
| * @private |
| * @template T |
| * @param {?} content |
| * @param {?=} userConfig |
| * @return {?} |
| */ |
| function (content, userConfig) { |
| /** @type {?} */ |
| var config = __assign({}, new MatSnackBarConfig(), this._defaultConfig, userConfig); |
| /** @type {?} */ |
| var overlayRef = this._createOverlay(config); |
| /** @type {?} */ |
| var container = this._attachSnackBarContainer(overlayRef, config); |
| /** @type {?} */ |
| var snackBarRef = new MatSnackBarRef(container, overlayRef); |
| if (content instanceof TemplateRef) { |
| /** @type {?} */ |
| var portal = new TemplatePortal(content, (/** @type {?} */ (null)), (/** @type {?} */ ({ |
| $implicit: config.data, |
| snackBarRef: snackBarRef |
| }))); |
| snackBarRef.instance = container.attachTemplatePortal(portal); |
| } |
| else { |
| /** @type {?} */ |
| var injector = this._createInjector(config, snackBarRef); |
| /** @type {?} */ |
| var portal = new ComponentPortal(content, undefined, injector); |
| /** @type {?} */ |
| var contentRef = container.attachComponentPortal(portal); |
| // We can't pass this via the injector, because the injector is created earlier. |
| snackBarRef.instance = contentRef.instance; |
| } |
| // Subscribe to the breakpoint observer and attach the mat-snack-bar-handset class as |
| // appropriate. This class is applied to the overlay element because the overlay must expand to |
| // fill the width of the screen for full width snackbars. |
| this._breakpointObserver.observe(Breakpoints.Handset).pipe(takeUntil(overlayRef.detachments().pipe(take(1)))).subscribe((/** |
| * @param {?} state |
| * @return {?} |
| */ |
| function (state$$1) { |
| if (state$$1.matches) { |
| overlayRef.overlayElement.classList.add('mat-snack-bar-handset'); |
| } |
| else { |
| overlayRef.overlayElement.classList.remove('mat-snack-bar-handset'); |
| } |
| })); |
| this._animateSnackBar(snackBarRef, config); |
| this._openedSnackBarRef = snackBarRef; |
| return this._openedSnackBarRef; |
| }; |
| /** Animates the old snack bar out and the new one in. */ |
| /** |
| * Animates the old snack bar out and the new one in. |
| * @private |
| * @param {?} snackBarRef |
| * @param {?} config |
| * @return {?} |
| */ |
| MatSnackBar.prototype._animateSnackBar = /** |
| * Animates the old snack bar out and the new one in. |
| * @private |
| * @param {?} snackBarRef |
| * @param {?} config |
| * @return {?} |
| */ |
| function (snackBarRef, config) { |
| var _this = this; |
| // When the snackbar is dismissed, clear the reference to it. |
| snackBarRef.afterDismissed().subscribe((/** |
| * @return {?} |
| */ |
| function () { |
| // Clear the snackbar ref if it hasn't already been replaced by a newer snackbar. |
| if (_this._openedSnackBarRef == snackBarRef) { |
| _this._openedSnackBarRef = null; |
| } |
| if (config.announcementMessage) { |
| _this._live.clear(); |
| } |
| })); |
| if (this._openedSnackBarRef) { |
| // If a snack bar is already in view, dismiss it and enter the |
| // new snack bar after exit animation is complete. |
| this._openedSnackBarRef.afterDismissed().subscribe((/** |
| * @return {?} |
| */ |
| function () { |
| snackBarRef.containerInstance.enter(); |
| })); |
| this._openedSnackBarRef.dismiss(); |
| } |
| else { |
| // If no snack bar is in view, enter the new snack bar. |
| snackBarRef.containerInstance.enter(); |
| } |
| // If a dismiss timeout is provided, set up dismiss based on after the snackbar is opened. |
| if (config.duration && config.duration > 0) { |
| snackBarRef.afterOpened().subscribe((/** |
| * @return {?} |
| */ |
| function () { return snackBarRef._dismissAfter((/** @type {?} */ (config.duration))); })); |
| } |
| if (config.announcementMessage) { |
| this._live.announce(config.announcementMessage, config.politeness); |
| } |
| }; |
| /** |
| * Creates a new overlay and places it in the correct location. |
| * @param config The user-specified snack bar config. |
| */ |
| /** |
| * Creates a new overlay and places it in the correct location. |
| * @private |
| * @param {?} config The user-specified snack bar config. |
| * @return {?} |
| */ |
| MatSnackBar.prototype._createOverlay = /** |
| * Creates a new overlay and places it in the correct location. |
| * @private |
| * @param {?} config The user-specified snack bar config. |
| * @return {?} |
| */ |
| function (config) { |
| /** @type {?} */ |
| var overlayConfig = new OverlayConfig(); |
| overlayConfig.direction = config.direction; |
| /** @type {?} */ |
| var positionStrategy = this._overlay.position().global(); |
| // Set horizontal position. |
| /** @type {?} */ |
| var isRtl = config.direction === 'rtl'; |
| /** @type {?} */ |
| var isLeft = (config.horizontalPosition === 'left' || |
| (config.horizontalPosition === 'start' && !isRtl) || |
| (config.horizontalPosition === 'end' && isRtl)); |
| /** @type {?} */ |
| var isRight = !isLeft && config.horizontalPosition !== 'center'; |
| if (isLeft) { |
| positionStrategy.left('0'); |
| } |
| else if (isRight) { |
| positionStrategy.right('0'); |
| } |
| else { |
| positionStrategy.centerHorizontally(); |
| } |
| // Set horizontal position. |
| if (config.verticalPosition === 'top') { |
| positionStrategy.top('0'); |
| } |
| else { |
| positionStrategy.bottom('0'); |
| } |
| overlayConfig.positionStrategy = positionStrategy; |
| return this._overlay.create(overlayConfig); |
| }; |
| /** |
| * Creates an injector to be used inside of a snack bar component. |
| * @param config Config that was used to create the snack bar. |
| * @param snackBarRef Reference to the snack bar. |
| */ |
| /** |
| * Creates an injector to be used inside of a snack bar component. |
| * @private |
| * @template T |
| * @param {?} config Config that was used to create the snack bar. |
| * @param {?} snackBarRef Reference to the snack bar. |
| * @return {?} |
| */ |
| MatSnackBar.prototype._createInjector = /** |
| * Creates an injector to be used inside of a snack bar component. |
| * @private |
| * @template T |
| * @param {?} config Config that was used to create the snack bar. |
| * @param {?} snackBarRef Reference to the snack bar. |
| * @return {?} |
| */ |
| function (config, snackBarRef) { |
| /** @type {?} */ |
| var userInjector = config && config.viewContainerRef && config.viewContainerRef.injector; |
| return new PortalInjector(userInjector || this._injector, new WeakMap([ |
| [MatSnackBarRef, snackBarRef], |
| [MAT_SNACK_BAR_DATA, config.data] |
| ])); |
| }; |
| MatSnackBar.decorators = [ |
| { type: Injectable, args: [{ providedIn: MatSnackBarModule },] }, |
| ]; |
| /** @nocollapse */ |
| MatSnackBar.ctorParameters = function () { return [ |
| { type: Overlay }, |
| { type: LiveAnnouncer }, |
| { type: Injector }, |
| { type: BreakpointObserver }, |
| { type: MatSnackBar, decorators: [{ type: Optional }, { type: SkipSelf }] }, |
| { type: MatSnackBarConfig, decorators: [{ type: Inject, args: [MAT_SNACK_BAR_DEFAULT_OPTIONS,] }] } |
| ]; }; |
| /** @nocollapse */ MatSnackBar.ngInjectableDef = ɵɵdefineInjectable({ factory: function MatSnackBar_Factory() { return new MatSnackBar(ɵɵinject(Overlay), ɵɵinject(LiveAnnouncer), ɵɵinject(INJECTOR), ɵɵinject(BreakpointObserver), ɵɵinject(MatSnackBar, 12), ɵɵinject(MAT_SNACK_BAR_DEFAULT_OPTIONS)); }, token: MatSnackBar, providedIn: MatSnackBarModule }); |
| return MatSnackBar; |
| }()); |
| |
| /** |
| * @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 { MatSnackBarModule, MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY, MAT_SNACK_BAR_DEFAULT_OPTIONS, MatSnackBar, MatSnackBarContainer, MAT_SNACK_BAR_DATA, MatSnackBarConfig, MatSnackBarRef, SimpleSnackBar, matSnackBarAnimations }; |
| //# sourceMappingURL=snack-bar.es5.js.map |