UNPKG

@angular/material

Version:
15 lines 12 kB
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/cdk/overlay"),require("@angular/cdk/portal"),require("@angular/common"),require("@angular/core"),require("@angular/material/core"),require("@angular/material/button"),require("rxjs"),require("tslib"),require("rxjs/operators"),require("@angular/animations"),require("@angular/cdk/a11y"),require("@angular/cdk/layout")):"function"==typeof define&&define.amd?define("@angular/material/snack-bar",["exports","@angular/cdk/overlay","@angular/cdk/portal","@angular/common","@angular/core","@angular/material/core","@angular/material/button","rxjs","tslib","rxjs/operators","@angular/animations","@angular/cdk/a11y","@angular/cdk/layout"],e):e(((t=t||self).ng=t.ng||{},t.ng.material=t.ng.material||{},t.ng.material.snackBar={}),t.ng.cdk.overlay,t.ng.cdk.portal,t.ng.common,t.ng.core,t.ng.material.core,t.ng.material.button,t.rxjs,t.tslib,t.rxjs.operators,t.ng.animations,t.ng.cdk.a11y,t.ng.cdk.layout)}(this,(function(t,e,n,a,i,o,r,s,c,l,p,u,d){"use strict"; /** * @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 */var h=Math.pow(2,31)-1,m=function(){function t(t,e){var n=this;this._overlayRef=e,this._afterDismissed=new s.Subject,this._afterOpened=new s.Subject,this._onAction=new s.Subject,this._dismissedByAction=!1,this.containerInstance=t,this.onAction().subscribe((function(){return n.dismiss()})),t._onExit.subscribe((function(){return n._finishDismiss()}))}return t.prototype.dismiss=function(){this._afterDismissed.closed||this.containerInstance.exit(),clearTimeout(this._durationTimeoutId)},t.prototype.dismissWithAction=function(){this._onAction.closed||(this._dismissedByAction=!0,this._onAction.next(),this._onAction.complete())},t.prototype.closeWithAction=function(){this.dismissWithAction()},t.prototype._dismissAfter=function(t){var e=this;this._durationTimeoutId=setTimeout((function(){return e.dismiss()}),Math.min(t,h))},t.prototype._open=function(){this._afterOpened.closed||(this._afterOpened.next(),this._afterOpened.complete())},t.prototype._finishDismiss=function(){this._overlayRef.dispose(),this._onAction.closed||this._onAction.complete(),this._afterDismissed.next({dismissedByAction:this._dismissedByAction}),this._afterDismissed.complete(),this._dismissedByAction=!1},t.prototype.afterDismissed=function(){return this._afterDismissed.asObservable()},t.prototype.afterOpened=function(){return this.containerInstance._onEnter},t.prototype.onAction=function(){return this._onAction.asObservable()},t}(),f=new i.InjectionToken("MatSnackBarData"),_=function _(){this.politeness="assertive",this.announcementMessage="",this.duration=0,this.data=null,this.horizontalPosition="center",this.verticalPosition="bottom"},y=function(){function t(t,e){this.snackBarRef=t,this.data=e}return t.prototype.action=function(){this.snackBarRef.dismissWithAction()},Object.defineProperty(t.prototype,"hasAction",{get:function(){return!!this.data.action},enumerable:!0,configurable:!0}),t.decorators=[{type:i.Component,args:[{selector:"simple-snack-bar",template:'<span>{{data.message}}</span>\n<div class="mat-simple-snackbar-action" *ngIf="hasAction">\n <button mat-button (click)="action()">{{data.action}}</button>\n</div>\n',encapsulation:i.ViewEncapsulation.None,changeDetection:i.ChangeDetectionStrategy.OnPush,host:{class:"mat-simple-snackbar"},styles:[".mat-simple-snackbar{display:flex;justify-content:space-between;align-items:center;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}\n"]}]}],t.ctorParameters=function(){return[{type:m},{type:void 0,decorators:[{type:i.Inject,args:[f]}]}]},t}(),g={snackBarState:p.trigger("state",[p.state("void, hidden",p.style({transform:"scale(0.8)",opacity:0})),p.state("visible",p.style({transform:"scale(1)",opacity:1})),p.transition("* => visible",p.animate("150ms cubic-bezier(0, 0, 0.2, 1)")),p.transition("* => void, * => hidden",p.animate("75ms cubic-bezier(0.4, 0.0, 1, 1)",p.style({opacity:0})))])},k=function(t){function e(e,n,a,i){var o=t.call(this)||this;return o._ngZone=e,o._elementRef=n,o._changeDetectorRef=a,o.snackBarConfig=i,o._destroyed=!1,o._onExit=new s.Subject,o._onEnter=new s.Subject,o._animationState="void",o.attachDomPortal=function(t){return o._assertNotAttached(),o._applySnackBarClasses(),o._portalOutlet.attachDomPortal(t)},o._role="assertive"!==i.politeness||i.announcementMessage?"off"===i.politeness?null:"status":"alert",o}return c.__extends(e,t),e.prototype.attachComponentPortal=function(t){return this._assertNotAttached(),this._applySnackBarClasses(),this._portalOutlet.attachComponentPortal(t)},e.prototype.attachTemplatePortal=function(t){return this._assertNotAttached(),this._applySnackBarClasses(),this._portalOutlet.attachTemplatePortal(t)},e.prototype.onAnimationEnd=function(t){var e=t.toState;if(("void"===e&&"void"!==t.fromState||"hidden"===e)&&this._completeExit(),"visible"===e){var n=this._onEnter;this._ngZone.run((function(){n.next(),n.complete()}))}},e.prototype.enter=function(){this._destroyed||(this._animationState="visible",this._changeDetectorRef.detectChanges())},e.prototype.exit=function(){return this._animationState="hidden",this._onExit},e.prototype.ngOnDestroy=function(){this._destroyed=!0,this._completeExit()},e.prototype._completeExit=function(){var t=this;this._ngZone.onMicrotaskEmpty.asObservable().pipe(l.take(1)).subscribe((function(){t._onExit.next(),t._onExit.complete()}))},e.prototype._applySnackBarClasses=function(){var t=this._elementRef.nativeElement,e=this.snackBarConfig.panelClass;e&&(Array.isArray(e)?e.forEach((function(e){return t.classList.add(e)})):t.classList.add(e)),"center"===this.snackBarConfig.horizontalPosition&&t.classList.add("mat-snack-bar-center"),"top"===this.snackBarConfig.verticalPosition&&t.classList.add("mat-snack-bar-top")},e.prototype._assertNotAttached=function(){if(this._portalOutlet.hasAttached())throw Error("Attempting to attach snack bar content after content is already attached")},e.decorators=[{type:i.Component,args:[{selector:"snack-bar-container",template:"<ng-template cdkPortalOutlet></ng-template>\n",changeDetection:i.ChangeDetectionStrategy.Default,encapsulation:i.ViewEncapsulation.None,animations:[g.snackBarState],host:{"[attr.role]":"_role",class:"mat-snack-bar-container","[@state]":"_animationState","(@state.done)":"onAnimationEnd($event)"},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}.cdk-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%}\n"]}]}],e.ctorParameters=function(){return[{type:i.NgZone},{type:i.ElementRef},{type:i.ChangeDetectorRef},{type:_}]},e.propDecorators={_portalOutlet:[{type:i.ViewChild,args:[n.CdkPortalOutlet,{static:!0}]}]},e}(n.BasePortalOutlet),b=function(){function t(){}return t.decorators=[{type:i.NgModule,args:[{imports:[e.OverlayModule,n.PortalModule,a.CommonModule,r.MatButtonModule,o.MatCommonModule],exports:[k,o.MatCommonModule],declarations:[k,y],entryComponents:[k,y]}]}],t}(),v=new i.InjectionToken("mat-snack-bar-default-options",{providedIn:"root",factory:B});function B(){return new _}var S=function(){function t(t,e,n,a,i,o){this._overlay=t,this._live=e,this._injector=n,this._breakpointObserver=a,this._parentSnackBar=i,this._defaultConfig=o,this._snackBarRefAtThisLevel=null}return Object.defineProperty(t.prototype,"_openedSnackBarRef",{get:function(){var t=this._parentSnackBar;return t?t._openedSnackBarRef:this._snackBarRefAtThisLevel},set:function(t){this._parentSnackBar?this._parentSnackBar._openedSnackBarRef=t:this._snackBarRefAtThisLevel=t},enumerable:!0,configurable:!0}),t.prototype.openFromComponent=function(t,e){return this._attach(t,e)},t.prototype.openFromTemplate=function(t,e){return this._attach(t,e)},t.prototype.open=function(t,e,n){void 0===e&&(e="");var a=c.__assign(c.__assign({},this._defaultConfig),n);return a.data={message:t,action:e},a.announcementMessage||(a.announcementMessage=t),this.openFromComponent(y,a)},t.prototype.dismiss=function(){this._openedSnackBarRef&&this._openedSnackBarRef.dismiss()},t.prototype.ngOnDestroy=function(){this._snackBarRefAtThisLevel&&this._snackBarRefAtThisLevel.dismiss()},t.prototype._attachSnackBarContainer=function(t,e){var a=new n.PortalInjector(e&&e.viewContainerRef&&e.viewContainerRef.injector||this._injector,new WeakMap([[_,e]])),i=new n.ComponentPortal(k,e.viewContainerRef,a),o=t.attach(i);return o.instance.snackBarConfig=e,o.instance},t.prototype._attach=function(t,e){var a=c.__assign(c.__assign(c.__assign({},new _),this._defaultConfig),e),o=this._createOverlay(a),r=this._attachSnackBarContainer(o,a),s=new m(r,o);if(t instanceof i.TemplateRef){var p=new n.TemplatePortal(t,null,{$implicit:a.data,snackBarRef:s});s.instance=r.attachTemplatePortal(p)}else{var u=this._createInjector(a,s),h=(p=new n.ComponentPortal(t,void 0,u),r.attachComponentPortal(p));s.instance=h.instance}return this._breakpointObserver.observe(d.Breakpoints.HandsetPortrait).pipe(l.takeUntil(o.detachments())).subscribe((function(t){var e=o.overlayElement.classList;t.matches?e.add("mat-snack-bar-handset"):e.remove("mat-snack-bar-handset")})),this._animateSnackBar(s,a),this._openedSnackBarRef=s,this._openedSnackBarRef},t.prototype._animateSnackBar=function(t,e){var n=this;t.afterDismissed().subscribe((function(){n._openedSnackBarRef==t&&(n._openedSnackBarRef=null),e.announcementMessage&&n._live.clear()})),this._openedSnackBarRef?(this._openedSnackBarRef.afterDismissed().subscribe((function(){t.containerInstance.enter()})),this._openedSnackBarRef.dismiss()):t.containerInstance.enter(),e.duration&&e.duration>0&&t.afterOpened().subscribe((function(){return t._dismissAfter(e.duration)})),e.announcementMessage&&this._live.announce(e.announcementMessage,e.politeness)},t.prototype._createOverlay=function(t){var n=new e.OverlayConfig;n.direction=t.direction;var a=this._overlay.position().global(),i="rtl"===t.direction,o="left"===t.horizontalPosition||"start"===t.horizontalPosition&&!i||"end"===t.horizontalPosition&&i,r=!o&&"center"!==t.horizontalPosition;return o?a.left("0"):r?a.right("0"):a.centerHorizontally(),"top"===t.verticalPosition?a.top("0"):a.bottom("0"),n.positionStrategy=a,this._overlay.create(n)},t.prototype._createInjector=function(t,e){return new n.PortalInjector(t&&t.viewContainerRef&&t.viewContainerRef.injector||this._injector,new WeakMap([[m,e],[f,t.data]]))},t.decorators=[{type:i.Injectable,args:[{providedIn:b}]}],t.ctorParameters=function(){return[{type:e.Overlay},{type:u.LiveAnnouncer},{type:i.Injector},{type:d.BreakpointObserver},{type:t,decorators:[{type:i.Optional},{type:i.SkipSelf}]},{type:_,decorators:[{type:i.Inject,args:[v]}]}]},t.ɵprov=i.ɵɵdefineInjectable({factory:function n(){return new t(i.ɵɵinject(e.Overlay),i.ɵɵinject(u.LiveAnnouncer),i.ɵɵinject(i.INJECTOR),i.ɵɵinject(d.BreakpointObserver),i.ɵɵinject(t,12),i.ɵɵinject(v))},token:t,providedIn:b}),t}(); /** * @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 */t.MAT_SNACK_BAR_DATA=f,t.MAT_SNACK_BAR_DEFAULT_OPTIONS=v,t.MAT_SNACK_BAR_DEFAULT_OPTIONS_FACTORY=B,t.MatSnackBar=S,t.MatSnackBarConfig=_,t.MatSnackBarContainer=k,t.MatSnackBarModule=b,t.MatSnackBarRef=m,t.SimpleSnackBar=y,t.matSnackBarAnimations=g,Object.defineProperty(t,"__esModule",{value:!0})}));