@bravobit/bb-foundation 0.15.5 → 0.16.2

package/fesm2015/bravobit-bb-foundation-notifications.mjs

@@ -0,0 +1,377 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, HostBinding, Injectable, Optional, NgModule } from '@angular/core';
+import { trigger, transition, query, group, style, stagger, animate } from '@angular/animations';
+import * as i1 from '@bravobit/bb-foundation';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2$1 from '@bravobit/bb-foundation/localize';
+import { LocalizeModule } from '@bravobit/bb-foundation/localize';
+import { BehaviorSubject } from 'rxjs';
+import { share } from 'rxjs/operators';
+
+var NotificationType;
+(function (NotificationType) {
+    NotificationType["Success"] = "success";
+    NotificationType["Error"] = "error";
+    NotificationType["Warning"] = "warning";
+    NotificationType["Info"] = "info";
+    NotificationType["Custom"] = "custom";
+})(NotificationType || (NotificationType = {}));
+class NotificationsConfig {
+}
+var NotificationsPosition;
+(function (NotificationsPosition) {
+    NotificationsPosition["TopRight"] = "flex-start|flex-end";
+    NotificationsPosition["BottomRight"] = "flex-end|flex-end";
+    NotificationsPosition["TopLeft"] = "flex-start|flex-start";
+    NotificationsPosition["BottomLeft"] = "flex-end|flex-start";
+})(NotificationsPosition || (NotificationsPosition = {}));
+class NotificationsData {
+}
+
+const s = '250ms cubic-bezier(0, 0, .2, 1)';
+const l = '400ms cubic-bezier(0, 0, .2, 1)';
+const notificationAnimation = trigger('notificationListAnimation', [
+    transition('* => *', [
+        query(':enter', group([
+            // 1. Set the initial state.
+            style({ height: 0, opacity: 0, transform: 'translateX({{ to }}%) scale(0.95)' }),
+            // 2. Start the animation to show the item.
+            stagger(0, [
+                animate(s, style({ height: '*' })),
+                animate(l, style({ opacity: 1, transform: 'translateX(0) scale(0.95)' })),
+                animate(s, style({ transform: 'translateX(0) scale(1)' }))
+            ])
+        ]), { optional: true }),
+        query(':leave', group([
+            // 1. Set the initial state.
+            style({ height: '*', opacity: 1, transform: 'translateX(0) scale(1)' }),
+            // 2. Start the animation to hide the item.
+            stagger(0, [
+                animate(s, style({ transform: 'translateX(0) scale(0.95)' })),
+                animate(l, style({ opacity: 0, transform: 'translateX({{ to }}%) scale(0.95)' })),
+                animate(s, style({ height: 0 }))
+            ])
+        ]), { optional: true })
+    ])
+]);
+
+class BbNotificationsItem {
+    constructor(_zone, _platform, _changeDetection) {
+        this._zone = _zone;
+        this._platform = _platform;
+        this._changeDetection = _changeDetection;
+        // Data.
+        this._progress = 0;
+        this._count = 0;
+        // Data.
+        this._radius = 19;
+        this._circumference = this._radius * 2 * Math.PI;
+        this.callActionAndDestroy = (notification, action) => {
+            // Perform the callback (if it exists).
+            action && action.callback && action.callback();
+            // Call the destroy method (if it exists).
+            notification && notification.destroy && notification.destroy();
+        };
+        this.instance = () => {
+            // Calculate the difference.
+            this._difference = (Date.now() - this._startTime) - (this._count * this._speed);
+            // Add up the count.
+            if (this._count++ === this._steps) {
+                this.notification.destroy();
+            }
+            // Add the steps to the progress.
+            this._progress += 100 / this._steps;
+            // Set a new timer.
+            this._timer = this.setTimeout(this.instance, this._speed - this._difference);
+            // Run a new change detection cycle.
+            this._zone.run(() => this._changeDetection.detectChanges());
+        };
+        this.setTimeout = (method, timeout) => {
+            // Check if the window and method exist.
+            if (!window || !window.setTimeout) {
+                return null;
+            }
+            return window.setTimeout(method, timeout);
+        };
+    }
+    get getClass() {
+        return `bb-notifications-item ${this.notification.type}`;
+    }
+    get progressStrokeArray() {
+        const value = Math.floor(this._circumference);
+        return `${value}, ${value}`;
+    }
+    get progressStrokeOffset() {
+        return Math.floor(this._circumference - this._progress / 100 * this._circumference);
+    }
+    get isContentString() {
+        return typeof this.notification.content === 'string';
+    }
+    ngOnInit() {
+        // Check if the notification timeout is not 0 and the platform is a browser.
+        if (this.notification.timeout <= 0 || !this._platform.isBrowser) {
+            this.notification.dismiss = true;
+            return;
+        }
+        // Start the timeout.
+        this.startTimeout();
+    }
+    ngOnDestroy() {
+        // Clear the timeout if it was set.
+        this._timer && window && window.clearTimeout && window.clearTimeout(this._timer);
+    }
+    startTimeout() {
+        // Calculate the steps of the timeout.
+        this._steps = this.notification.timeout / 10;
+        // Calculate the speed of the timeout.
+        this._speed = this.notification.timeout / this._steps;
+        // Get the start time.
+        this._startTime = Date.now();
+        // Set a new timer outside of Angular.
+        this._zone.runOutsideAngular(() => this._timer = this.setTimeout(this.instance, this._speed));
+    }
+}
+BbNotificationsItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbNotificationsItem, deps: [{ token: i0.NgZone }, { token: i1.Platform }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BbNotificationsItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: BbNotificationsItem, selector: "bb-notifications-item", inputs: { notification: "notification", dismissButtonText: "dismissButtonText" }, host: { attributes: { "role": "alert" }, properties: { "class": "this.getClass" } }, viewQueries: [{ propertyName: "progressElementRef", first: true, predicate: ["progress"], descendants: true }], ngImport: i0, template: "<div class=\"notification-content-wrapper\">\n    <!--\n        The icon for the notification.\n\n        The icon is reflected by the type of the\n        notification. Same goes for the color and\n        background-color.\n    -->\n    <div [style.color]=\"notification?.color\"\n         [style.background-color]=\"notification?.backgroundColor\"\n         class=\"notification-icon-wrapper\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\"\n             viewBox=\"0 0 16 19.5\"\n             class=\"notification-icon\">\n            <path\n                d=\"M8 19.5c1.1 0 2-.9 2-2H6c0 1.1.9 2 2 2zM14 13.5v-5c0-3.1-1.6-5.6-4.5-6.3v-.7C9.5.7 8.8 0 8 0S6.5.7 6.5 1.5v.7C3.6 2.9 2 5.4 2 8.5v5l-2 2v1h16v-1l-2-2z\">\n            </path>\n        </svg>\n\n        <!--\n            The circular progress for the notification.\n\n            The progress is only visible when a timeout is\n            set. The progress adapts to the time remaining\n            for the notification.\n        -->\n        <svg *ngIf=\"notification?.timeout > 0\"\n             class=\"notification-progress-ring\"\n             viewBox=\"0 0 40 40\"\n             role=\"progressbar\">\n            <circle #progress\n                    [attr.stroke-dasharray]=\"progressStrokeArray\"\n                    [attr.stroke-dashoffset]=\"progressStrokeOffset\"\n                    [style.stroke]=\"notification?.color\"\n                    class=\"notification-progress-circle\"\n                    stroke-width=\"2\"\n                    fill=\"transparent\"\n                    r=\"19\"\n                    cx=\"20\"\n                    cy=\"20\">\n            </circle>\n        </svg>\n    </div>\n\n    <!--\n        The content for the notification.\n\n        This displays a string or a template based\n        on the given parameter by the user.\n    -->\n    <div class=\"notification-content\">\n        <ng-container *ngIf=\"isContentString; else templateContent\"\n                      [ngSwitch]=\"notification?.localize\">\n            <ng-container *ngSwitchCase=\"true\">\n                {{ $any(notification?.content) | bbLocalize:{data: notification?.data} }}\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                {{ notification?.content }}\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<!--\n    The actions of the notification.\n\n    All actions are displayed here and are\n    based on the actions array the user provided.\n-->\n<div *ngIf=\"notification?.actions?.length > 0 || notification?.dismiss\"\n     class=\"notification-actions\">\n    <button *ngFor=\"let action of notification?.actions\"\n            (click)=\"callActionAndDestroy(notification, action)\"\n            type=\"button\"\n            [class.destructive]=\"action?.type === 'cancel'\"\n            class=\"notification-actions-button\">\n        <span [ngSwitch]=\"notification?.localize\"\n              class=\"notification-actions-button-highlight\">\n            <ng-container *ngSwitchCase=\"true\">\n                {{ action?.title | bbLocalize:{data: notification?.data} }}\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                {{ action?.title }}\n            </ng-container>\n        </span>\n    </button>\n    <button *ngIf=\"notification?.dismiss\"\n            (click)=\"notification?.destroy()\"\n            class=\"notification-actions-button destructive\"\n            type=\"button\">\n        <span class=\"notification-actions-button-highlight\">\n            {{ notification?.dismissText || dismissButtonText }}\n        </span>\n    </button>\n</div>\n\n<!--\n    The outlet for the notification content template ref.\n-->\n<ng-template #templateContent>\n    <ng-container *ngTemplateOutlet=\"$any(notification?.content)\"></ng-container>\n</ng-template>\n", styles: [".bb-notifications-item{display:flex;border-radius:4px;flex-direction:column;background-color:#fff;border:1px solid #d6dbe0}.bb-notifications-item.success .notification-icon-wrapper{color:#2dc05d;background-color:#ebfaf0}.bb-notifications-item.success .notification-progress-circle{stroke:#36d068}.bb-notifications-item.error .notification-icon-wrapper{color:#f43e3e;background-color:#feeeee}.bb-notifications-item.error .notification-progress-circle{stroke:#f55656}.bb-notifications-item.warning .notification-icon-wrapper{color:#f1ae00;background-color:#fff8e7}.bb-notifications-item.warning .notification-progress-circle{stroke:#ffbc0b}.bb-notifications-item.info .notification-icon-wrapper{color:#099bf6;background-color:#e9f6fe}.bb-notifications-item.info .notification-progress-circle{stroke:#22a5f7}.bb-notifications-item.custom .notification-icon-wrapper{color:#657385;background-color:#f3f5f6}.bb-notifications-item.custom .notification-progress-circle{stroke:#657385}.notification-content-wrapper{padding:20px;display:flex;align-items:center}.notification-icon-wrapper{width:40px;height:40px;display:flex;-webkit-user-select:none;user-select:none;position:relative;border-radius:50%;align-items:center;justify-content:center;color:#657385;background-color:#f3f5f6}.notification-icon{width:100%;height:100%;padding:10px;fill:currentColor}.notification-content{flex:1;font-size:14px;line-height:1.5;font-weight:500;margin-left:20px;color:#000000d9}.notification-content i{font-style:italic}.notification-content,.notification-actions-button{font-family:inherit}.notification-actions{display:flex;margin:0 20px;-webkit-user-select:none;user-select:none;border-top:1px solid #f3f5f6}.notification-actions-button{flex:1;border:none;color:#22a5f7;cursor:pointer;font-size:14px;font-weight:500;padding:12px 2px;text-align:center;background-color:transparent}.notification-actions-button:hover>.notification-actions-button-highlight,.notification-actions-button:focus>.notification-actions-button-highlight{background-color:#22a5f71a}.notification-actions-button:active>.notification-actions-button-highlight{background-color:#22a5f733}.notification-actions-button.destructive{color:#f55656}.notification-actions-button.destructive:hover>.notification-actions-button-highlight,.notification-actions-button.destructive:focus>.notification-actions-button-highlight{background-color:#f556561a}.notification-actions-button.destructive:active>.notification-actions-button-highlight{background-color:#f5565633}.notification-actions-button-highlight{padding:4px 12px;border-radius:12px;display:inline-flex;transition:background-color .15s cubic-bezier(0,0,.2,1)}.notification-progress-ring{top:0;left:0;right:0;bottom:0;width:100%;height:100%;position:absolute}.notification-progress-circle{transform:rotate(-90deg);transform-origin:50% 50%;stroke:#657385}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "bbLocalize": i2$1.BbLocalize }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbNotificationsItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-notifications-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: {
+                        'role': 'alert'
+                    }, template: "<div class=\"notification-content-wrapper\">\n    <!--\n        The icon for the notification.\n\n        The icon is reflected by the type of the\n        notification. Same goes for the color and\n        background-color.\n    -->\n    <div [style.color]=\"notification?.color\"\n         [style.background-color]=\"notification?.backgroundColor\"\n         class=\"notification-icon-wrapper\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\"\n             viewBox=\"0 0 16 19.5\"\n             class=\"notification-icon\">\n            <path\n                d=\"M8 19.5c1.1 0 2-.9 2-2H6c0 1.1.9 2 2 2zM14 13.5v-5c0-3.1-1.6-5.6-4.5-6.3v-.7C9.5.7 8.8 0 8 0S6.5.7 6.5 1.5v.7C3.6 2.9 2 5.4 2 8.5v5l-2 2v1h16v-1l-2-2z\">\n            </path>\n        </svg>\n\n        <!--\n            The circular progress for the notification.\n\n            The progress is only visible when a timeout is\n            set. The progress adapts to the time remaining\n            for the notification.\n        -->\n        <svg *ngIf=\"notification?.timeout > 0\"\n             class=\"notification-progress-ring\"\n             viewBox=\"0 0 40 40\"\n             role=\"progressbar\">\n            <circle #progress\n                    [attr.stroke-dasharray]=\"progressStrokeArray\"\n                    [attr.stroke-dashoffset]=\"progressStrokeOffset\"\n                    [style.stroke]=\"notification?.color\"\n                    class=\"notification-progress-circle\"\n                    stroke-width=\"2\"\n                    fill=\"transparent\"\n                    r=\"19\"\n                    cx=\"20\"\n                    cy=\"20\">\n            </circle>\n        </svg>\n    </div>\n\n    <!--\n        The content for the notification.\n\n        This displays a string or a template based\n        on the given parameter by the user.\n    -->\n    <div class=\"notification-content\">\n        <ng-container *ngIf=\"isContentString; else templateContent\"\n                      [ngSwitch]=\"notification?.localize\">\n            <ng-container *ngSwitchCase=\"true\">\n                {{ $any(notification?.content) | bbLocalize:{data: notification?.data} }}\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                {{ notification?.content }}\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<!--\n    The actions of the notification.\n\n    All actions are displayed here and are\n    based on the actions array the user provided.\n-->\n<div *ngIf=\"notification?.actions?.length > 0 || notification?.dismiss\"\n     class=\"notification-actions\">\n    <button *ngFor=\"let action of notification?.actions\"\n            (click)=\"callActionAndDestroy(notification, action)\"\n            type=\"button\"\n            [class.destructive]=\"action?.type === 'cancel'\"\n            class=\"notification-actions-button\">\n        <span [ngSwitch]=\"notification?.localize\"\n              class=\"notification-actions-button-highlight\">\n            <ng-container *ngSwitchCase=\"true\">\n                {{ action?.title | bbLocalize:{data: notification?.data} }}\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                {{ action?.title }}\n            </ng-container>\n        </span>\n    </button>\n    <button *ngIf=\"notification?.dismiss\"\n            (click)=\"notification?.destroy()\"\n            class=\"notification-actions-button destructive\"\n            type=\"button\">\n        <span class=\"notification-actions-button-highlight\">\n            {{ notification?.dismissText || dismissButtonText }}\n        </span>\n    </button>\n</div>\n\n<!--\n    The outlet for the notification content template ref.\n-->\n<ng-template #templateContent>\n    <ng-container *ngTemplateOutlet=\"$any(notification?.content)\"></ng-container>\n</ng-template>\n", styles: [".bb-notifications-item{display:flex;border-radius:4px;flex-direction:column;background-color:#fff;border:1px solid #d6dbe0}.bb-notifications-item.success .notification-icon-wrapper{color:#2dc05d;background-color:#ebfaf0}.bb-notifications-item.success .notification-progress-circle{stroke:#36d068}.bb-notifications-item.error .notification-icon-wrapper{color:#f43e3e;background-color:#feeeee}.bb-notifications-item.error .notification-progress-circle{stroke:#f55656}.bb-notifications-item.warning .notification-icon-wrapper{color:#f1ae00;background-color:#fff8e7}.bb-notifications-item.warning .notification-progress-circle{stroke:#ffbc0b}.bb-notifications-item.info .notification-icon-wrapper{color:#099bf6;background-color:#e9f6fe}.bb-notifications-item.info .notification-progress-circle{stroke:#22a5f7}.bb-notifications-item.custom .notification-icon-wrapper{color:#657385;background-color:#f3f5f6}.bb-notifications-item.custom .notification-progress-circle{stroke:#657385}.notification-content-wrapper{padding:20px;display:flex;align-items:center}.notification-icon-wrapper{width:40px;height:40px;display:flex;-webkit-user-select:none;user-select:none;position:relative;border-radius:50%;align-items:center;justify-content:center;color:#657385;background-color:#f3f5f6}.notification-icon{width:100%;height:100%;padding:10px;fill:currentColor}.notification-content{flex:1;font-size:14px;line-height:1.5;font-weight:500;margin-left:20px;color:#000000d9}.notification-content i{font-style:italic}.notification-content,.notification-actions-button{font-family:inherit}.notification-actions{display:flex;margin:0 20px;-webkit-user-select:none;user-select:none;border-top:1px solid #f3f5f6}.notification-actions-button{flex:1;border:none;color:#22a5f7;cursor:pointer;font-size:14px;font-weight:500;padding:12px 2px;text-align:center;background-color:transparent}.notification-actions-button:hover>.notification-actions-button-highlight,.notification-actions-button:focus>.notification-actions-button-highlight{background-color:#22a5f71a}.notification-actions-button:active>.notification-actions-button-highlight{background-color:#22a5f733}.notification-actions-button.destructive{color:#f55656}.notification-actions-button.destructive:hover>.notification-actions-button-highlight,.notification-actions-button.destructive:focus>.notification-actions-button-highlight{background-color:#f556561a}.notification-actions-button.destructive:active>.notification-actions-button-highlight{background-color:#f5565633}.notification-actions-button-highlight{padding:4px 12px;border-radius:12px;display:inline-flex;transition:background-color .15s cubic-bezier(0,0,.2,1)}.notification-progress-ring{top:0;left:0;right:0;bottom:0;width:100%;height:100%;position:absolute}.notification-progress-circle{transform:rotate(-90deg);transform-origin:50% 50%;stroke:#657385}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.Platform }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { notification: [{
+                type: Input
+            }], dismissButtonText: [{
+                type: Input
+            }], progressElementRef: [{
+                type: ViewChild,
+                args: ['progress']
+            }], getClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class BbNotificationsList {
+    constructor(data) {
+        this.data = data;
+        // Data.
+        this.position = null;
+        // Track by function.
+        this.trackByFn = (_, item) => item.id;
+    }
+    get horizontalPosition() {
+        return this.location.horizontal;
+    }
+    get verticalPosition() {
+        return this.location.vertical;
+    }
+    get animation() {
+        const to = this.horizontalPosition === 'flex-start'
+            ? -50
+            : 50;
+        return { to };
+    }
+    get location() {
+        const [y, x] = (this.data.position || '').split('|');
+        return { vertical: y || null, horizontal: x || null };
+    }
+}
+BbNotificationsList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbNotificationsList, deps: [{ token: NotificationsData }], target: i0.ɵɵFactoryTarget.Component });
+BbNotificationsList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: BbNotificationsList, selector: "bb-notifications-list", host: { attributes: { "role": "list" }, properties: { "style.justify-content": "this.horizontalPosition", "style.align-items": "this.verticalPosition" }, classAttribute: "bb-notifications-list" }, ngImport: i0, template: "<!--\n    The notifications list.\n\n    The list provides the animation effect for the\n    incoming notifications.\n-->\n<div *ngIf=\"data?.data | async as notifications\"\n     [@notificationListAnimation]=\"{value: notifications?.length, params: animation}\"\n     class=\"notifications-list-wrapper\">\n    <!--\n        The loop for the notifications.\n\n        All notifications will be displayed here. They\n        are wrapped within a wrapper which separates them.\n    -->\n    <div *ngFor=\"let notification of notifications; trackBy: trackByFn\"\n         class=\"notifications-item-wrapper\">\n        <bb-notifications-item [notification]=\"notification\"\n                               [dismissButtonText]=\"data?.dismissText\">\n        </bb-notifications-item>\n    </div>\n</div>\n", styles: [".bb-notifications-list{top:0;left:0;right:0;bottom:0;z-index:1100;padding:10px;display:flex;position:fixed;pointer-events:none}.notifications-list-wrapper{width:100%;display:block;max-width:400px;position:relative}.notifications-item-wrapper{padding:0;margin:0 0 10px;pointer-events:all}\n"], components: [{ type: BbNotificationsItem, selector: "bb-notifications-item", inputs: ["notification", "dismissButtonText"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe }, animations: [notificationAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: BbNotificationsList, decorators: [{
+            type: Component,
+            args: [{ selector: 'bb-notifications-list', animations: [notificationAnimation], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, host: {
+                        'class': 'bb-notifications-list',
+                        'role': 'list'
+                    }, template: "<!--\n    The notifications list.\n\n    The list provides the animation effect for the\n    incoming notifications.\n-->\n<div *ngIf=\"data?.data | async as notifications\"\n     [@notificationListAnimation]=\"{value: notifications?.length, params: animation}\"\n     class=\"notifications-list-wrapper\">\n    <!--\n        The loop for the notifications.\n\n        All notifications will be displayed here. They\n        are wrapped within a wrapper which separates them.\n    -->\n    <div *ngFor=\"let notification of notifications; trackBy: trackByFn\"\n         class=\"notifications-item-wrapper\">\n        <bb-notifications-item [notification]=\"notification\"\n                               [dismissButtonText]=\"data?.dismissText\">\n        </bb-notifications-item>\n    </div>\n</div>\n", styles: [".bb-notifications-list{top:0;left:0;right:0;bottom:0;z-index:1100;padding:10px;display:flex;position:fixed;pointer-events:none}.notifications-list-wrapper{width:100%;display:block;max-width:400px;position:relative}.notifications-item-wrapper{padding:0;margin:0 0 10px;pointer-events:all}\n"] }]
+        }], ctorParameters: function () { return [{ type: NotificationsData }]; }, propDecorators: { horizontalPosition: [{
+                type: HostBinding,
+                args: ['style.justify-content']
+            }], verticalPosition: [{
+                type: HostBinding,
+                args: ['style.align-items']
+            }] } });
+
+class NotificationsInjector {
+    constructor(_parentInjector, _additionalTokens) {
+        this._parentInjector = _parentInjector;
+        this._additionalTokens = _additionalTokens;
+    }
+    get(token, notFoundValue) {
+        // First check if the additional token
+        // contains the token.
+        const value = this._additionalTokens.get(token);
+        // If that value exists return it.
+        if (value) {
+            return value;
+        }
+        // Else query the parent injector.
+        return this._parentInjector.get(token, notFoundValue);
+    }
+}
+
+class Notifications {
+    constructor(_injector, _platform, _applicationRef, _localize, _config, _componentFactoryResolver) {
+        this._injector = _injector;
+        this._platform = _platform;
+        this._applicationRef = _applicationRef;
+        this._localize = _localize;
+        this._config = _config;
+        this._componentFactoryResolver = _componentFactoryResolver;
+        // The data containing the notifications.
+        this._notifications$ = new BehaviorSubject([]);
+        this.getProperty = (property, defaultValue) => {
+            return typeof property === 'undefined'
+                ? defaultValue
+                : property;
+        };
+        // Get the config.
+        const config = this._config || {};
+        // Set the config.
+        this._defaultMode = this.getProperty(config.mode, 'prepend');
+        this._defaultTimeout = this.getProperty(config.timeout, 8000);
+        this._defaultLocalize = this.getProperty(config.localize, false);
+        this._defaultDismiss = this.getProperty(config.dismiss, true);
+        this._defaultDismissText = this.getProperty(config.dismissText, 'Dismiss');
+        this._defaultPosition = this.getProperty(config.position, NotificationsPosition.TopRight);
+        // Create the element that holds all notifications.
+        this.createElement();
+    }
+    success(content, actions = [], timeout = this._defaultTimeout) {
+        return this.create({ content, timeout, actions, type: NotificationType.Success });
+    }
+    error(content, actions = [], timeout = this._defaultTimeout) {
+        return this.create({ content, timeout, actions, type: NotificationType.Error });
+    }
+    warn(content, actions = [], timeout = this._defaultTimeout) {
+        return this.create({ content, timeout, actions, type: NotificationType.Warning });
+    }
+    info(content, actions = [], timeout = this._defaultTimeout) {
+        return this.create({ content, timeout, actions, type: NotificationType.Info });
+    }
+    create(notification) {
+        // Compose a new notification item.
+        const item = this.compose(notification);
+        // Add the destroy function to the notification.
+        item.destroy = () => this.pull(item);
+        // Add the notification to the list
+        // and return the item.
+        return this.push(item);
+    }
+    push(notification) {
+        // Get the current list.
+        const oldList = this._notifications$.getValue();
+        // Check which mode is activated.
+        let newList;
+        switch (this._defaultMode) {
+            case 'append':
+                newList = [...oldList, notification];
+                break;
+            case 'prepend':
+            default:
+                newList = [notification, ...oldList];
+        }
+        // Push the new notifications.
+        this._notifications$.next(newList);
+        // Return the notification for further use.
+        return notification;
+    }
+    pull(notification) {
+        // Get the current list.
+        const newList = this._notifications$
+            .getValue()
+            .filter(item => item.id !== notification.id);
+        // Push a new list.
+        this._notifications$.next(newList);
+    }
+    compose(notification) {
+        // Attach a random id to the notification.
+        notification.id = Math.random().toString(36).substr(2, 10);
+        // Set all properties.
+        notification.type = this.getProperty(notification.type, NotificationType.Custom);
+        notification.content = this.getProperty(notification.content, null);
+        notification.data = this.getProperty(notification.data, {});
+        notification.timeout = this.getProperty(notification.timeout, this._defaultTimeout);
+        notification.localize = this.getProperty(notification.localize, this._defaultLocalize);
+        notification.dismiss = this.getProperty(notification.dismiss, this._defaultDismiss);
+        // Dismiss text localization.
+        const dismissText = this.getProperty(notification.dismissText, this._defaultDismissText);
+        notification.dismissText = this._defaultLocalize && this._localize
+            ? this._localize.translate(dismissText)
+            : dismissText;
+        // Return the composed notification.
+        return notification;
+    }
+    createElement() {
+        // Create a map with the config.
+        const map = new WeakMap();
+        map.set(NotificationsData, {
+            data: this._notifications$.pipe(share()),
+            dismissText: this._defaultDismissText,
+            position: this._defaultPosition
+        });
+        // Create a custom injector.
+        const notificationsInjector = new NotificationsInjector(this._injector, map);
+        // Create the notification list and
+        // get a reference to the component.
+        this._ref = this._componentFactoryResolver
+            .resolveComponentFactory(BbNotificationsList)
+            .create(notificationsInjector);
+        // Detect the changes.
+        this._ref.changeDetectorRef.detectChanges();
+        // Attach the component's view to the application
+        // so that the change detection will run properly.
+        this._applicationRef.attachView(this._ref.hostView);
+        // If the platform is not a browser return.
+        if (!this._platform.isBrowser) {
+            return;
+        }
+        try {
+            // Append the element to the DOM.
+            document.body.appendChild(this._ref.location.nativeElement);
+        }
+        catch (_a) {
+            // Don't do anything, because it must've failed.
+        }
+    }
+}
+Notifications.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: Notifications, deps: [{ token: i0.Injector }, { token: i1.Platform }, { token: i0.ApplicationRef }, { token: i2$1.Localize, optional: true }, { token: NotificationsConfig, optional: true }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable });
+Notifications.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: Notifications });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: Notifications, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: i0.Injector }, { type: i1.Platform }, { type: i0.ApplicationRef }, { type: i2$1.Localize, decorators: [{
+                        type: Optional
+                    }] }, { type: NotificationsConfig, decorators: [{
+                        type: Optional
+                    }] }, { type: i0.ComponentFactoryResolver }];
+    } });
+
+class NotificationsModule {
+    static forRoot(config) {
+        return {
+            ngModule: NotificationsModule,
+            providers: [
+                { provide: NotificationsConfig, useValue: config },
+                Notifications
+            ]
+        };
+    }
+}
+NotificationsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: NotificationsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NotificationsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: NotificationsModule, declarations: [BbNotificationsList, BbNotificationsItem], imports: [CommonModule, LocalizeModule] });
+NotificationsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: NotificationsModule, imports: [[CommonModule, LocalizeModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: NotificationsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, LocalizeModule],
+                    declarations: [BbNotificationsList, BbNotificationsItem]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NotificationType, Notifications, NotificationsConfig, NotificationsData, NotificationsModule, NotificationsPosition };
+//# sourceMappingURL=bravobit-bb-foundation-notifications.mjs.map

package/fesm2015/bravobit-bb-foundation-notifications.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bravobit-bb-foundation-notifications.mjs","sources":["../../../projects/bb-foundation/notifications/src/lib/notifications.interfaces.ts","../../../projects/bb-foundation/notifications/src/lib/notifications.animations.ts","../../../projects/bb-foundation/notifications/src/lib/notifications-item/notifications-item.component.ts","../../../projects/bb-foundation/notifications/src/lib/notifications-item/notifications-item.component.html","../../../projects/bb-foundation/notifications/src/lib/notifications-list/notifications-list.component.ts","../../../projects/bb-foundation/notifications/src/lib/notifications-list/notifications-list.component.html","../../../projects/bb-foundation/notifications/src/lib/notifications.injector.ts","../../../projects/bb-foundation/notifications/src/lib/notifications.service.ts","../../../projects/bb-foundation/notifications/src/lib/notifications.module.ts","../../../projects/bb-foundation/notifications/src/bravobit-bb-foundation-notifications.ts"],"sourcesContent":["import {TemplateRef} from '@angular/core';\nimport {Observable} from 'rxjs';\n\nexport interface Notification {\n    content: string | TemplateRef<any>;\n\n    id?: string;\n\n    timeout?: number;\n    localize?: boolean;\n    dismiss?: boolean;\n    dismissText?: string;\n    data?: { [key: string]: any };\n    type?: NotificationType;\n    actions?: NotificationAction[];\n\n    color?: string;\n    backgroundColor?: string;\n\n    destroy?: () => void;\n}\n\nexport interface NotificationAction {\n    title: string;\n    callback?: () => any;\n    type?: 'default' | 'cancel';\n}\n\nexport enum NotificationType {\n    Success = 'success',\n    Error = 'error',\n    Warning = 'warning',\n    Info = 'info',\n    Custom = 'custom'\n}\n\nexport class NotificationsConfig {\n    mode?: 'append' | 'prepend';\n    position?: NotificationsPosition;\n    timeout?: number;\n    dismiss?: boolean;\n    localize?: boolean;\n    dismissText?: string;\n}\n\nexport enum NotificationsPosition {\n    TopRight = 'flex-start|flex-end',\n    BottomRight = 'flex-end|flex-end',\n    TopLeft = 'flex-start|flex-start',\n    BottomLeft = 'flex-end|flex-start'\n}\n\nexport class NotificationsData {\n    data: Observable<Notification[]>;\n    dismissText: string;\n    position: NotificationsPosition;\n}\n","import {animate, group, query, stagger, style, transition, trigger} from '@angular/animations';\n\nconst s = '250ms cubic-bezier(0, 0, .2, 1)';\nconst l = '400ms cubic-bezier(0, 0, .2, 1)';\n\nexport const notificationAnimation = trigger('notificationListAnimation', [\n    transition('* => *', [\n        query(':enter', group([\n            // 1. Set the initial state.\n            style({height: 0, opacity: 0, transform: 'translateX({{ to }}%) scale(0.95)'}),\n            // 2. Start the animation to show the item.\n            stagger(0, [\n                animate(s, style({height: '*'})),\n                animate(l, style({opacity: 1, transform: 'translateX(0) scale(0.95)'})),\n                animate(s, style({transform: 'translateX(0) scale(1)'}))\n            ])\n        ]), {optional: true}),\n\n        query(':leave', group([\n            // 1. Set the initial state.\n            style({height: '*', opacity: 1, transform: 'translateX(0) scale(1)'}),\n            // 2. Start the animation to hide the item.\n            stagger(0, [\n                animate(s, style({transform: 'translateX(0) scale(0.95)'})),\n                animate(l, style({opacity: 0, transform: 'translateX({{ to }}%) scale(0.95)'})),\n                animate(s, style({height: 0}))\n            ])\n        ]), {optional: true})\n    ])\n]);\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    Input,\n    NgZone,\n    OnDestroy,\n    OnInit,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {Notification, NotificationAction} from '../notifications.interfaces';\nimport {Platform} from '@bravobit/bb-foundation';\n\n@Component({\n    selector: 'bb-notifications-item',\n    templateUrl: './notifications-item.component.html',\n    styleUrls: ['./notifications-item.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    preserveWhitespaces: false,\n    host: {\n        'role': 'alert'\n    }\n})\nexport class BbNotificationsItem implements OnInit, OnDestroy {\n\n    // Inputs.\n    @Input() notification: Notification;\n    @Input() dismissButtonText: string | null;\n\n    // Elements.\n    @ViewChild('progress') progressElementRef: ElementRef;\n\n    // Data.\n    private _progress = 0;\n    private _count = 0;\n\n    // Helper variables.\n    private _steps: number;\n    private _speed: number;\n    private _timer: number;\n    private _startTime: number;\n    private _difference: number;\n\n    // Data.\n    private readonly _radius = 19;\n    private readonly _circumference = this._radius * 2 * Math.PI;\n\n    @HostBinding('class') get getClass() {\n        return `bb-notifications-item ${this.notification.type}`;\n    }\n\n    constructor(private _zone: NgZone,\n                private _platform: Platform,\n                private _changeDetection: ChangeDetectorRef) {\n    }\n\n    get progressStrokeArray() {\n        const value = Math.floor(this._circumference);\n        return `${value}, ${value}`;\n    }\n\n    get progressStrokeOffset() {\n        return Math.floor(this._circumference - this._progress / 100 * this._circumference);\n    }\n\n    get isContentString() {\n        return typeof this.notification.content === 'string';\n    }\n\n    ngOnInit() {\n        // Check if the notification timeout is not 0 and the platform is a browser.\n        if (this.notification.timeout <= 0 || !this._platform.isBrowser) {\n            this.notification.dismiss = true;\n            return;\n        }\n\n        // Start the timeout.\n        this.startTimeout();\n    }\n\n    ngOnDestroy() {\n        // Clear the timeout if it was set.\n        this._timer && window && window.clearTimeout && window.clearTimeout(this._timer);\n    }\n\n    callActionAndDestroy = (notification: Notification, action: NotificationAction) => {\n        // Perform the callback (if it exists).\n        action && action.callback && action.callback();\n\n        // Call the destroy method (if it exists).\n        notification && notification.destroy && notification.destroy();\n    };\n\n    private startTimeout() {\n        // Calculate the steps of the timeout.\n        this._steps = this.notification.timeout / 10;\n\n        // Calculate the speed of the timeout.\n        this._speed = this.notification.timeout / this._steps;\n\n        // Get the start time.\n        this._startTime = Date.now();\n\n        // Set a new timer outside of Angular.\n        this._zone.runOutsideAngular(() => this._timer = this.setTimeout(this.instance, this._speed));\n    }\n\n    private instance = () => {\n        // Calculate the difference.\n        this._difference = (Date.now() - this._startTime) - (this._count * this._speed);\n\n        // Add up the count.\n        if (this._count++ === this._steps) {\n            this.notification.destroy();\n        }\n\n        // Add the steps to the progress.\n        this._progress += 100 / this._steps;\n\n        // Set a new timer.\n        this._timer = this.setTimeout(this.instance, this._speed - this._difference);\n\n        // Run a new change detection cycle.\n        this._zone.run(() => this._changeDetection.detectChanges());\n    };\n\n    private setTimeout = (method: () => void, timeout: number) => {\n        // Check if the window and method exist.\n        if (!window || !window.setTimeout) {\n            return null;\n        }\n\n        return window.setTimeout(method, timeout);\n    };\n\n}\n","<div class=\"notification-content-wrapper\">\n    <!--\n        The icon for the notification.\n\n        The icon is reflected by the type of the\n        notification. Same goes for the color and\n        background-color.\n    -->\n    <div [style.color]=\"notification?.color\"\n         [style.background-color]=\"notification?.backgroundColor\"\n         class=\"notification-icon-wrapper\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\"\n             viewBox=\"0 0 16 19.5\"\n             class=\"notification-icon\">\n            <path\n                d=\"M8 19.5c1.1 0 2-.9 2-2H6c0 1.1.9 2 2 2zM14 13.5v-5c0-3.1-1.6-5.6-4.5-6.3v-.7C9.5.7 8.8 0 8 0S6.5.7 6.5 1.5v.7C3.6 2.9 2 5.4 2 8.5v5l-2 2v1h16v-1l-2-2z\">\n            </path>\n        </svg>\n\n        <!--\n            The circular progress for the notification.\n\n            The progress is only visible when a timeout is\n            set. The progress adapts to the time remaining\n            for the notification.\n        -->\n        <svg *ngIf=\"notification?.timeout > 0\"\n             class=\"notification-progress-ring\"\n             viewBox=\"0 0 40 40\"\n             role=\"progressbar\">\n            <circle #progress\n                    [attr.stroke-dasharray]=\"progressStrokeArray\"\n                    [attr.stroke-dashoffset]=\"progressStrokeOffset\"\n                    [style.stroke]=\"notification?.color\"\n                    class=\"notification-progress-circle\"\n                    stroke-width=\"2\"\n                    fill=\"transparent\"\n                    r=\"19\"\n                    cx=\"20\"\n                    cy=\"20\">\n            </circle>\n        </svg>\n    </div>\n\n    <!--\n        The content for the notification.\n\n        This displays a string or a template based\n        on the given parameter by the user.\n    -->\n    <div class=\"notification-content\">\n        <ng-container *ngIf=\"isContentString; else templateContent\"\n                      [ngSwitch]=\"notification?.localize\">\n            <ng-container *ngSwitchCase=\"true\">\n                {{ $any(notification?.content) | bbLocalize:{data: notification?.data} }}\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                {{ notification?.content }}\n            </ng-container>\n        </ng-container>\n    </div>\n</div>\n\n<!--\n    The actions of the notification.\n\n    All actions are displayed here and are\n    based on the actions array the user provided.\n-->\n<div *ngIf=\"notification?.actions?.length > 0 || notification?.dismiss\"\n     class=\"notification-actions\">\n    <button *ngFor=\"let action of notification?.actions\"\n            (click)=\"callActionAndDestroy(notification, action)\"\n            type=\"button\"\n            [class.destructive]=\"action?.type === 'cancel'\"\n            class=\"notification-actions-button\">\n        <span [ngSwitch]=\"notification?.localize\"\n              class=\"notification-actions-button-highlight\">\n            <ng-container *ngSwitchCase=\"true\">\n                {{ action?.title | bbLocalize:{data: notification?.data} }}\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                {{ action?.title }}\n            </ng-container>\n        </span>\n    </button>\n    <button *ngIf=\"notification?.dismiss\"\n            (click)=\"notification?.destroy()\"\n            class=\"notification-actions-button destructive\"\n            type=\"button\">\n        <span class=\"notification-actions-button-highlight\">\n            {{ notification?.dismissText || dismissButtonText }}\n        </span>\n    </button>\n</div>\n\n<!--\n    The outlet for the notification content template ref.\n-->\n<ng-template #templateContent>\n    <ng-container *ngTemplateOutlet=\"$any(notification?.content)\"></ng-container>\n</ng-template>\n","import {Notification, NotificationsData, NotificationsPosition} from '../notifications.interfaces';\nimport {ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation} from '@angular/core';\nimport {notificationAnimation} from '../notifications.animations';\n\n@Component({\n    selector: 'bb-notifications-list',\n    templateUrl: './notifications-list.component.html',\n    styleUrls: ['./notifications-list.component.scss'],\n    animations: [notificationAnimation],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    preserveWhitespaces: false,\n    host: {\n        'class': 'bb-notifications-list',\n        'role': 'list'\n    }\n})\nexport class BbNotificationsList {\n\n    // Data.\n    position: NotificationsPosition | null = null;\n\n    // Track by function.\n    trackByFn = (_, item: Notification) => item.id;\n\n    constructor(public data: NotificationsData) {\n    }\n\n    @HostBinding('style.justify-content')\n    get horizontalPosition() {\n        return this.location.horizontal;\n    }\n\n    @HostBinding('style.align-items')\n    get verticalPosition() {\n        return this.location.vertical;\n    }\n\n    get animation() {\n        const to = this.horizontalPosition === 'flex-start'\n            ? -50\n            : 50;\n\n        return {to};\n    }\n\n    private get location() {\n        const [y, x] = (this.data.position || '').split('|');\n\n        return {vertical: y || null, horizontal: x || null};\n    }\n\n}\n","<!--\n    The notifications list.\n\n    The list provides the animation effect for the\n    incoming notifications.\n-->\n<div *ngIf=\"data?.data | async as notifications\"\n     [@notificationListAnimation]=\"{value: notifications?.length, params: animation}\"\n     class=\"notifications-list-wrapper\">\n    <!--\n        The loop for the notifications.\n\n        All notifications will be displayed here. They\n        are wrapped within a wrapper which separates them.\n    -->\n    <div *ngFor=\"let notification of notifications; trackBy: trackByFn\"\n         class=\"notifications-item-wrapper\">\n        <bb-notifications-item [notification]=\"notification\"\n                               [dismissButtonText]=\"data?.dismissText\">\n        </bb-notifications-item>\n    </div>\n</div>\n","import {InjectionToken, Injector, Type} from '@angular/core';\n\nexport class NotificationsInjector implements Injector {\n\n    constructor(private _parentInjector: Injector,\n                private _additionalTokens: WeakMap<any, any>) {\n    }\n\n    get<T>(token: Type<T> | InjectionToken<T>, notFoundValue?: T): T;\n    get(token: any, notFoundValue?: any);\n    get(token: any, notFoundValue?: any) {\n        // First check if the additional token\n        // contains the token.\n        const value = this._additionalTokens.get(token);\n\n        // If that value exists return it.\n        if (value) {\n            return value;\n        }\n\n        // Else query the parent injector.\n        return this._parentInjector.get<any>(token, notFoundValue);\n    }\n\n}\n","import {\n    ApplicationRef,\n    ComponentFactoryResolver,\n    ComponentRef,\n    Injectable,\n    Injector,\n    Optional,\n    TemplateRef\n} from '@angular/core';\nimport {\n    Notification,\n    NotificationAction,\n    NotificationsPosition,\n    NotificationsConfig,\n    NotificationType,\n    NotificationsData\n} from './notifications.interfaces';\nimport {BbNotificationsList} from './notifications-list/notifications-list.component';\nimport {NotificationsInjector} from './notifications.injector';\nimport {Localize} from '@bravobit/bb-foundation/localize';\nimport {Platform} from '@bravobit/bb-foundation';\nimport {BehaviorSubject} from 'rxjs';\nimport {share} from 'rxjs/operators';\n\n@Injectable()\nexport class Notifications {\n\n    // Reference to the list.\n    private _ref: ComponentRef<BbNotificationsList>;\n\n    // The default settings for the notifications.\n    private readonly _defaultMode: 'prepend' | 'append';\n    private readonly _defaultTimeout: number;\n    private readonly _defaultLocalize: boolean;\n    private readonly _defaultDismiss: boolean;\n    private readonly _defaultDismissText: string;\n    private readonly _defaultPosition: NotificationsPosition;\n\n    // The data containing the notifications.\n    private _notifications$ = new BehaviorSubject<Notification[]>([]);\n\n    constructor(private _injector: Injector,\n                private _platform: Platform,\n                private _applicationRef: ApplicationRef,\n                @Optional() private _localize: Localize,\n                @Optional() private _config: NotificationsConfig,\n                private _componentFactoryResolver: ComponentFactoryResolver) {\n        // Get the config.\n        const config = this._config || {};\n\n        // Set the config.\n        this._defaultMode = this.getProperty(config.mode, 'prepend');\n        this._defaultTimeout = this.getProperty(config.timeout, 8000);\n        this._defaultLocalize = this.getProperty(config.localize, false);\n        this._defaultDismiss = this.getProperty(config.dismiss, true);\n        this._defaultDismissText = this.getProperty(config.dismissText, 'Dismiss');\n        this._defaultPosition = this.getProperty(config.position, NotificationsPosition.TopRight);\n\n        // Create the element that holds all notifications.\n        this.createElement();\n    }\n\n    success(content: string | TemplateRef<any>, actions: NotificationAction[] = [], timeout = this._defaultTimeout) {\n        return this.create({content, timeout, actions, type: NotificationType.Success});\n    }\n\n    error(content: string | TemplateRef<any>, actions: NotificationAction[] = [], timeout = this._defaultTimeout) {\n        return this.create({content, timeout, actions, type: NotificationType.Error});\n    }\n\n    warn(content: string | TemplateRef<any>, actions: NotificationAction[] = [], timeout = this._defaultTimeout) {\n        return this.create({content, timeout, actions, type: NotificationType.Warning});\n    }\n\n    info(content: string | TemplateRef<any>, actions: NotificationAction[] = [], timeout = this._defaultTimeout) {\n        return this.create({content, timeout, actions, type: NotificationType.Info});\n    }\n\n    create(notification: Notification) {\n        // Compose a new notification item.\n        const item = this.compose(notification);\n\n        // Add the destroy function to the notification.\n        item.destroy = () => this.pull(item);\n\n        // Add the notification to the list\n        // and return the item.\n        return this.push(item);\n    }\n\n    private push(notification: Notification) {\n        // Get the current list.\n        const oldList = this._notifications$.getValue();\n\n        // Check which mode is activated.\n        let newList: Notification[];\n        switch (this._defaultMode) {\n            case 'append':\n                newList = [...oldList, notification];\n                break;\n            case 'prepend':\n            default:\n                newList = [notification, ...oldList];\n        }\n\n        // Push the new notifications.\n        this._notifications$.next(newList);\n\n        // Return the notification for further use.\n        return notification;\n    }\n\n    private pull(notification: Notification) {\n        // Get the current list.\n        const newList = this._notifications$\n            .getValue()\n            .filter(item => item.id !== notification.id);\n\n        // Push a new list.\n        this._notifications$.next(newList);\n    }\n\n    private compose(notification: Notification) {\n        // Attach a random id to the notification.\n        notification.id = Math.random().toString(36).substr(2, 10);\n\n        // Set all properties.\n        notification.type = this.getProperty(notification.type, NotificationType.Custom);\n        notification.content = this.getProperty(notification.content, null);\n        notification.data = this.getProperty(notification.data, {});\n        notification.timeout = this.getProperty(notification.timeout, this._defaultTimeout);\n        notification.localize = this.getProperty(notification.localize, this._defaultLocalize);\n        notification.dismiss = this.getProperty(notification.dismiss, this._defaultDismiss);\n\n        // Dismiss text localization.\n        const dismissText = this.getProperty(notification.dismissText, this._defaultDismissText);\n        notification.dismissText = this._defaultLocalize && this._localize\n            ? this._localize.translate(dismissText)\n            : dismissText;\n\n        // Return the composed notification.\n        return notification;\n    }\n\n    private createElement() {\n        // Create a map with the config.\n        const map = new WeakMap();\n        map.set(NotificationsData, {\n            data: this._notifications$.pipe(share()),\n            dismissText: this._defaultDismissText,\n            position: this._defaultPosition\n        });\n\n        // Create a custom injector.\n        const notificationsInjector = new NotificationsInjector(this._injector, map);\n\n        // Create the notification list and\n        // get a reference to the component.\n        this._ref = this._componentFactoryResolver\n            .resolveComponentFactory(BbNotificationsList)\n            .create(notificationsInjector);\n\n        // Detect the changes.\n        this._ref.changeDetectorRef.detectChanges();\n\n        // Attach the component's view to the application\n        // so that the change detection will run properly.\n        this._applicationRef.attachView(this._ref.hostView);\n\n        // If the platform is not a browser return.\n        if (!this._platform.isBrowser) {\n            return;\n        }\n\n        try {\n            // Append the element to the DOM.\n            document.body.appendChild(this._ref.location.nativeElement);\n        } catch {\n            // Don't do anything, because it must've failed.\n        }\n    }\n\n    private getProperty = (property: any, defaultValue: any) => {\n        return typeof property === 'undefined'\n            ? defaultValue\n            : property;\n    };\n\n}\n","import {BbNotificationsList} from './notifications-list/notifications-list.component';\nimport {BbNotificationsItem} from './notifications-item/notifications-item.component';\nimport {LocalizeModule} from '@bravobit/bb-foundation/localize';\nimport {NotificationsConfig} from './notifications.interfaces';\nimport {ModuleWithProviders, NgModule} from '@angular/core';\nimport {Notifications} from './notifications.service';\nimport {CommonModule} from '@angular/common';\n\n@NgModule({\n    imports: [CommonModule, LocalizeModule],\n    declarations: [BbNotificationsList, BbNotificationsItem]\n})\nexport class NotificationsModule {\n\n    static forRoot(config?: NotificationsConfig): ModuleWithProviders<NotificationsModule> {\n        return {\n            ngModule: NotificationsModule,\n            providers: [\n                {provide: NotificationsConfig, useValue: config},\n                Notifications\n            ]\n        };\n    }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/{bravobit-bb-foundation-recaptcha.js → bravobit-bb-foundation-recaptcha.mjs}

@@ -74,26 +74,28 @@ class RecaptchaLoader {
             .join('&');
     }
 }
-RecaptchaLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: RecaptchaLoader, deps: [{ token: i1.Platform }, { token: i0.RendererFactory2 }, { token: DOCUMENT, optional: true }, { token: LOCALE_ID, optional: true }, { token: RECAPTCHA_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-RecaptchaLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: RecaptchaLoader });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: RecaptchaLoader, decorators: [{
+RecaptchaLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: RecaptchaLoader, deps: [{ token: i1.Platform }, { token: i0.RendererFactory2 }, { token: DOCUMENT, optional: true }, { token: LOCALE_ID, optional: true }, { token: RECAPTCHA_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+RecaptchaLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: RecaptchaLoader });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: RecaptchaLoader, decorators: [{
             type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.Platform }, { type: i0.RendererFactory2 }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [LOCALE_ID]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [RECAPTCHA_CONFIG]
-                }] }]; } });
+        }], ctorParameters: function () {
+        return [{ type: i1.Platform }, { type: i0.RendererFactory2 }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [LOCALE_ID]
+                    }] }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [RECAPTCHA_CONFIG]
+                    }] }];
+    } });
 
 let nextUniqueId = 0;
 class BbRecaptchaBase {
@@ -226,43 +228,34 @@ class RecaptchaComponent extends BbRecaptchaMixinBase {
         this.badge = (_j = this.badge) !== null && _j !== void 0 ? _j : (_k = this._config) === null || _k === void 0 ? void 0 : _k.badge;
     }
 }
-RecaptchaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: RecaptchaComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: RecaptchaLoader }, { token: RECAPTCHA_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-RecaptchaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: RecaptchaComponent, selector: "bb-recaptcha", inputs: { grouped: "grouped", id: "id", siteKey: "siteKey", tabIndex: "tabIndex", type: "type", size: "size", theme: "theme", badge: "badge", errorMode: "errorMode" }, outputs: { resolved: "resolved", error: "error" }, host: { properties: { "class.grouped": "grouped", "attr.id": "this.id" }, classAttribute: "bb-recaptcha" }, providers: [
+RecaptchaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: RecaptchaComponent, deps: [{ token: i0.NgZone }, { token: i0.ElementRef }, { token: RecaptchaLoader }, { token: RECAPTCHA_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+RecaptchaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.0", type: RecaptchaComponent, selector: "bb-recaptcha", inputs: { grouped: "grouped", id: "id", siteKey: "siteKey", tabIndex: "tabIndex", type: "type", size: "size", theme: "theme", badge: "badge", errorMode: "errorMode" }, outputs: { resolved: "resolved", error: "error" }, host: { properties: { "class.grouped": "grouped", "attr.id": "this.id" }, classAttribute: "bb-recaptcha" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => RecaptchaComponent),
             multi: true
         }
     ], exportAs: ["bbRecaptcha"], usesInheritance: true, ngImport: i0, template: "", styles: [".bb-recaptcha{display:block}.bb-recaptcha.grouped{margin-bottom:20px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: RecaptchaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: RecaptchaComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'bb-recaptcha',
-                    templateUrl: './recaptcha.component.html',
-                    styleUrls: ['./recaptcha.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                    exportAs: 'bbRecaptcha',
-                    providers: [
+            args: [{ selector: 'bb-recaptcha', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'bbRecaptcha', providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => RecaptchaComponent),
                             multi: true
                         }
-                    ],
-                    host: {
+                    ], host: {
                         'class': 'bb-recaptcha',
                         '[class.grouped]': 'grouped'
-                    },
-                    inputs: ['grouped'],
-                    preserveWhitespaces: false
-                }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: RecaptchaLoader }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [RECAPTCHA_CONFIG]
-                }] }]; }, propDecorators: { id: [{
+                    }, inputs: ['grouped'], preserveWhitespaces: false, template: "", styles: [".bb-recaptcha{display:block}.bb-recaptcha.grouped{margin-bottom:20px}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.NgZone }, { type: i0.ElementRef }, { type: RecaptchaLoader }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [RECAPTCHA_CONFIG]
+                    }] }];
+    }, propDecorators: { id: [{
                 type: HostBinding,
                 args: ['attr.id']
             }, {
@@ -298,10 +291,10 @@ class RecaptchaModule {
         };
     }
 }
-RecaptchaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: RecaptchaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-RecaptchaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: RecaptchaModule, declarations: [RecaptchaComponent], exports: [RecaptchaComponent] });
-RecaptchaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: RecaptchaModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: RecaptchaModule, decorators: [{
+RecaptchaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: RecaptchaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+RecaptchaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: RecaptchaModule, declarations: [RecaptchaComponent], exports: [RecaptchaComponent] });
+RecaptchaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: RecaptchaModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.0", ngImport: i0, type: RecaptchaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [RecaptchaComponent],
@@ -314,4 +307,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
  */
 
 export { RECAPTCHA_CONFIG, RecaptchaComponent, RecaptchaLoader, RecaptchaModule };
-//# sourceMappingURL=bravobit-bb-foundation-recaptcha.js.map
+//# sourceMappingURL=bravobit-bb-foundation-recaptcha.mjs.map