ngx-snotifire 1.0.0

package/lib/models/snotifire-config.interface.d.ts

@@ -0,0 +1,82 @@
+import { SafeHtml } from '@angular/platform-browser';
+import { ButtonsConfig } from '../components/buttons/buttons-config.interface';
+import { SnotifireAnimate } from './snotifire-animate.interface';
+import { SnotificationPositionType } from './snotifire-position.type';
+import { SnotifireType } from './snotifire.type';
+export interface SnotifireConfig {
+    /**
+     * Notification timeout in milliseconds.
+     * Disable timeout = 0
+     */
+    timeout?: number;
+    /**
+     * Enable/Disable progress bar.
+     * Disabled if timeout is 0.
+     */
+    showProgressBar?: boolean;
+    /**
+     * Type of toast, affects toast style.
+     * It's not recommended to change it.
+     * Depends on toast type.
+     */
+    type?: SnotifireType;
+    /**
+     * If the notification should dissapear on click
+     */
+    closeOnClick?: boolean;
+    /**
+     * If the timeout countdown should pause on hober
+     */
+    pauseOnHover?: boolean;
+    /**
+     * Buttons config.
+     */
+    buttons?: ButtonsConfig[];
+    /**
+     * Placeholder for Prompt toast
+     */
+    placeholder?: string;
+    /**
+     * Toast title maximum length
+     */
+    titleMaxLength?: number;
+    /**
+     * Toast body maximum length
+     */
+    bodyMaxLength?: number;
+    /**
+     * Activate custom icon.
+     * You should provide full tag, e.g.
+     * ```html
+     * <img src="assets/custom-icon.png"/>
+     * ```
+     * ```html
+     * <svg x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 48 48;" xml:space="preserve" width="48px" height="48px">
+     *     <g><path....../></g>
+     * </svg>
+     * ```
+     */
+    icon?: string;
+    /**
+     * Custom icon class.
+     */
+    iconClass?: string;
+    /**
+     * Animation config
+     */
+    animation?: SnotifireAnimate;
+    /**
+     * Html string witch overrides toast content
+     */
+    html?: string | SafeHtml;
+    /**
+     * Toasts position on screen
+     */
+    position?: SnotificationPositionType;
+    /**
+     * Backdrop opacity.
+     * * **Range:** `0.0 - 1.0`.
+     * * **Disabled:** `-1`
+     */
+    backdrop?: number;
+}

package/lib/models/snotifire-event.type.d.ts

@@ -0,0 +1,12 @@
+export declare enum SnotifireEventType {
+    MOUNTED = "mounted",
+    BEFORE_SHOW = "beforeShow",
+    SHOWN = "shown",
+    INPUT = "input",
+    CLICK = "click",
+    MOUSE_ENTER = "mouseenter",
+    MOUSE_LEAVE = "mouseleave",
+    BEFORE_HIDE = "beforeHide",
+    HIDDEN = "hidden",
+    DESTROYED = "destroyed"
+}

package/lib/models/snotifire-notifications.interface.d.ts

@@ -0,0 +1,12 @@
+import { NotifireModel } from '../components/toast/notifire-toast.model';
+export interface SnotifireNotifications {
+    leftTop?: NotifireModel[];
+    leftCenter?: NotifireModel[];
+    leftBottom?: NotifireModel[];
+    rightTop?: NotifireModel[];
+    rightCenter?: NotifireModel[];
+    rightBottom?: NotifireModel[];
+    centerTop?: NotifireModel[];
+    centerCenter?: NotifireModel[];
+    centerBottom?: NotifireModel[];
+}

package/lib/models/snotifire-position.type.d.ts

@@ -0,0 +1,11 @@
+export declare enum SnotificationPositionType {
+    LEFT_TOP = "leftTop",
+    LEFT_CENTER = "leftCenter",
+    LEFT_BOTTOM = "leftBottom",
+    RIGHT_TOP = "rightTop",
+    RIGHT_CENTER = "rightCenter",
+    RIGHT_BOTTOM = "rightBottom",
+    CENTER_TOP = "centerTop",
+    CENTER_CENTER = "centerCenter",
+    CENTER_BOTTOM = "centerBottom"
+}

package/lib/models/snotifire.model.d.ts

@@ -0,0 +1,39 @@
+import { SafeHtml } from '@angular/platform-browser';
+import { SnotifireConfig } from './snotifire-config.interface';
+import { SnotifireType } from './snotifire.type';
+export declare class SnotifireModel {
+    type?: SnotifireType | undefined;
+    /**
+     * Notification Title
+     */
+    title?: string | undefined;
+    /**
+     * Notification message
+     */
+    body?: string | undefined;
+    /**
+     * Config object
+     */
+    config?: SnotifireConfig | undefined;
+    /**
+     * Html content
+     */
+    html?: string | SafeHtml | undefined;
+    constructor(type?: SnotifireType | undefined, 
+    /**
+     * Notification Title
+     */
+    title?: string | undefined, 
+    /**
+     * Notification message
+     */
+    body?: string | undefined, 
+    /**
+     * Config object
+     */
+    config?: SnotifireConfig | undefined, 
+    /**
+     * Html content
+     */
+    html?: string | SafeHtml | undefined);
+}

package/lib/models/snotifire.type.d.ts

@@ -0,0 +1,9 @@
+export declare enum SnotifireType {
+    SUCCESS = "success",
+    INFO = "info",
+    WARNING = "warning",
+    ERROR = "error",
+    ASYNC = "async",
+    CONFIRM = "confirm",
+    PROMPT = "prompt"
+}

package/lib/ngx-snotifire.module.d.ts

@@ -0,0 +1,15 @@
+import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/prompt/prompt.component";
+import * as i2 from "./components/toast/toast.component";
+import * as i3 from "./components/buttons/buttons.component";
+import * as i4 from "./pipes/truncate.pipe";
+import * as i5 from "./pipes/keys.pipe";
+import * as i6 from "./components/ngx-notifire/ngx-snotifire.component";
+import * as i7 from "@angular/common";
+export declare class NgxSnotifireModule {
+    static forRoot(): ModuleWithProviders<NgxSnotifireModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxSnotifireModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxSnotifireModule, [typeof i1.PromptComponent, typeof i2.ToastComponent, typeof i3.ButtonsComponent, typeof i4.TruncatePipe, typeof i5.KeysPipe, typeof i6.NgxSnotifireComponent], [typeof i7.CommonModule], [typeof i6.NgxSnotifireComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NgxSnotifireModule>;
+}

package/lib/pipes/index.d.ts

@@ -0,0 +1,2 @@
+export * from './keys.pipe';
+export * from './truncate.pipe';

package/lib/pipes/keys.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class KeysPipe implements PipeTransform {
+    transform(value: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KeysPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<KeysPipe, "keys", false>;
+}

package/lib/pipes/truncate.pipe.d.ts

@@ -0,0 +1,9 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TruncatePipe implements PipeTransform {
+    private readonly DEFAULT_LIMIT;
+    private readonly DEFAULT_TRAIL;
+    transform(value: string, ...args: Array<any>): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TruncatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TruncatePipe, "truncate", false>;
+}

package/lib/services/index.d.ts

@@ -0,0 +1 @@
+export * from './notification.service';

package/lib/services/notification.service.d.ts

@@ -0,0 +1,264 @@
+import { SafeHtml } from '@angular/platform-browser';
+import { Observable, Subject } from 'rxjs';
+import { SnotifireConfig } from '../models';
+import { NotificationDefaults } from '../defaults/defaults.interface';
+import { SnotifireModel } from '../models/snotifire.model';
+import { NotifireModel } from '../components/toast/notifire-toast.model';
+import * as i0 from "@angular/core";
+export declare class SnotificationService {
+    defaultConfig: NotificationDefaults;
+    /**
+     * Minimum display time of the notification message
+     */
+    private readonly minimumDisplayedTime;
+    /**
+     * Emits Notifire Notifications
+     */
+    readonly emitter: Subject<NotifireModel[]>;
+    readonly toastDeleted: Subject<number>;
+    readonly toastChanged: Subject<NotifireModel>;
+    notifications: Array<NotifireModel>;
+    constructor(defaultConfig: NotificationDefaults);
+    /**
+     * Creates toast and add it to array, returns toast id
+     * @param NotificationModel NotificationModel
+     * @return number
+     */
+    create(notif: SnotifireModel): NotifireModel;
+    /**
+     * If ID passed, emits toast animation remove, if ID & REMOVE passed, removes toast from notifications array
+     * @param id number
+     * @param remove boolean
+     */
+    remove(id: number, remove?: boolean): void;
+    setDefaults(defaults: NotificationDefaults): NotificationDefaults;
+    /**
+     * Clear notifications array
+     */
+    clear(): void;
+    /**
+     * add NotifireToast to notifications array
+     * @param toast NotifireToast
+     */
+    private add;
+    /**
+     * emit changes in notifications array
+     */
+    private emit;
+    /**
+     * checks if the toast is in the collection.
+     * @param inToast NotifireToast
+     * @returns boolean
+     */
+    private containsToast;
+    /**
+     * Creates empty toast with html string inside
+     * @param html string | SafeHtml
+     * @param config NotifireConfig
+     * @returns number
+     */
+    html(html: string | SafeHtml, config?: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with success style returns toast id;
+     * @param body string
+     * @returns number
+     */
+    success(body: string): NotifireModel;
+    /**
+     * Create toast with success style returns toast id;
+     * @param body string
+     * @param title string
+     * @returns number
+     */
+    success(body: string, title: string): NotifireModel;
+    /**
+     * Create toast with success style returns toast id;
+     * @param body string
+     * @param config NotificationConfig
+     * @returns number
+     */
+    success(body: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with success style  returns toast id;
+     * @param [body] string
+     * @param [title] string
+     * @param [config] NotificationConfig
+     * @returns number
+     */
+    success(body: string, title: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with error style returns toast id;
+     * @param body string
+     * @returns number
+     */
+    error(body: string): NotifireModel;
+    /**
+     * Create toast with error style returns toast id;
+     * @param body string
+     * @param title string
+     * @returns number
+     */
+    error(body: string, title: string): NotifireModel;
+    /**
+     * Create toast with error style returns toast id;
+     * @param body string
+     * @param config NotificationConfig
+     * @returns number
+     */
+    error(body: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with error style  returns toast id;
+     * @param [body] string
+     * @param [title] string
+     * @param [config] NotificationConfig
+     * @returns number
+     */
+    error(body: string, title: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with info style returns toast id;
+     * @param body string
+     * @returns number
+     */
+    info(body: string): NotifireModel;
+    /**
+     * Create toast with info style returns toast id;
+     * @param body string
+     * @param title string
+     * @returns number
+     */
+    info(body: string, title: string): NotifireModel;
+    /**
+     * Create toast with info style returns toast id;
+     * @param body string
+     * @param config NotificationConfig
+     * @returns number
+     */
+    info(body: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with info style  returns toast id;
+     * @param [body] string
+     * @param [title] string
+     * @param [config] NotificationConfig
+     * @returns number
+     */
+    info(body: string, title: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with warning style returns toast id;
+     * @param body string
+     * @returns number
+     */
+    warning(body: string): NotifireModel;
+    /**
+     * Create toast with warning style returns toast id;
+     * @param body string
+     * @param title string
+     * @returns number
+     */
+    warning(body: string, title: string): NotifireModel;
+    /**
+     * Create toast with warning style returns toast id;
+     * @param body string
+     * @param config NotificationConfig
+     * @returns number
+     */
+    warning(body: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with warning style  returns toast id;
+     * @param [body] string
+     * @param [title] string
+     * @param [config] NotificationConfig
+     * @returns number
+     */
+    warning(body: string, title: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with confirm style returns toast id;
+     * @param body string
+     * @returns number
+     */
+    confirm(body: string): NotifireModel;
+    /**
+     * Create toast with confirm style returns toast id;
+     * @param body string
+     * @param title string
+     * @returns number
+     */
+    confirm(body: string, title: string): NotifireModel;
+    /**
+     * Create toast with confirm style returns toast id;
+     * @param body string
+     * @param config NotificationConfig
+     * @returns number
+     */
+    confirm(body: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with confirm style  returns toast id;
+     * @param [body] string
+     * @param [title] string
+     * @param [config] NotificationConfig
+     * @returns number
+     */
+    confirm(body: string, title: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with Prompt style with two buttons, returns toast id;
+     * @param body string
+     * @returns number
+     */
+    prompt(body: string): NotifireModel;
+    /**
+     * Create toast with Prompt style with two buttons, returns toast id;
+     * @param body string
+     * @param title string
+     * @returns number
+     */
+    prompt(body: string, title: string): NotifireModel;
+    /**
+     * Create toast with Prompt style with two buttons, returns toast id;
+     * @param body string
+     * @param config NotificationConfig
+     * @returns number
+     */
+    prompt(body: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Create toast with Prompt style with two buttons, returns toast id;
+     * @param [body] string
+     * @param [title] string
+     * @param [config] NotificationConfig
+     * @returns number
+     */
+    prompt(body: string, title: string, config: SnotifireConfig): NotifireModel;
+    /**
+     * Creates async toast with Info style. Pass action, and resolve or reject it.
+     * @param body string
+     * @param action Promise<NotificationModel> | Observable<NotificationModel>
+     * @returns number
+     */
+    async(body: string, action: Promise<SnotifireModel> | Observable<SnotifireModel>): NotifireModel;
+    /**
+     * Creates async toast with Info style. Pass action, and resolve or reject it.
+     * @param body string
+     * @param title string
+     * @param action Promise<NotificationModel> | Observable<NotificationModel>
+     * @returns number
+     */
+    async(body: string, title: string, action: Promise<SnotifireModel> | Observable<SnotifireModel>): NotifireModel;
+    /**
+     * Creates async toast with Info style. Pass action, and resolve or reject it.
+     * @param body string
+     * @param action Promise<NotificationModel> | Observable<NotificationModel>
+     * @param [config] NotificationConfig
+     * @returns number
+     */
+    async(body: string, action: Promise<SnotifireModel> | Observable<SnotifireModel>, config: SnotifireConfig): NotifireModel;
+    /**
+     * Creates async toast with Info style. Pass action, and resolve or reject it.
+     * @param body string
+     * @param title string
+     * @param action Promise<NotificationModel> | Observable<NotificationModel>
+     * @param [config] NotificationConfig
+     * @returns number
+     */
+    async(body: string, title: string, action: Promise<SnotifireModel> | Observable<SnotifireModel>, config: SnotifireConfig): NotifireModel;
+    private mergeToast;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnotificationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SnotificationService>;
+}

package/lib/utils.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Deep merge objects.
+ * @param sources Array<Object<any>>
+ * @returns Object<any>
+ */
+export declare function mergeDeep(...sources: any): any;
+/**
+ * Generates random id
+ * @return number
+ */
+export declare function uuid(): number;
+/**
+ * Simple is object check.
+ * @param item Object<any>
+ * @returns boolean
+ */
+export declare function isObject(item: any): boolean;

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "ngx-snotifire",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "@angular/common": "^14.2.0",
+    "@angular/core": "^14.2.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2015/ngx-snotifire.mjs",
+  "es2020": "fesm2020/ngx-snotifire.mjs",
+  "esm2020": "esm2020/ngx-snotifire.mjs",
+  "fesm2020": "fesm2020/ngx-snotifire.mjs",
+  "fesm2015": "fesm2015/ngx-snotifire.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/ngx-snotifire.mjs",
+      "es2020": "./fesm2020/ngx-snotifire.mjs",
+      "es2015": "./fesm2015/ngx-snotifire.mjs",
+      "node": "./fesm2015/ngx-snotifire.mjs",
+      "default": "./fesm2020/ngx-snotifire.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/ngx-snotifire.module';
+export * from './lib/components';
+export * from './lib/models';
+export * from './lib/pipes';
+export * from './lib/services';
+export * from './lib/defaults';