ngx-toastr-notifier
Version:
Lightweight, customizable toast notifications for Angular 20+. A modern replacement for toastr with Angular Material design and flexible APIs.
1 lines • 13.4 kB
Source Map (JSON)
{"version":3,"file":"ngx-toastr-notifier.mjs","sources":["../../../projects/ngx-toastr-notifier/src/lib/progress-bar.ts","../../../projects/ngx-toastr-notifier/src/lib/progress-bar.html","../../../projects/ngx-toastr-notifier/src/lib/toast.ts","../../../projects/ngx-toastr-notifier/src/lib/toast.html","../../../projects/ngx-toastr-notifier/src/lib/toast.service.ts","../../../projects/ngx-toastr-notifier/src/public-api.ts","../../../projects/ngx-toastr-notifier/src/ngx-toastr-notifier.ts"],"sourcesContent":["import { Component, OnInit, OnDestroy, ChangeDetectorRef, ChangeDetectionStrategy, Input, inject } from '@angular/core';\nimport { interval, Subscription } from 'rxjs';\n\n\n@Component({\n selector: 'lib-progress-bar',\n templateUrl: './progress-bar.html',\n styleUrl: './_progress-bar.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ProgressBar implements OnInit, OnDestroy {\n private cdr = inject(ChangeDetectorRef);\n\n\n @Input() duration = 2000; // ms, default value\n progressValue = 100;\n\n\n private sub!: Subscription;\n\n ngOnInit() {\n const stepTime = 100; // ms\n const totalSteps = (this.duration) / stepTime;\n let currentStep = 0;\n this.sub = interval(stepTime).subscribe(() => {\n currentStep++;\n this.progressValue = 100 - (currentStep / totalSteps) * 100;\n\n this.cdr.markForCheck();\n if (this.progressValue <= 0) {\n this.progressValue = 0;\n this.sub.unsubscribe();\n }\n });\n }\n\n\n ngOnDestroy() {\n if (this.sub) {\n this.sub.unsubscribe();\n }\n\n }\n}\n","<div [style.width.%]=\"progressValue\" class=\"progress-inner\"></div>","\nimport { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { MatSnackBarRef, MAT_SNACK_BAR_DATA, MatSnackBarAction } from '@angular/material/snack-bar';\nimport { ViewEncapsulation } from '@angular/core';\nimport { ProgressBar } from \"./progress-bar\";\n\nexport interface ToastData {\n type: 'success' | 'info' | 'warning' | 'error';\n panelClass?: string;\n title?: string;\n message: string;\n icon?: string;\n duration: number; // in milliseconds\n showClose?: boolean;\n progressBar?: boolean;\n}\n\n\n@Component({\n selector: 'lib-toast',\n imports: [MatSnackBarAction, ProgressBar],\n templateUrl: './toast.html',\n styleUrl: './toast.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class Toast {\n snackRef = inject<MatSnackBarRef<Toast>>(MatSnackBarRef);\n data = inject<ToastData>(MAT_SNACK_BAR_DATA);\n\n dismiss() {\n this.snackRef.dismiss();\n }\n}\n","<div class=\"toast\">\n <span class=\"toast-icon\">\n\n @switch (data.type) {\n @case ('success') {\n <svg class=\"w-8 h-8\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\"\n viewBox=\"0 0 20 20\">\n <path\n d=\"M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 8.207-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L9 10.586l3.293-3.293a1 1 0 0 1 1.414 1.414Z\" />\n </svg>\n }\n @case ('error') {\n <svg class=\"w-5 h-5\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\"\n viewBox=\"0 0 20 20\">\n <path\n d=\"M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5Zm3.707 11.793a1 1 0 1 1-1.414 1.414L10 11.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L8.586 10 6.293 7.707a1 1 0 0 1 1.414-1.414L10 8.586l2.293-2.293a1 1 0 0 1 1.414 1.414L11.414 10l2.293 2.293Z\" />\n </svg>\n }\n @case ('warning') {\n <svg class=\"w-5 h-5\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\"\n viewBox=\"0 0 16 16\">\n <path\n d=\"M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2\" />\n </svg>\n }\n @default {\n <svg class=\"w-5 h-5\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\"\n viewBox=\"0 0 20 20\">\n <path\n d=\"M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM10 15a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-4a1 1 0 0 1-2 0V6a1 1 0 0 1 2 0v5Z\" />\n </svg>\n }\n }\n\n </span>\n <div class=\"toast-message\">\n @if(data.title){\n <p style=\"font-size: 18px; margin: 0px 0 5px 0;\"> <strong>{{data.title}}</strong></p>\n }\n @if (data.message){\n <p style=\"font-size: 16px; margin: 0;\">{{data.message}}</p>\n }\n </div>\n @if (data.showClose){\n <button matSnackBarAction (click)=\"snackRef.dismissWithAction()\" type=\"button\" class=\"toast-close\"\n aria-label=\"Close\">\n <span aria-hidden=\"true\">×</span>\n </button>\n }\n</div>\n@if(data.progressBar){\n<span style=\"display: block; width: 100%; position: absolute; bottom: 0; left: 0;\">\n <lib-progress-bar [duration]=\"data.duration\" />\n</span>\n}","import { Injectable, inject } from '@angular/core';\nimport { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar';\nimport { Toast, ToastData } from './toast';\n\ntype ToastParameter = Partial<Pick<MatSnackBarConfig<ToastData>, 'direction' | 'horizontalPosition' | 'verticalPosition' | 'duration'>>\n & { showClose?: boolean } & { progressBar?: boolean };\n\n@Injectable({ providedIn: 'root' })\nexport class ToastService {\n private snackBar = inject(MatSnackBar);\n\n\n private readonly commonConfig: Partial<MatSnackBarConfig<ToastData>> = {\n duration: 2000,\n horizontalPosition: 'right',\n verticalPosition: 'top',\n direction: 'ltr',\n }\n\n // default = info\n private readonly defaultConfig: MatSnackBarConfig<ToastData> = {\n ...this.commonConfig,\n data: { type: 'info', message: '', showClose: true, duration: this.commonConfig.duration!, progressBar: false },\n };\n\n private readonly sucessConfig: MatSnackBarConfig<ToastData> = {\n ...this.commonConfig,\n data: { type: 'success', message: '', showClose: true, duration: this.commonConfig.duration!, progressBar: false }\n }\n\n private readonly warningConfig: MatSnackBarConfig<ToastData> = {\n ...this.commonConfig,\n data: { type: 'warning', message: '', showClose: true, duration: this.commonConfig.duration!, progressBar: false }\n }\n\n private readonly errorConfig: MatSnackBarConfig<ToastData> = {\n ...this.commonConfig,\n data: { type: 'error', message: '', showClose: true, duration: this.commonConfig.duration!, progressBar: false }\n }\n\n show(\n type: ToastData['type'],\n message: string,\n title?: string,\n opts?: ToastParameter\n ) {\n\n const data: ToastData = {\n type,\n message,\n title,\n showClose: opts?.showClose ?? true,\n duration: opts?.duration ?? this.commonConfig.duration!,\n progressBar: opts?.progressBar ?? false,\n };\n const config = { ...this.defaultConfig, ...(opts ?? {}), data }; // override of default\n config.panelClass = type;\n\n return this.snackBar.openFromComponent(Toast, config);\n }\n\n\n info(message: string, title?: string, opts?: ToastParameter) {\n const infoCfg = { ...this.defaultConfig, ...(opts) ?? {} };\n return this.show('info', message, title, infoCfg);\n }\n\n success(message: string, title?: string, opts?: ToastParameter) {\n const successCfg = { ...this.sucessConfig, ...(opts) ?? {} };\n return this.show('success', message, title, successCfg);\n }\n\n warning(message: string, title?: string, opts?: ToastParameter) {\n const warningCfg = { ...this.warningConfig, ...(opts) ?? {} };\n return this.show('warning', message, title, warningCfg);\n }\n\n error(message: string, title?: string, opts?: ToastParameter) {\n const errorCfg = { ...this.errorConfig, ...(opts) ?? {} };\n return this.show('error', message, title, errorCfg);\n }\n}\n","/*\n * Public API Surface of ngx-toastr-notifier\n */\n\nexport * from './lib/toast.service';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}