@acorex/components 7.1.0 → 7.1.2

package/fesm2022/acorex-components-notification.mjs

@@ -11,212 +11,212 @@ import { AXButtonModule } from '@acorex/components/button';
 import { AXConfig } from '@acorex/core/config';
 import * as i1$1 from '@angular/cdk/overlay';
 
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-class AXNotificationComponent extends AXBaseComponentMixin {
-    viewRef;
-    options;
-    _selectedPortal;
-    _icon;
-    close;
-    /**
-     *  @ignore
-     */
-    constructor(elementRef, cdr, viewRef) {
-        super(elementRef, cdr);
-        this.viewRef = viewRef;
-    }
-    onInit() {
-        this._initContent();
-        this._initIcon();
-        this._handleTimeOut();
-    }
-    _handleTimeOut() {
-        if (this.options.timeOut) {
-            setTimeout(() => {
-                this.close();
-            }, this.options.timeOut);
-        }
-    }
-    _initContent() {
-        if (this.options.content instanceof (TemplateRef)) {
-            this._selectedPortal = new TemplatePortal(this.options.content, this.viewRef);
-            this._cdr.markForCheck();
-        }
-        else if (typeof this.options.content === 'function') {
-            this._selectedPortal = new ComponentPortal(this.options.content);
-            this._cdr.markForCheck();
-        }
-    }
-    _initIcon() {
-        if (!this.options.icon) {
-            switch (this.options.color) {
-                case 'success':
-                    this._icon = 'ax-icon ax-icon-check-circle-fill';
-                    break;
-                case 'warning':
-                    this._icon = 'ax-icon ax-icon-warning-fill';
-                    break;
-                case 'danger':
-                    this._icon = 'ax-icon ax-icon-error-fill';
-                    break;
-                default:
-                    this._icon = this.options.icon || 'ax-icon ax-icon-check-circle-fill';
-                    break;
-            }
-        }
-        else {
-            this._icon = this.options.icon;
-        }
-    }
-    _handleButtonClick(button) {
-        if (button.onClick) {
-            button.onClick(this);
-        }
-    }
-    get __hostClass() {
-        return `ax-${this.options.color}`;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXNotificationComponent, selector: "ax-notification", host: { properties: { "class": "this.__hostClass" } }, providers: [
-            { provide: AXClosbaleComponent, useExisting: AXNotificationComponent },
-        ], usesInheritance: true, ngImport: i0, template: "<span [class]=\"'ax-notification-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-notification-content\">\r\n  <div class=\"ax-notification-title\">{{ options.title }}</div>\r\n  <ng-template *ngIf=\"_selectedPortal\">\r\n    <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  </ng-template>\r\n  <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  <div *ngIf=\"!_selectedPortal\">{{ options.content }}</div>\r\n  <div class=\"ax-notification-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <ax-button\r\n      *ngFor=\"let button of options.buttons\"\r\n      class=\"ax-xs\"\r\n      [text]=\"button.text\"\r\n      [color]=\"button.color\"\r\n      [look]=\"button.look\"\r\n      (onClick)=\"_handleButtonClick(button)\">\r\n      {{ button.text }}\r\n    </ax-button>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" (click)=\"close()\"></span>\r\n<div\r\n  class=\"ax-notification-progress\"\r\n  [style.animation-duration.ms]=\"options.timeOut\"\r\n  *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-notification{background-color:rgba(var(--ax-color-on-surface))}ax-notification{width:max(20vw,380px);display:flex;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;border:1px solid;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-notification.ax-primary .ax-notification-icon{color:rgba(var(--ax-color-primary-500))}ax-notification.ax-primary .ax-notification-progress{background-color:rgba(var(--ax-color-primary-500))}ax-notification.ax-secondary .ax-notification-icon{color:rgba(var(--ax-color-secondary-500))}ax-notification.ax-secondary .ax-notification-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-notification.ax-success .ax-notification-icon{color:rgba(var(--ax-color-success-500))}ax-notification.ax-success .ax-notification-progress{background-color:rgba(var(--ax-color-success-500))}ax-notification.ax-warning .ax-notification-icon{color:rgba(var(--ax-color-warning-500))}ax-notification.ax-warning .ax-notification-progress{background-color:rgba(var(--ax-color-warning-500))}ax-notification.ax-danger .ax-notification-icon{color:rgba(var(--ax-color-danger-500))}ax-notification.ax-danger .ax-notification-progress{background-color:rgba(var(--ax-color-danger-500))}ax-notification.ax-info .ax-notification-icon{color:rgba(var(--ax-color-info-500))}ax-notification.ax-info .ax-notification-progress{background-color:rgba(var(--ax-color-info-500))}@media (max-width: 599px){ax-notification{width:98vw}}ax-notification .ax-notification-icon,ax-notification .ax-icon-close{font-size:1.25rem}ax-notification .ax-notification-icon{padding-inline-end:.75rem}ax-notification .ax-notification-content{display:flex;flex-direction:column;flex:1;color:rgba(var(--ax-color-surface-fore));font-weight:400}ax-notification .ax-notification-content .ax-notification-title{font-weight:500;margin-bottom:.25rem;color:rgba(var(--ax-color-surface-fore))}ax-notification .ax-notification-content .ax-notification-buttons{margin-top:.75rem;display:flex;gap:.75rem}ax-notification .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content;color:rgba(var(--ax-color-surface-fore))}ax-notification .ax-icon-close:hover{opacity:.6}ax-notification .ax-notification-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-notification', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        { provide: AXClosbaleComponent, useExisting: AXNotificationComponent },
-                    ], template: "<span [class]=\"'ax-notification-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-notification-content\">\r\n  <div class=\"ax-notification-title\">{{ options.title }}</div>\r\n  <ng-template *ngIf=\"_selectedPortal\">\r\n    <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  </ng-template>\r\n  <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  <div *ngIf=\"!_selectedPortal\">{{ options.content }}</div>\r\n  <div class=\"ax-notification-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <ax-button\r\n      *ngFor=\"let button of options.buttons\"\r\n      class=\"ax-xs\"\r\n      [text]=\"button.text\"\r\n      [color]=\"button.color\"\r\n      [look]=\"button.look\"\r\n      (onClick)=\"_handleButtonClick(button)\">\r\n      {{ button.text }}\r\n    </ax-button>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" (click)=\"close()\"></span>\r\n<div\r\n  class=\"ax-notification-progress\"\r\n  [style.animation-duration.ms]=\"options.timeOut\"\r\n  *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-notification{background-color:rgba(var(--ax-color-on-surface))}ax-notification{width:max(20vw,380px);display:flex;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;border:1px solid;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-notification.ax-primary .ax-notification-icon{color:rgba(var(--ax-color-primary-500))}ax-notification.ax-primary .ax-notification-progress{background-color:rgba(var(--ax-color-primary-500))}ax-notification.ax-secondary .ax-notification-icon{color:rgba(var(--ax-color-secondary-500))}ax-notification.ax-secondary .ax-notification-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-notification.ax-success .ax-notification-icon{color:rgba(var(--ax-color-success-500))}ax-notification.ax-success .ax-notification-progress{background-color:rgba(var(--ax-color-success-500))}ax-notification.ax-warning .ax-notification-icon{color:rgba(var(--ax-color-warning-500))}ax-notification.ax-warning .ax-notification-progress{background-color:rgba(var(--ax-color-warning-500))}ax-notification.ax-danger .ax-notification-icon{color:rgba(var(--ax-color-danger-500))}ax-notification.ax-danger .ax-notification-progress{background-color:rgba(var(--ax-color-danger-500))}ax-notification.ax-info .ax-notification-icon{color:rgba(var(--ax-color-info-500))}ax-notification.ax-info .ax-notification-progress{background-color:rgba(var(--ax-color-info-500))}@media (max-width: 599px){ax-notification{width:98vw}}ax-notification .ax-notification-icon,ax-notification .ax-icon-close{font-size:1.25rem}ax-notification .ax-notification-icon{padding-inline-end:.75rem}ax-notification .ax-notification-content{display:flex;flex-direction:column;flex:1;color:rgba(var(--ax-color-surface-fore));font-weight:400}ax-notification .ax-notification-content .ax-notification-title{font-weight:500;margin-bottom:.25rem;color:rgba(var(--ax-color-surface-fore))}ax-notification .ax-notification-content .ax-notification-buttons{margin-top:.75rem;display:flex;gap:.75rem}ax-notification .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content;color:rgba(var(--ax-color-surface-fore))}ax-notification .ax-icon-close:hover{opacity:.6}ax-notification .ax-notification-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { __hostClass: [{
-                type: HostBinding,
-                args: ['class']
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXNotificationComponent extends AXBaseComponentMixin {
+    viewRef;
+    options;
+    _selectedPortal;
+    _icon;
+    close;
+    /**
+     *  @ignore
+     */
+    constructor(elementRef, cdr, viewRef) {
+        super(elementRef, cdr);
+        this.viewRef = viewRef;
+    }
+    onInit() {
+        this._initContent();
+        this._initIcon();
+        this._handleTimeOut();
+    }
+    _handleTimeOut() {
+        if (this.options.timeOut) {
+            setTimeout(() => {
+                this.close();
+            }, this.options.timeOut);
+        }
+    }
+    _initContent() {
+        if (this.options.content instanceof (TemplateRef)) {
+            this._selectedPortal = new TemplatePortal(this.options.content, this.viewRef);
+            this._cdr.markForCheck();
+        }
+        else if (typeof this.options.content === 'function') {
+            this._selectedPortal = new ComponentPortal(this.options.content);
+            this._cdr.markForCheck();
+        }
+    }
+    _initIcon() {
+        if (!this.options.icon) {
+            switch (this.options.color) {
+                case 'success':
+                    this._icon = 'ax-icon ax-icon-check-circle-fill';
+                    break;
+                case 'warning':
+                    this._icon = 'ax-icon ax-icon-warning-fill';
+                    break;
+                case 'danger':
+                    this._icon = 'ax-icon ax-icon-error-fill';
+                    break;
+                default:
+                    this._icon = this.options.icon || 'ax-icon ax-icon-check-circle-fill';
+                    break;
+            }
+        }
+        else {
+            this._icon = this.options.icon;
+        }
+    }
+    _handleButtonClick(button) {
+        if (button.onClick) {
+            button.onClick(this);
+        }
+    }
+    get __hostClass() {
+        return `ax-${this.options.color}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXNotificationComponent, selector: "ax-notification", host: { properties: { "class": "this.__hostClass" } }, providers: [
+            { provide: AXClosbaleComponent, useExisting: AXNotificationComponent },
+        ], usesInheritance: true, ngImport: i0, template: "<span [class]=\"'ax-notification-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-notification-content\">\r\n  <div class=\"ax-notification-title\">{{ options.title }}</div>\r\n  <ng-template *ngIf=\"_selectedPortal\">\r\n    <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  </ng-template>\r\n  <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  <div *ngIf=\"!_selectedPortal\">{{ options.content }}</div>\r\n  <div class=\"ax-notification-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <ax-button\r\n      *ngFor=\"let button of options.buttons\"\r\n      class=\"ax-xs\"\r\n      [text]=\"button.text\"\r\n      [color]=\"button.color\"\r\n      [look]=\"button.look\"\r\n      (onClick)=\"_handleButtonClick(button)\">\r\n      {{ button.text }}\r\n    </ax-button>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" (click)=\"close()\"></span>\r\n<div\r\n  class=\"ax-notification-progress\"\r\n  [style.animation-duration.ms]=\"options.timeOut\"\r\n  *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-notification{background-color:rgba(var(--ax-color-on-surface))}ax-notification{width:max(20vw,380px);display:flex;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;border:1px solid;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-notification.ax-primary .ax-notification-icon{color:rgba(var(--ax-color-primary-500))}ax-notification.ax-primary .ax-notification-progress{background-color:rgba(var(--ax-color-primary-500))}ax-notification.ax-secondary .ax-notification-icon{color:rgba(var(--ax-color-secondary-500))}ax-notification.ax-secondary .ax-notification-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-notification.ax-success .ax-notification-icon{color:rgba(var(--ax-color-success-500))}ax-notification.ax-success .ax-notification-progress{background-color:rgba(var(--ax-color-success-500))}ax-notification.ax-warning .ax-notification-icon{color:rgba(var(--ax-color-warning-500))}ax-notification.ax-warning .ax-notification-progress{background-color:rgba(var(--ax-color-warning-500))}ax-notification.ax-danger .ax-notification-icon{color:rgba(var(--ax-color-danger-500))}ax-notification.ax-danger .ax-notification-progress{background-color:rgba(var(--ax-color-danger-500))}ax-notification.ax-info .ax-notification-icon{color:rgba(var(--ax-color-info-500))}ax-notification.ax-info .ax-notification-progress{background-color:rgba(var(--ax-color-info-500))}@media (max-width: 599px){ax-notification{width:98vw}}ax-notification .ax-notification-icon,ax-notification .ax-icon-close{font-size:1.25rem}ax-notification .ax-notification-icon{padding-inline-end:.75rem}ax-notification .ax-notification-content{display:flex;flex-direction:column;flex:1;color:rgba(var(--ax-color-surface-fore));font-weight:400}ax-notification .ax-notification-content .ax-notification-title{font-weight:500;margin-bottom:.25rem;color:rgba(var(--ax-color-surface-fore))}ax-notification .ax-notification-content .ax-notification-buttons{margin-top:.75rem;display:flex;gap:.75rem}ax-notification .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content;color:rgba(var(--ax-color-surface-fore))}ax-notification .ax-icon-close:hover{opacity:.6}ax-notification .ax-notification-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i3.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-notification', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: AXClosbaleComponent, useExisting: AXNotificationComponent },
+                    ], template: "<span [class]=\"'ax-notification-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-notification-content\">\r\n  <div class=\"ax-notification-title\">{{ options.title }}</div>\r\n  <ng-template *ngIf=\"_selectedPortal\">\r\n    <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  </ng-template>\r\n  <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  <div *ngIf=\"!_selectedPortal\">{{ options.content }}</div>\r\n  <div class=\"ax-notification-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <ax-button\r\n      *ngFor=\"let button of options.buttons\"\r\n      class=\"ax-xs\"\r\n      [text]=\"button.text\"\r\n      [color]=\"button.color\"\r\n      [look]=\"button.look\"\r\n      (onClick)=\"_handleButtonClick(button)\">\r\n      {{ button.text }}\r\n    </ax-button>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" (click)=\"close()\"></span>\r\n<div\r\n  class=\"ax-notification-progress\"\r\n  [style.animation-duration.ms]=\"options.timeOut\"\r\n  *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-notification{background-color:rgba(var(--ax-color-on-surface))}ax-notification{width:max(20vw,380px);display:flex;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;border:1px solid;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-notification.ax-primary .ax-notification-icon{color:rgba(var(--ax-color-primary-500))}ax-notification.ax-primary .ax-notification-progress{background-color:rgba(var(--ax-color-primary-500))}ax-notification.ax-secondary .ax-notification-icon{color:rgba(var(--ax-color-secondary-500))}ax-notification.ax-secondary .ax-notification-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-notification.ax-success .ax-notification-icon{color:rgba(var(--ax-color-success-500))}ax-notification.ax-success .ax-notification-progress{background-color:rgba(var(--ax-color-success-500))}ax-notification.ax-warning .ax-notification-icon{color:rgba(var(--ax-color-warning-500))}ax-notification.ax-warning .ax-notification-progress{background-color:rgba(var(--ax-color-warning-500))}ax-notification.ax-danger .ax-notification-icon{color:rgba(var(--ax-color-danger-500))}ax-notification.ax-danger .ax-notification-progress{background-color:rgba(var(--ax-color-danger-500))}ax-notification.ax-info .ax-notification-icon{color:rgba(var(--ax-color-info-500))}ax-notification.ax-info .ax-notification-progress{background-color:rgba(var(--ax-color-info-500))}@media (max-width: 599px){ax-notification{width:98vw}}ax-notification .ax-notification-icon,ax-notification .ax-icon-close{font-size:1.25rem}ax-notification .ax-notification-icon{padding-inline-end:.75rem}ax-notification .ax-notification-content{display:flex;flex-direction:column;flex:1;color:rgba(var(--ax-color-surface-fore));font-weight:400}ax-notification .ax-notification-content .ax-notification-title{font-weight:500;margin-bottom:.25rem;color:rgba(var(--ax-color-surface-fore))}ax-notification .ax-notification-content .ax-notification-buttons{margin-top:.75rem;display:flex;gap:.75rem}ax-notification .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content;color:rgba(var(--ax-color-surface-fore))}ax-notification .ax-icon-close:hover{opacity:.6}ax-notification .ax-notification-progress{position:absolute;right:0;left:0;bottom:0;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.ViewContainerRef }]; }, propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
 
-const COMPONENT = [AXNotificationComponent];
-const MODULES = [CommonModule, PortalModule, AXButtonModule];
-class AXNotificationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationModule, declarations: [AXNotificationComponent], imports: [CommonModule, PortalModule, AXButtonModule], exports: [AXNotificationComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationModule, imports: [MODULES] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
+const COMPONENT = [AXNotificationComponent];
+const MODULES = [CommonModule, PortalModule, AXButtonModule];
+class AXNotificationModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationModule, declarations: [AXNotificationComponent], imports: [CommonModule, PortalModule, AXButtonModule], exports: [AXNotificationComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
         }] });
 
-class AXNotificationService {
-    overlayService;
-    parentInjector;
-    _defaults = {
-        gap: 5,
-        location: 'top-end',
-    };
-    constructor(overlayService, parentInjector) {
-        this.overlayService = overlayService;
-        this.parentInjector = parentInjector;
-    }
-    _activeList = [];
-    show(options) {
-        const opt = Object.assign({
-            closeable: true,
-            location: AXConfig.get('notification.location') || this._defaults.location,
-        }, options);
-        const gap = AXConfig.get('notification.gap') || this._defaults.gap;
-        let positionStrategy = this.overlayService.position().global();
-        const pos = this.getPosition(opt.location) + gap + 'px';
-        switch (opt.location) {
-            case 'bottom-center':
-                positionStrategy = positionStrategy.bottom(pos).centerHorizontally();
-                break;
-            case 'bottom-end':
-                positionStrategy = positionStrategy.bottom(pos).right(gap + 'px');
-                break;
-            case 'bottom-start':
-                positionStrategy = positionStrategy.bottom(pos).left(gap + 'px');
-                break;
-            case 'top-center':
-                positionStrategy = positionStrategy.top(pos).centerHorizontally();
-                break;
-            case 'top-end':
-                positionStrategy = positionStrategy.top(pos).right(gap + 'px');
-                break;
-            case 'top-start':
-                positionStrategy = positionStrategy.top(pos).left(gap + 'px');
-                break;
-            case 'center-start':
-                positionStrategy = positionStrategy.centerVertically().left(gap + 'px');
-                break;
-            case 'center-end':
-                positionStrategy = positionStrategy
-                    .centerVertically()
-                    .right(gap + 'px');
-                break;
-            default:
-                break;
-        }
-        const overlayRef = this.overlayService.create({
-            positionStrategy,
-            panelClass: [
-                'ax-animate-animated',
-                'ax-animate-fadeIn',
-                'ax-animate-faster',
-            ],
-        });
-        const notificationPortal = new ComponentPortal(AXNotificationComponent, null, this.parentInjector);
-        const host = overlayRef.attach(notificationPortal);
-        host.instance.visibleIndex = this._activeList.length;
-        this._activeList.push(host.instance);
-        if (host.instance) {
-            Object.assign(host.instance, {
-                options: opt,
-                close: () => {
-                    this._activeList = this._activeList.filter(c => c != host.instance);
-                    overlayRef.dispose();
-                },
-            });
-            setTimeout(() => {
-                host.changeDetectorRef.detectChanges();
-            }, 0);
-        }
-        return {
-            close: () => {
-                host.instance.close();
-            },
-        };
-    }
-    hideAll() {
-        this._activeList.forEach(c => c.close());
-    }
-    getPosition(location) {
-        const list = this._activeList.filter(c => c.options.location == location);
-        if (list.length == 0)
-            return 0;
-        if (location.split('-')[0] == 'bottom') {
-            return (window.innerHeight - list[list.length - 1]._getHostElement().offsetTop);
-        }
-        else {
-            return (list[list.length - 1]._getHostElement().offsetTop +
-                list[list.length - 1]._getHostElement().offsetHeight);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
+class AXNotificationService {
+    overlayService;
+    parentInjector;
+    _defaults = {
+        gap: 5,
+        location: 'top-end',
+    };
+    constructor(overlayService, parentInjector) {
+        this.overlayService = overlayService;
+        this.parentInjector = parentInjector;
+    }
+    _activeList = [];
+    show(options) {
+        const opt = Object.assign({
+            closeable: true,
+            location: AXConfig.get('notification.location') || this._defaults.location,
+        }, options);
+        const gap = AXConfig.get('notification.gap') || this._defaults.gap;
+        let positionStrategy = this.overlayService.position().global();
+        const pos = this.getPosition(opt.location) + gap + 'px';
+        switch (opt.location) {
+            case 'bottom-center':
+                positionStrategy = positionStrategy.bottom(pos).centerHorizontally();
+                break;
+            case 'bottom-end':
+                positionStrategy = positionStrategy.bottom(pos).right(gap + 'px');
+                break;
+            case 'bottom-start':
+                positionStrategy = positionStrategy.bottom(pos).left(gap + 'px');
+                break;
+            case 'top-center':
+                positionStrategy = positionStrategy.top(pos).centerHorizontally();
+                break;
+            case 'top-end':
+                positionStrategy = positionStrategy.top(pos).right(gap + 'px');
+                break;
+            case 'top-start':
+                positionStrategy = positionStrategy.top(pos).left(gap + 'px');
+                break;
+            case 'center-start':
+                positionStrategy = positionStrategy.centerVertically().left(gap + 'px');
+                break;
+            case 'center-end':
+                positionStrategy = positionStrategy
+                    .centerVertically()
+                    .right(gap + 'px');
+                break;
+            default:
+                break;
+        }
+        const overlayRef = this.overlayService.create({
+            positionStrategy,
+            panelClass: [
+                'ax-animate-animated',
+                'ax-animate-fadeIn',
+                'ax-animate-faster',
+            ],
+        });
+        const notificationPortal = new ComponentPortal(AXNotificationComponent, null, this.parentInjector);
+        const host = overlayRef.attach(notificationPortal);
+        host.instance.visibleIndex = this._activeList.length;
+        this._activeList.push(host.instance);
+        if (host.instance) {
+            Object.assign(host.instance, {
+                options: opt,
+                close: () => {
+                    this._activeList = this._activeList.filter(c => c != host.instance);
+                    overlayRef.dispose();
+                },
+            });
+            setTimeout(() => {
+                host.changeDetectorRef.detectChanges();
+            }, 0);
+        }
+        return {
+            close: () => {
+                host.instance.close();
+            },
+        };
+    }
+    hideAll() {
+        this._activeList.forEach(c => c.close());
+    }
+    getPosition(location) {
+        const list = this._activeList.filter(c => c.options.location == location);
+        if (list.length == 0)
+            return 0;
+        if (location.split('-')[0] == 'bottom') {
+            return (window.innerHeight - list[list.length - 1]._getHostElement().offsetTop);
+        }
+        else {
+            return (list[list.length - 1]._getHostElement().offsetTop +
+                list[list.length - 1]._getHostElement().offsetHeight);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationService, deps: [{ token: i1$1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXNotificationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
         }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }]; } });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AXNotificationComponent, AXNotificationModule, AXNotificationService };

package/fesm2022/acorex-components-notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-notification.mjs","sources":["../../../../projects/acorex/components/notification/src/notification.component.ts","../../../../projects/acorex/components/notification/src/notification.component.html","../../../../projects/acorex/components/notification/src/notification.module.ts","../../../../projects/acorex/components/notification/src/notification.service.ts","../../../../projects/acorex/components/notification/acorex-components-notification.ts"],"sourcesContent":["import { AXClosbaleComponent } from '@acorex/components/common';\r\nimport { AXButtonItem } from '@acorex/components/button';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  HostBinding,\r\n  TemplateRef,\r\n  ViewContainerRef,\r\n} from '@angular/core';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { AXNotificationOptions } from './notification.class';\r\nimport { ComponentPortal, Portal, TemplatePortal } from '@angular/cdk/portal';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-notification',\r\n  templateUrl: './notification.component.html',\r\n  styleUrls: ['./notification.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    { provide: AXClosbaleComponent, useExisting: AXNotificationComponent },\r\n  ],\r\n})\r\nexport class AXNotificationComponent extends AXBaseComponentMixin {\r\n  options: AXNotificationOptions;\r\n  _selectedPortal: Portal<any>;\r\n  _icon: string;\r\n\r\n  close: () => void;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private viewRef: ViewContainerRef\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onInit() {\r\n    this._initContent();\r\n    this._initIcon();\r\n    this._handleTimeOut();\r\n  }\r\n\r\n  private _handleTimeOut() {\r\n    if (this.options.timeOut) {\r\n      setTimeout(() => {\r\n        this.close();\r\n      }, this.options.timeOut);\r\n    }\r\n  }\r\n  private _initContent() {\r\n    if (this.options.content instanceof TemplateRef<any>) {\r\n      this._selectedPortal = new TemplatePortal(\r\n        this.options.content as TemplateRef<any>,\r\n        this.viewRef\r\n      );\r\n      this._cdr.markForCheck();\r\n    } else if (typeof this.options.content === 'function') {\r\n      this._selectedPortal = new ComponentPortal(this.options.content as any);\r\n      this._cdr.markForCheck();\r\n    }\r\n  }\r\n\r\n  private _initIcon() {\r\n    if (!this.options.icon) {\r\n      switch (this.options.color) {\r\n        case 'success':\r\n          this._icon = 'ax-icon ax-icon-check-circle-fill';\r\n          break;\r\n        case 'warning':\r\n          this._icon = 'ax-icon ax-icon-warning-fill';\r\n          break;\r\n        case 'danger':\r\n          this._icon = 'ax-icon ax-icon-error-fill';\r\n          break;\r\n        default:\r\n          this._icon = this.options.icon || 'ax-icon ax-icon-check-circle-fill';\r\n          break;\r\n      }\r\n    } else {\r\n      this._icon = this.options.icon;\r\n    }\r\n  }\r\n\r\n  _handleButtonClick(button: AXButtonItem) {\r\n    if (button.onClick) {\r\n      button.onClick(this);\r\n    }\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `ax-${this.options.color}`;\r\n  }\r\n}\r\n","<span [class]=\"'ax-notification-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-notification-content\">\r\n  <div class=\"ax-notification-title\">{{ options.title }}</div>\r\n  <ng-template *ngIf=\"_selectedPortal\">\r\n    <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  </ng-template>\r\n  <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  <div *ngIf=\"!_selectedPortal\">{{ options.content }}</div>\r\n  <div class=\"ax-notification-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <ax-button\r\n      *ngFor=\"let button of options.buttons\"\r\n      class=\"ax-xs\"\r\n      [text]=\"button.text\"\r\n      [color]=\"button.color\"\r\n      [look]=\"button.look\"\r\n      (onClick)=\"_handleButtonClick(button)\">\r\n      {{ button.text }}\r\n    </ax-button>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" (click)=\"close()\"></span>\r\n<div\r\n  class=\"ax-notification-progress\"\r\n  [style.animation-duration.ms]=\"options.timeOut\"\r\n  *ngIf=\"options.timeOut\"></div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXNotificationComponent } from './notification.component';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\n\r\nconst COMPONENT = [AXNotificationComponent];\r\nconst MODULES = [CommonModule, PortalModule, AXButtonModule];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [...MODULES],\r\n  exports: [...COMPONENT],\r\n  providers: [],\r\n})\r\nexport class AXNotificationModule {}\r\n","import { AXConfig } from '@acorex/core/config';\r\nimport { Overlay } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { Injectable, Injector, TemplateRef } from '@angular/core';\r\nimport { AXNotificationOptions, AXNotificationRef } from './notification.class';\r\nimport { AXNotificationComponent } from './notification.component';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AXNotificationService {\r\n  private readonly _defaults = {\r\n    gap: 5,\r\n    location: 'top-end',\r\n  };\r\n\r\n  constructor(\r\n    private overlayService: Overlay,\r\n    private parentInjector: Injector\r\n  ) {}\r\n\r\n  private _activeList: AXNotificationComponent[] = [];\r\n\r\n  show(options: AXNotificationOptions): AXNotificationRef {\r\n    const opt = Object.assign(\r\n      {\r\n        closeable: true,\r\n        location:\r\n          AXConfig.get('notification.location') || this._defaults.location,\r\n      },\r\n      options\r\n    );\r\n    const gap = AXConfig.get('notification.gap') || this._defaults.gap;\r\n\r\n    let positionStrategy = this.overlayService.position().global();\r\n    const pos = this.getPosition(opt.location) + gap + 'px';\r\n    switch (opt.location) {\r\n      case 'bottom-center':\r\n        positionStrategy = positionStrategy.bottom(pos).centerHorizontally();\r\n        break;\r\n      case 'bottom-end':\r\n        positionStrategy = positionStrategy.bottom(pos).right(gap + 'px');\r\n        break;\r\n      case 'bottom-start':\r\n        positionStrategy = positionStrategy.bottom(pos).left(gap + 'px');\r\n        break;\r\n      case 'top-center':\r\n        positionStrategy = positionStrategy.top(pos).centerHorizontally();\r\n        break;\r\n      case 'top-end':\r\n        positionStrategy = positionStrategy.top(pos).right(gap + 'px');\r\n        break;\r\n      case 'top-start':\r\n        positionStrategy = positionStrategy.top(pos).left(gap + 'px');\r\n        break;\r\n      case 'center-start':\r\n        positionStrategy = positionStrategy.centerVertically().left(gap + 'px');\r\n        break;\r\n      case 'center-end':\r\n        positionStrategy = positionStrategy\r\n          .centerVertically()\r\n          .right(gap + 'px');\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n    const overlayRef = this.overlayService.create({\r\n      positionStrategy,\r\n      panelClass: [\r\n        'ax-animate-animated',\r\n        'ax-animate-fadeIn',\r\n        'ax-animate-faster',\r\n      ],\r\n    });\r\n    const notificationPortal = new ComponentPortal(\r\n      AXNotificationComponent,\r\n      null,\r\n      this.parentInjector\r\n    );\r\n\r\n    const host = overlayRef.attach(notificationPortal);\r\n    (host.instance as any).visibleIndex = this._activeList.length;\r\n    this._activeList.push(host.instance);\r\n    if (host.instance) {\r\n      Object.assign(host.instance, {\r\n        options: opt,\r\n        close: () => {\r\n          this._activeList = this._activeList.filter(c => c != host.instance);\r\n          overlayRef.dispose();\r\n        },\r\n      });\r\n      setTimeout(() => {\r\n        host.changeDetectorRef.detectChanges();\r\n      }, 0);\r\n    }\r\n\r\n    return {\r\n      close: () => {\r\n        host.instance.close();\r\n      },\r\n    };\r\n  }\r\n\r\n  public hideAll() {\r\n    this._activeList.forEach(c => c.close());\r\n  }\r\n\r\n  private getPosition(location: string) {\r\n    const list = this._activeList.filter(c => c.options.location == location);\r\n    if (list.length == 0) return 0;\r\n    if (location.split('-')[0] == 'bottom') {\r\n      return (\r\n        window.innerHeight - list[list.length - 1]._getHostElement().offsetTop\r\n      );\r\n    } else {\r\n      return (\r\n        list[list.length - 1]._getHostElement().offsetTop +\r\n        list[list.length - 1]._getHostElement().offsetHeight\r\n      );\r\n    }\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"acorex-components-notification.mjs","sources":["../../../../projects/acorex/components/notification/src/notification.component.ts","../../../../projects/acorex/components/notification/src/notification.component.html","../../../../projects/acorex/components/notification/src/notification.module.ts","../../../../projects/acorex/components/notification/src/notification.service.ts","../../../../projects/acorex/components/notification/acorex-components-notification.ts"],"sourcesContent":["import { AXClosbaleComponent } from '@acorex/components/common';\r\nimport { AXButtonItem } from '@acorex/components/button';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  HostBinding,\r\n  TemplateRef,\r\n  ViewContainerRef,\r\n} from '@angular/core';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { AXNotificationOptions } from './notification.class';\r\nimport { ComponentPortal, Portal, TemplatePortal } from '@angular/cdk/portal';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-notification',\r\n  templateUrl: './notification.component.html',\r\n  styleUrls: ['./notification.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    { provide: AXClosbaleComponent, useExisting: AXNotificationComponent },\r\n  ],\r\n})\r\nexport class AXNotificationComponent extends AXBaseComponentMixin {\r\n  options: AXNotificationOptions;\r\n  _selectedPortal: Portal<any>;\r\n  _icon: string;\r\n\r\n  close: () => void;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private viewRef: ViewContainerRef\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onInit() {\r\n    this._initContent();\r\n    this._initIcon();\r\n    this._handleTimeOut();\r\n  }\r\n\r\n  private _handleTimeOut() {\r\n    if (this.options.timeOut) {\r\n      setTimeout(() => {\r\n        this.close();\r\n      }, this.options.timeOut);\r\n    }\r\n  }\r\n  private _initContent() {\r\n    if (this.options.content instanceof TemplateRef<any>) {\r\n      this._selectedPortal = new TemplatePortal(\r\n        this.options.content as TemplateRef<any>,\r\n        this.viewRef\r\n      );\r\n      this._cdr.markForCheck();\r\n    } else if (typeof this.options.content === 'function') {\r\n      this._selectedPortal = new ComponentPortal(this.options.content as any);\r\n      this._cdr.markForCheck();\r\n    }\r\n  }\r\n\r\n  private _initIcon() {\r\n    if (!this.options.icon) {\r\n      switch (this.options.color) {\r\n        case 'success':\r\n          this._icon = 'ax-icon ax-icon-check-circle-fill';\r\n          break;\r\n        case 'warning':\r\n          this._icon = 'ax-icon ax-icon-warning-fill';\r\n          break;\r\n        case 'danger':\r\n          this._icon = 'ax-icon ax-icon-error-fill';\r\n          break;\r\n        default:\r\n          this._icon = this.options.icon || 'ax-icon ax-icon-check-circle-fill';\r\n          break;\r\n      }\r\n    } else {\r\n      this._icon = this.options.icon;\r\n    }\r\n  }\r\n\r\n  _handleButtonClick(button: AXButtonItem) {\r\n    if (button.onClick) {\r\n      button.onClick(this);\r\n    }\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `ax-${this.options.color}`;\r\n  }\r\n}\r\n","<span [class]=\"'ax-notification-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-notification-content\">\r\n  <div class=\"ax-notification-title\">{{ options.title }}</div>\r\n  <ng-template *ngIf=\"_selectedPortal\">\r\n    <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  </ng-template>\r\n  <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\r\n  <div *ngIf=\"!_selectedPortal\">{{ options.content }}</div>\r\n  <div class=\"ax-notification-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <ax-button\r\n      *ngFor=\"let button of options.buttons\"\r\n      class=\"ax-xs\"\r\n      [text]=\"button.text\"\r\n      [color]=\"button.color\"\r\n      [look]=\"button.look\"\r\n      (onClick)=\"_handleButtonClick(button)\">\r\n      {{ button.text }}\r\n    </ax-button>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" (click)=\"close()\"></span>\r\n<div\r\n  class=\"ax-notification-progress\"\r\n  [style.animation-duration.ms]=\"options.timeOut\"\r\n  *ngIf=\"options.timeOut\"></div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXNotificationComponent } from './notification.component';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\n\r\nconst COMPONENT = [AXNotificationComponent];\r\nconst MODULES = [CommonModule, PortalModule, AXButtonModule];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [...MODULES],\r\n  exports: [...COMPONENT],\r\n  providers: [],\r\n})\r\nexport class AXNotificationModule {}\r\n","import { AXConfig } from '@acorex/core/config';\r\nimport { Overlay } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { Injectable, Injector, TemplateRef } from '@angular/core';\r\nimport { AXNotificationOptions, AXNotificationRef } from './notification.class';\r\nimport { AXNotificationComponent } from './notification.component';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AXNotificationService {\r\n  private readonly _defaults = {\r\n    gap: 5,\r\n    location: 'top-end',\r\n  };\r\n\r\n  constructor(\r\n    private overlayService: Overlay,\r\n    private parentInjector: Injector\r\n  ) {}\r\n\r\n  private _activeList: AXNotificationComponent[] = [];\r\n\r\n  show(options: AXNotificationOptions): AXNotificationRef {\r\n    const opt = Object.assign(\r\n      {\r\n        closeable: true,\r\n        location:\r\n          AXConfig.get('notification.location') || this._defaults.location,\r\n      },\r\n      options\r\n    );\r\n    const gap = AXConfig.get('notification.gap') || this._defaults.gap;\r\n\r\n    let positionStrategy = this.overlayService.position().global();\r\n    const pos = this.getPosition(opt.location) + gap + 'px';\r\n    switch (opt.location) {\r\n      case 'bottom-center':\r\n        positionStrategy = positionStrategy.bottom(pos).centerHorizontally();\r\n        break;\r\n      case 'bottom-end':\r\n        positionStrategy = positionStrategy.bottom(pos).right(gap + 'px');\r\n        break;\r\n      case 'bottom-start':\r\n        positionStrategy = positionStrategy.bottom(pos).left(gap + 'px');\r\n        break;\r\n      case 'top-center':\r\n        positionStrategy = positionStrategy.top(pos).centerHorizontally();\r\n        break;\r\n      case 'top-end':\r\n        positionStrategy = positionStrategy.top(pos).right(gap + 'px');\r\n        break;\r\n      case 'top-start':\r\n        positionStrategy = positionStrategy.top(pos).left(gap + 'px');\r\n        break;\r\n      case 'center-start':\r\n        positionStrategy = positionStrategy.centerVertically().left(gap + 'px');\r\n        break;\r\n      case 'center-end':\r\n        positionStrategy = positionStrategy\r\n          .centerVertically()\r\n          .right(gap + 'px');\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n    const overlayRef = this.overlayService.create({\r\n      positionStrategy,\r\n      panelClass: [\r\n        'ax-animate-animated',\r\n        'ax-animate-fadeIn',\r\n        'ax-animate-faster',\r\n      ],\r\n    });\r\n    const notificationPortal = new ComponentPortal(\r\n      AXNotificationComponent,\r\n      null,\r\n      this.parentInjector\r\n    );\r\n\r\n    const host = overlayRef.attach(notificationPortal);\r\n    (host.instance as any).visibleIndex = this._activeList.length;\r\n    this._activeList.push(host.instance);\r\n    if (host.instance) {\r\n      Object.assign(host.instance, {\r\n        options: opt,\r\n        close: () => {\r\n          this._activeList = this._activeList.filter(c => c != host.instance);\r\n          overlayRef.dispose();\r\n        },\r\n      });\r\n      setTimeout(() => {\r\n        host.changeDetectorRef.detectChanges();\r\n      }, 0);\r\n    }\r\n\r\n    return {\r\n      close: () => {\r\n        host.instance.close();\r\n      },\r\n    };\r\n  }\r\n\r\n  public hideAll() {\r\n    this._activeList.forEach(c => c.close());\r\n  }\r\n\r\n  private getPosition(location: string) {\r\n    const list = this._activeList.filter(c => c.options.location == location);\r\n    if (list.length == 0) return 0;\r\n    if (location.split('-')[0] == 'bottom') {\r\n      return (\r\n        window.innerHeight - list[list.length - 1]._getHostElement().offsetTop\r\n      );\r\n    } else {\r\n      return (\r\n        list[list.length - 1]._getHostElement().offsetTop +\r\n        list[list.length - 1]._getHostElement().offsetHeight\r\n      );\r\n    }\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}