devlab-one-dynamic-toast 1.0.0

package/README.md

@@ -0,0 +1,413 @@
+# Dynamic Snackbar
+
+A lightweight Angular Material-based Snackbar Library that provides beautiful, customizable, and consistent toast notifications throughout your application.
+
+The library offers predefined notification types such as Success, Error, Warning, and Information while also allowing fully customizable snackbars through a configuration object.
+
+---
+
+## Features
+
+* 🚀 Simple API
+* 🎨 Angular Material Snackbar
+* ✅ Success Notifications
+* ❌ Error Notifications
+* ⚠️ Warning Notifications
+* ℹ️ Information Notifications
+* 🎯 Fully Customizable
+* ⏱ Configurable Duration
+* 📍 Configurable Position
+* 🎨 Custom Styling Support
+* ⚡ Lightweight and Fast
+
+---
+
+## Installation
+
+```bash id="u5s9qx"
+npm install devlab-one-dynamic-snackbar
+```
+
+---
+
+## Inject Snackbar Service
+
+```typescript id="7wqz6u"
+import { SnackbarService } from 'devlab-one-dynamic-snackbar';
+
+constructor(
+  private snackbar: SnackbarService
+) {}
+```
+
+---
+
+## Available Methods
+
+```typescript id="8zlg24"
+show(config: SnackbarConfig): void;
+
+success(
+  message: string,
+  title?: string
+): void;
+
+error(
+  message: string,
+  title?: string
+): void;
+
+warning(
+  message: string,
+  title?: string
+): void;
+
+info(
+  message: string,
+  title?: string
+): void;
+```
+
+---
+
+## Success Snackbar
+
+Display success notifications after successful operations.
+
+```typescript id="xy7l4o"
+this.snackbar.success(
+  'Employee created successfully'
+);
+```
+
+### With Title
+
+```typescript id="k5u1sv"
+this.snackbar.success(
+  'Employee created successfully',
+  'Success'
+);
+```
+
+---
+
+## Error Snackbar
+
+Display application or API error messages.
+
+```typescript id="nd6kz4"
+this.snackbar.error(
+  'Unable to create employee'
+);
+```
+
+### With Title
+
+```typescript id="g4i9ef"
+this.snackbar.error(
+  'Unable to create employee',
+  'Error'
+);
+```
+
+---
+
+## Warning Snackbar
+
+Display warning messages.
+
+```typescript id="j2m7ph"
+this.snackbar.warning(
+  'You have unsaved changes'
+);
+```
+
+### With Title
+
+```typescript id="9o2wrl"
+this.snackbar.warning(
+  'You have unsaved changes',
+  'Warning'
+);
+```
+
+---
+
+## Information Snackbar
+
+Display informational messages.
+
+```typescript id="w4a6ng"
+this.snackbar.info(
+  'New update available'
+);
+```
+
+### With Title
+
+```typescript id="q9x5lm"
+this.snackbar.info(
+  'New update available',
+  'Information'
+);
+```
+
+---
+
+## Custom Snackbar
+
+For complete control over the snackbar appearance and behavior, use the `show()` method.
+
+```typescript id="u0a8yv"
+this.snackbar.show({
+  title: 'Success',
+  message: 'Employee created successfully',
+  type: 'success'
+});
+```
+
+---
+
+## Snackbar Configuration
+
+```typescript id="5zprxv"
+export interface SnackbarConfig {
+  title?: string;
+  message: string;
+  type?: SnackbarType;
+  duration?: number;
+  horizontalPosition?: HorizontalPosition;
+  verticalPosition?: VerticalPosition;
+}
+```
+
+---
+
+## Snackbar Types
+
+```typescript id="f58rqm"
+export enum SnackbarType {
+  Success = 'success',
+  Error = 'error',
+  Warning = 'warning',
+  Info = 'info'
+}
+```
+
+---
+
+## Duration Configuration
+
+Default snackbar duration can be overridden.
+
+```typescript id="x7t0v9"
+this.snackbar.show({
+  title: 'Success',
+  message: 'Employee created successfully',
+  duration: 5000
+});
+```
+
+Duration is specified in milliseconds.
+
+| Value | Description |
+| ----- | ----------- |
+| 3000  | 3 seconds   |
+| 5000  | 5 seconds   |
+| 10000 | 10 seconds  |
+
+---
+
+## Position Configuration
+
+### Horizontal Position
+
+```typescript id="3kfd2x"
+horizontalPosition: 'start'
+horizontalPosition: 'center'
+horizontalPosition: 'end'
+horizontalPosition: 'left'
+horizontalPosition: 'right'
+```
+
+### Vertical Position
+
+```typescript id="n1c2ez"
+verticalPosition: 'top'
+verticalPosition: 'bottom'
+```
+
+### Example
+
+```typescript id="k4r7hd"
+this.snackbar.show({
+  title: 'Success',
+  message: 'Employee created successfully',
+  horizontalPosition: 'right',
+  verticalPosition: 'top'
+});
+```
+
+---
+
+## Complete Example
+
+```typescript id="6xq4rf"
+this.snackbar.show({
+  title: 'Employee Created',
+  message: 'Employee record saved successfully',
+  type: SnackbarType.Success,
+  duration: 5000,
+  horizontalPosition: 'right',
+  verticalPosition: 'top'
+});
+```
+
+---
+
+## API Success Example
+
+```typescript id="h8k3ql"
+this.employeeService.create(employee)
+  .subscribe({
+    next: () => {
+      this.snackbar.success(
+        'Employee created successfully'
+      );
+    }
+  });
+```
+
+---
+
+## API Error Example
+
+```typescript id="s6y4mn"
+this.employeeService.create(employee)
+  .subscribe({
+    error: () => {
+      this.snackbar.error(
+        'Unable to create employee'
+      );
+    }
+  });
+```
+
+---
+
+## UI Examples
+
+### Success
+
+```text id="v5a0re"
+┌──────────────────────────────┐
+│ ✓ Success                    │
+│ Employee created successfully│
+└──────────────────────────────┘
+```
+
+### Error
+
+```text id="8e7kpt"
+┌──────────────────────────────┐
+│ ✕ Error                      │
+│ Unable to create employee    │
+└──────────────────────────────┘
+```
+
+### Warning
+
+```text id="n0m8dx"
+┌──────────────────────────────┐
+│ ⚠ Warning                    │
+│ Unsaved changes detected     │
+└──────────────────────────────┘
+```
+
+### Information
+
+```text id="c7v4up"
+┌──────────────────────────────┐
+│ ℹ Information                │
+│ New update available         │
+└──────────────────────────────┘
+```
+
+---
+
+## Typical Usage Scenarios
+
+### Form Save
+
+```typescript id="5y2mkr"
+this.snackbar.success(
+  'Form submitted successfully'
+);
+```
+
+### API Error
+
+```typescript id="p4x1wo"
+this.snackbar.error(
+  'Unable to connect to server'
+);
+```
+
+### Warning Notification
+
+```typescript id="r6t8yl"
+this.snackbar.warning(
+  'Session will expire in 2 minutes'
+);
+```
+
+### Application Update
+
+```typescript id="q3v5sa"
+this.snackbar.info(
+  'Version 2.0 is now available'
+);
+```
+
+---
+
+## Built With
+
+* Angular 21+
+* Angular Material Snackbar
+* TypeScript
+* RxJS
+
+---
+
+## Why Dynamic Snackbar?
+
+Instead of repeatedly configuring Angular Material snackbars throughout your application:
+
+```typescript id="j8u1dx"
+this.snackBar.open(
+  message,
+  'Close',
+  {
+    duration: 3000,
+    horizontalPosition: 'right',
+    verticalPosition: 'top'
+  }
+);
+```
+
+Simply use:
+
+```typescript id="v5m2zr"
+this.snackbar.success(
+  'Employee created successfully'
+);
+```
+
+and let the library handle styling, icons, duration, positioning, and consistency automatically.
+
+---
+
+## License
+
+MIT License

package/fesm2022/devlab-one-dynamic-toast.mjs

@@ -0,0 +1,114 @@
+import * as i0 from '@angular/core';
+import { Inject, Component, Injectable } from '@angular/core';
+import * as i1 from '@angular/material/snack-bar';
+import { MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+
+class DynamicSnackbar {
+    data;
+    snackBarRef;
+    constructor(data, snackBarRef) {
+        this.data = data;
+        this.snackBarRef = snackBarRef;
+    }
+    close() {
+        this.snackBarRef.dismiss();
+    }
+    get icon() {
+        switch (this.data.type) {
+            case 'success':
+                return 'check_circle';
+            case 'error':
+                return 'error';
+            case 'warning':
+                return 'warning';
+            case 'info':
+                return 'info';
+            default:
+                return 'notifications';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: DynamicSnackbar, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: DynamicSnackbar, isStandalone: true, selector: "lib-snackbar", ngImport: i0, template: "<div class=\"snackbar-wrapper\">\n\n  <mat-icon class=\"icon\">\n    {{ icon }}\n  </mat-icon>\n\n  <div class=\"content\">\n\n    @if(data.title){\n\n      <div class=\"title\">\n        {{ data.title }}\n      </div>\n\n    }\n\n    @if(data.enableHtml){\n\n      <div\n        [innerHTML]=\"data.message\">\n      </div>\n\n    } @else {\n\n      <div>\n        {{ data.message }}\n      </div>\n\n    }\n\n  </div>\n\n  <button\n    class=\"close-btn\"\n    (click)=\"close()\">\n\n    \u2715\n\n  </button>\n\n</div>", styles: [".ngx-snackbar-panel .mat-mdc-snackbar-surface{min-width:400px!important;max-width:500px!important;padding:0!important;background:transparent!important;box-shadow:none!important}.snackbar-wrapper{display:flex;align-items:flex-start;gap:12px;min-width:350px}.icon{margin-top:2px}.content{flex:1}.title{font-weight:600;margin-bottom:4px}.close-btn{border:none;background:transparent;cursor:pointer;font-size:18px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: DynamicSnackbar, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-snackbar', standalone: true, imports: [
+                        CommonModule,
+                        MatIconModule
+                    ], template: "<div class=\"snackbar-wrapper\">\n\n  <mat-icon class=\"icon\">\n    {{ icon }}\n  </mat-icon>\n\n  <div class=\"content\">\n\n    @if(data.title){\n\n      <div class=\"title\">\n        {{ data.title }}\n      </div>\n\n    }\n\n    @if(data.enableHtml){\n\n      <div\n        [innerHTML]=\"data.message\">\n      </div>\n\n    } @else {\n\n      <div>\n        {{ data.message }}\n      </div>\n\n    }\n\n  </div>\n\n  <button\n    class=\"close-btn\"\n    (click)=\"close()\">\n\n    \u2715\n\n  </button>\n\n</div>", styles: [".ngx-snackbar-panel .mat-mdc-snackbar-surface{min-width:400px!important;max-width:500px!important;padding:0!important;background:transparent!important;box-shadow:none!important}.snackbar-wrapper{display:flex;align-items:flex-start;gap:12px;min-width:350px}.icon{margin-top:2px}.content{flex:1}.title{font-weight:600;margin-bottom:4px}.close-btn{border:none;background:transparent;cursor:pointer;font-size:18px}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_SNACK_BAR_DATA]
+                }] }, { type: i1.MatSnackBarRef }] });
+
+class SnackbarService {
+    snackBar;
+    constructor(snackBar) {
+        this.snackBar = snackBar;
+    }
+    show(config) {
+        this.snackBar.openFromComponent(DynamicSnackbar, {
+            duration: config.duration ?? 50000000,
+            horizontalPosition: config.horizontalPosition ??
+                'right',
+            verticalPosition: config.verticalPosition ??
+                'top',
+            panelClass: [
+                'ngx-snackbar',
+                config.type ?? 'info',
+                ...(config.panelClass ?? [])
+            ],
+            data: config
+        });
+    }
+    success(message, title) {
+        this.show({
+            type: 'success',
+            title,
+            message
+        });
+    }
+    error(message, title) {
+        this.show({
+            type: 'error',
+            title,
+            message
+        });
+    }
+    warning(message, title) {
+        this.show({
+            type: 'warning',
+            title,
+            message
+        });
+    }
+    info(message, title) {
+        this.show({
+            type: 'info',
+            title,
+            message
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: SnackbarService, deps: [{ token: i1.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: SnackbarService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: SnackbarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.MatSnackBar }] });
+
+/*
+ * Public API Surface of dynamic-toast
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DynamicSnackbar, SnackbarService };
+//# sourceMappingURL=devlab-one-dynamic-toast.mjs.map

package/fesm2022/devlab-one-dynamic-toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"devlab-one-dynamic-toast.mjs","sources":["../../../projects/dynamic-toast/src/lib/dynamic-snackbar.ts","../../../projects/dynamic-toast/src/lib/dynamic-snackbar.html","../../../projects/dynamic-toast/src/lib/dynamic-snackbar.service.ts","../../../projects/dynamic-toast/src/public-api.ts","../../../projects/dynamic-toast/src/devlab-one-dynamic-toast.ts"],"sourcesContent":["import {\n  Component,\n  Inject\n} from '@angular/core';\n\nimport {\n  MAT_SNACK_BAR_DATA,\n  MatSnackBarRef\n} from '@angular/material/snack-bar';\n\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport {\n  SnackbarConfig\n} from './dynamic-snackbar.modal';\n\n@Component({\n  selector: 'lib-snackbar',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatIconModule\n  ],\n  templateUrl: './dynamic-snackbar.html',\n  styleUrls: ['./dynamic-snackbar.scss']\n})\nexport class DynamicSnackbar {\n\n  constructor(\n    @Inject(MAT_SNACK_BAR_DATA)\n    public data: SnackbarConfig,\n\n    private snackBarRef:\n    MatSnackBarRef<DynamicSnackbar>\n  ) {}\n\n  public close(): void {\n\n    this.snackBarRef.dismiss();\n  }\n\n  public get icon(): string {\n\n    switch (this.data.type) {\n\n      case 'success':\n        return 'check_circle';\n\n      case 'error':\n        return 'error';\n\n      case 'warning':\n        return 'warning';\n\n      case 'info':\n        return 'info';\n\n      default:\n        return 'notifications';\n    }\n  }\n}","<div class=\"snackbar-wrapper\">\n\n  <mat-icon class=\"icon\">\n    {{ icon }}\n  </mat-icon>\n\n  <div class=\"content\">\n\n    @if(data.title){\n\n      <div class=\"title\">\n        {{ data.title }}\n      </div>\n\n    }\n\n    @if(data.enableHtml){\n\n      <div\n        [innerHTML]=\"data.message\">\n      </div>\n\n    } @else {\n\n      <div>\n        {{ data.message }}\n      </div>\n\n    }\n\n  </div>\n\n  <button\n    class=\"close-btn\"\n    (click)=\"close()\">\n\n    ✕\n\n  </button>\n\n</div>","import {\n  Injectable\n} from '@angular/core';\n\nimport {\n  MatSnackBar\n} from '@angular/material/snack-bar';\n\nimport {\n  DynamicSnackbar\n} from './dynamic-snackbar';\n\nimport {\n  SnackbarConfig\n} from './dynamic-snackbar.modal';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class SnackbarService {\n\n  constructor(\n    private snackBar: MatSnackBar\n  ) { }\n\n  public show(\n    config: SnackbarConfig\n  ): void {\n\n    this.snackBar.openFromComponent(\n      DynamicSnackbar,\n      {\n        duration:\n          config.duration ?? 50000000,\n\n        horizontalPosition:\n          config.horizontalPosition ??\n          'right',\n\n        verticalPosition:\n          config.verticalPosition ??\n          'top',\n\n        panelClass: [\n          'ngx-snackbar',\n          config.type ?? 'info',\n          ...(config.panelClass ?? [])\n        ],\n\n        data: config\n      }\n    );\n  }\n\n  public success(\n    message: string,\n    title?: string\n  ): void {\n\n    this.show({\n      type: 'success',\n      title,\n      message\n    });\n  }\n\n  public error(\n    message: string,\n    title?: string\n  ): void {\n\n    this.show({\n      type: 'error',\n      title,\n      message\n    });\n  }\n\n  public warning(\n    message: string,\n    title?: string\n  ): void {\n\n    this.show({\n      type: 'warning',\n      title,\n      message\n    });\n  }\n\n  public info(\n    message: string,\n    title?: string\n  ): void {\n\n    this.show({\n      type: 'info',\n      title,\n      message\n    });\n  }\n}","/*\n * Public API Surface of dynamic-toast\n */\n\nexport * from './lib/dynamic-snackbar';\nexport * from './lib/dynamic-snackbar.service';\nexport * from './lib/dynamic-snackbar.modal';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "devlab-one-dynamic-toast",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "@angular/common": "^21.2.0",
+    "@angular/core": "^21.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/devlab-one-dynamic-toast.mjs",
+  "typings": "types/devlab-one-dynamic-toast.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/devlab-one-dynamic-toast.d.ts",
+      "default": "./fesm2022/devlab-one-dynamic-toast.mjs"
+    }
+  },
+  "type": "module"
+}

package/types/devlab-one-dynamic-toast.d.ts

@@ -0,0 +1,40 @@
+import { MatSnackBarRef, MatSnackBar } from '@angular/material/snack-bar';
+import * as i0 from '@angular/core';
+
+type SnackbarType = 'success' | 'error' | 'warning' | 'info';
+interface SnackbarConfig {
+    title?: string;
+    message: string;
+    type?: SnackbarType;
+    duration?: number;
+    enableHtml?: boolean;
+    horizontalPosition?: 'start' | 'center' | 'end' | 'left' | 'right';
+    verticalPosition?: 'top' | 'bottom';
+    panelClass?: string[];
+    action?: string;
+}
+
+declare class DynamicSnackbar {
+    data: SnackbarConfig;
+    private snackBarRef;
+    constructor(data: SnackbarConfig, snackBarRef: MatSnackBarRef<DynamicSnackbar>);
+    close(): void;
+    get icon(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicSnackbar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicSnackbar, "lib-snackbar", never, {}, {}, never, never, true, never>;
+}
+
+declare class SnackbarService {
+    private snackBar;
+    constructor(snackBar: MatSnackBar);
+    show(config: SnackbarConfig): void;
+    success(message: string, title?: string): void;
+    error(message: string, title?: string): void;
+    warning(message: string, title?: string): void;
+    info(message: string, title?: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SnackbarService>;
+}
+
+export { DynamicSnackbar, SnackbarService };
+export type { SnackbarConfig, SnackbarType };