ngx-toast-notifier
Version:
This is a nofitications library for Angular
75 lines (73 loc) • 6.15 kB
JavaScript
import { Component } from '@angular/core';
import { onEnterLeave } from '../animations/animations';
import * as i0 from "@angular/core";
import * as i1 from "../services/ngx-toast-notifier.service";
import * as i2 from "./notification/notification.component";
import * as i3 from "@angular/common";
export class NgxToastNotifierComponent {
constructor(notificationSvc) {
this.notificationSvc = notificationSvc;
}
ngOnInit() {
this.$notifications = this.notificationSvc.$notificationsObs;
}
}
NgxToastNotifierComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: NgxToastNotifierComponent, deps: [{ token: i1.NgxToastNotifierService }], target: i0.ɵɵFactoryTarget.Component });
NgxToastNotifierComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.10", type: NgxToastNotifierComponent, selector: "ngx-toast-notifier", ngImport: i0, template: `
<div class="wrap-notifications">
<ngx-notification
[notificationData]="item"
*ngFor="let item of $notifications | async"
@onEnterLeave
>
</ngx-notification>
</div>
`, isInline: true, styles: [":host{display:flex;position:fixed;width:300px;height:auto;max-height:100vh;overflow:auto;top:80px;right:15px;z-index:99}.wrap-notifications{position:relative;width:100%;overflow:hidden}@media only screen and (max-width: 500px){:host{width:95%;top:20px;left:0;right:0;bottom:0;margin:auto}}\n"], components: [{ type: i2.NotificationComponent, selector: "ngx-notification", inputs: ["notificationData"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i3.AsyncPipe }, animations: [onEnterLeave] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.10", ngImport: i0, type: NgxToastNotifierComponent, decorators: [{
type: Component,
args: [{
selector: 'ngx-toast-notifier',
template: `
<div class="wrap-notifications">
<ngx-notification
[notificationData]="item"
*ngFor="let item of $notifications | async"
@onEnterLeave
>
</ngx-notification>
</div>
`,
styles: [
`
:host {
display: flex;
position: fixed;
width: 300px;
height: auto;
max-height: 100vh;
overflow: auto;
top: 80px;
right: 15px;
z-index: 99;
}
.wrap-notifications {
position: relative;
width: 100%;
overflow: hidden;
}
@media only screen and (max-width: 500px) {
:host {
width: 95%;
top: 20px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
}
`,
],
animations: [onEnterLeave],
}]
}], ctorParameters: function () { return [{ type: i1.NgxToastNotifierService }]; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LXRvYXN0LW5vdGlmaWVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10b2FzdC1ub3RpZmllci9zcmMvbGliL2NvbXBvbmVudHMvbmd4LXRvYXN0LW5vdGlmaWVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7QUFrRHhELE1BQU0sT0FBTyx5QkFBeUI7SUFFcEMsWUFBb0IsZUFBd0M7UUFBeEMsb0JBQWUsR0FBZixlQUFlLENBQXlCO0lBQUcsQ0FBQztJQUVoRSxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLGlCQUFpQixDQUFDO0lBQy9ELENBQUM7O3VIQU5VLHlCQUF5QjsyR0FBekIseUJBQXlCLDBEQTVDMUI7Ozs7Ozs7OztHQVNULHVsQkFpQ1csQ0FBQyxZQUFZLENBQUM7NEZBRWYseUJBQXlCO2tCQTlDckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUU7Ozs7Ozs7OztHQVNUO29CQUNELE1BQU0sRUFBRTt3QkFDTjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2QkM7cUJBQ0Y7b0JBQ0QsVUFBVSxFQUFFLENBQUMsWUFBWSxDQUFDO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBvbkVudGVyTGVhdmUgfSBmcm9tICcuLi9hbmltYXRpb25zL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgSU5vdGlmaWNhdGlvbiB9IGZyb20gJy4uL2ludGVyZmFjZXMvaS1ub3RpZmljYXRpb24nO1xuaW1wb3J0IHsgTmd4VG9hc3ROb3RpZmllclNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy9uZ3gtdG9hc3Qtbm90aWZpZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC10b2FzdC1ub3RpZmllcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cIndyYXAtbm90aWZpY2F0aW9uc1wiPlxuICAgICAgPG5neC1ub3RpZmljYXRpb25cbiAgICAgICAgW25vdGlmaWNhdGlvbkRhdGFdPVwiaXRlbVwiXG4gICAgICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mICRub3RpZmljYXRpb25zIHwgYXN5bmNcIlxuICAgICAgICBAb25FbnRlckxlYXZlXG4gICAgICA+XG4gICAgICA8L25neC1ub3RpZmljYXRpb24+XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIDpob3N0IHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICB3aWR0aDogMzAwcHg7XG4gICAgICAgIGhlaWdodDogYXV0bztcbiAgICAgICAgbWF4LWhlaWdodDogMTAwdmg7XG4gICAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgICB0b3A6IDgwcHg7XG4gICAgICAgIHJpZ2h0OiAxNXB4O1xuICAgICAgICB6LWluZGV4OiA5OTtcbiAgICAgIH1cblxuICAgICAgLndyYXAtbm90aWZpY2F0aW9ucyB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB9XG5cbiAgICAgIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTAwcHgpIHtcbiAgICAgICAgOmhvc3Qge1xuICAgICAgICAgIHdpZHRoOiA5NSU7XG4gICAgICAgICAgdG9wOiAyMHB4O1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGAsXG4gIF0sXG4gIGFuaW1hdGlvbnM6IFtvbkVudGVyTGVhdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ3hUb2FzdE5vdGlmaWVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgJG5vdGlmaWNhdGlvbnMhOiBPYnNlcnZhYmxlPElOb3RpZmljYXRpb25bXT47XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbm90aWZpY2F0aW9uU3ZjOiBOZ3hUb2FzdE5vdGlmaWVyU2VydmljZSkge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLiRub3RpZmljYXRpb25zID0gdGhpcy5ub3RpZmljYXRpb25TdmMuJG5vdGlmaWNhdGlvbnNPYnM7XG4gIH1cbn1cbiJdfQ==