@acorex/components 7.0.41 → 7.1.1

package/fesm2022/acorex-components-toast.mjs

@@ -0,0 +1,226 @@
+import { AXClosbaleComponent } from '@acorex/components/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, NgModule, Injectable } from '@angular/core';
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import { AXConfig } from '@acorex/core/config';
+import { ComponentPortal } from '@angular/cdk/portal';
+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 AXToastComponent extends AXBaseComponentMixin {
+    options;
+    _toastWidth = 100;
+    _icon;
+    close;
+    /**
+     *  @ignore
+     */
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+    onInit() {
+        if (this.options.timeOut) {
+            setTimeout(() => {
+                this.close();
+            }, this.options.timeOut);
+        }
+        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: AXToastComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXToastComponent, selector: "ax-toast", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], usesInheritance: true, ngImport: i0, template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-toast-content\">\r\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\r\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button> -->\r\n    <ng-container *ngFor=\"let button of options.buttons\">\r\n      <ax-button\r\n        class=\"ax-sm\"\r\n        [look]=\"button.look\"\r\n        [color]=\"this.options.color\"\r\n        [text]=\"button.text\"\r\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-700))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-700))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-700))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-700))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-700))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-700))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-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: "component", type: i2.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: AXToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-toast', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }], template: "<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-toast-content\">\r\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\r\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button> -->\r\n    <ng-container *ngFor=\"let button of options.buttons\">\r\n      <ax-button\r\n        class=\"ax-sm\"\r\n        [look]=\"button.look\"\r\n        [color]=\"this.options.color\"\r\n        [text]=\"button.text\"\r\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\r\n", styles: [".ax-dark ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-toast.ax-primary .ax-toast-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-toast.ax-secondary .ax-toast-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-toast.ax-success{background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-toast.ax-success .ax-toast-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-toast.ax-warning .ax-toast-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-toast.ax-danger .ax-toast-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-toast.ax-info{background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-toast.ax-info .ax-toast-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-200))}ax-toast{width:max(20vw,380px);display:flex;padding:.75rem 1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;background-color:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-border-default));position:relative;overflow:hidden;box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}ax-toast.ax-primary{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-toast.ax-primary .ax-toast-progress{background-color:rgba(var(--ax-color-primary-700))}ax-toast.ax-secondary{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-toast.ax-secondary .ax-toast-progress{background-color:rgba(var(--ax-color-secondary-700))}ax-toast.ax-success{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-toast.ax-success .ax-toast-progress{background-color:rgba(var(--ax-color-success-700))}ax-toast.ax-warning{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-toast.ax-warning .ax-toast-progress{background-color:rgba(var(--ax-color-warning-700))}ax-toast.ax-danger{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-toast.ax-danger .ax-toast-progress{background-color:rgba(var(--ax-color-danger-700))}ax-toast.ax-info{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-toast.ax-info .ax-toast-progress{background-color:rgba(var(--ax-color-info-700))}@media (max-width: 599px){ax-toast{width:98vw}}ax-toast .ax-toast-icon,ax-toast .ax-icon-close{font-size:1.25rem}ax-toast .ax-toast-icon{padding-inline-end:.75rem}ax-toast .ax-toast-content{display:flex;flex-direction:column;flex:1}ax-toast .ax-toast-content .ax-toast-title{font-weight:500}ax-toast .ax-toast-content .ax-toast-title.ax-mb-2{margin-bottom:.5rem}ax-toast .ax-toast-content .ax-toast-buttons{margin:.75rem 0;display:flex;gap:.5rem}ax-toast .ax-icon-close{cursor:pointer;height:-moz-fit-content;height:fit-content}ax-toast .ax-icon-close:hover{opacity:.6}ax-toast .ax-toast-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 }]; }, propDecorators: { __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+const COMPONENT = [AXToastComponent];
+const MODULES = [CommonModule, AXButtonModule];
+class AXToastModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, declarations: [AXToastComponent], imports: [CommonModule, AXButtonModule], exports: [AXToastComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+class AXToastService {
+    overlayService;
+    parentInjector;
+    _defaults = {
+        gap: 5,
+        timeOut: 2500,
+        location: 'bottom-center',
+    };
+    constructor(overlayService, parentInjector) {
+        this.overlayService = overlayService;
+        this.parentInjector = parentInjector;
+    }
+    _activeList = [];
+    primary(content) {
+        this.show({
+            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
+            color: 'primary',
+            content: content
+        });
+    }
+    secondary(content) {
+        this.show({
+            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
+            color: 'secondary',
+            content: content
+        });
+    }
+    success(content) {
+        this.show({
+            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
+            color: 'success',
+            content: content
+        });
+    }
+    warning(content) {
+        this.show({
+            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
+            color: 'warning',
+            content: content
+        });
+    }
+    danger(content) {
+        this.show({
+            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,
+            color: 'danger',
+            content: content
+        });
+    }
+    show(options) {
+        const opt = Object.assign({
+            closeable: true,
+            location: AXConfig.get('toast.location') || this._defaults.location
+        }, options);
+        const gap = AXConfig.get('toast.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;
+        }
+        const overlayRef = this.overlayService.create({
+            positionStrategy,
+            panelClass: ['ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],
+        });
+        const toastPortal = new ComponentPortal(AXToastComponent, null, this.parentInjector);
+        const host = overlayRef.attach(toastPortal);
+        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: AXToastService, 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: AXToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.Injector }]; } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXToastComponent, AXToastModule, AXToastService };
+//# sourceMappingURL=acorex-components-toast.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-toast.mjs","sources":["../../../../projects/acorex/components/toast/src/toast.component.ts","../../../../projects/acorex/components/toast/src/toast.component.html","../../../../projects/acorex/components/toast/src/toast.module.ts","../../../../projects/acorex/components/toast/src/toast.service.ts","../../../../projects/acorex/components/toast/acorex-components-toast.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} from '@angular/core';\r\nimport { AXToastOptions } from './toast.class';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\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-toast',\r\n  templateUrl: './toast.component.html',\r\n  styleUrls: ['./toast.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }],\r\n})\r\nexport class AXToastComponent extends AXBaseComponentMixin {\r\n\r\n  options: AXToastOptions;\r\n\r\n  _toastWidth: number = 100;\r\n\r\n  _icon: string;\r\n\r\n  close: () => void;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onInit() {\r\n    if (this.options.timeOut) {\r\n      setTimeout(() => {\r\n        this.close();\r\n      }, this.options.timeOut);\r\n    }\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}\r\n","<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-toast-content\">\r\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\r\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button> -->\r\n    <ng-container *ngFor=\"let button of options.buttons\">\r\n      <ax-button\r\n        class=\"ax-sm\"\r\n        [look]=\"button.look\"\r\n        [color]=\"this.options.color\"\r\n        [text]=\"button.text\"\r\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXToastComponent } from './toast.component';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\n\r\nconst COMPONENT = [AXToastComponent];\r\nconst MODULES = [CommonModule, 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 AXToastModule {}\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 } from '@angular/core';\r\nimport { AXToastOptions, AXToastRef } from './toast.class';\r\nimport { AXToastComponent } from './toast.component';\r\n\r\n\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AXToastService {\r\n\r\n\r\n    private readonly _defaults = {\r\n        gap: 5,\r\n        timeOut: 2500,\r\n        location: 'bottom-center',\r\n    }\r\n\r\n    constructor(private overlayService: Overlay, private parentInjector: Injector) {\r\n\r\n    }\r\n\r\n    private _activeList: AXToastComponent[] = [];\r\n\r\n    primary(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'primary',\r\n            content: content\r\n        });\r\n    }\r\n    secondary(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'secondary',\r\n            content: content\r\n        });\r\n    }\r\n    success(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'success',\r\n            content: content\r\n        });\r\n    }\r\n\r\n    warning(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'warning',\r\n            content: content\r\n        });\r\n    }\r\n    danger(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'danger',\r\n            content: content\r\n        });\r\n    }\r\n    show(options: AXToastOptions): AXToastRef {\r\n        const opt = Object.assign(\r\n            {\r\n                closeable: true,\r\n                location: AXConfig.get('toast.location') || this._defaults.location\r\n            },\r\n            options\r\n        );\r\n        const gap = AXConfig.get('toast.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.centerVertically().right(gap + 'px');\r\n                break;\r\n        }\r\n        const overlayRef = this.overlayService.create(\r\n            {\r\n                positionStrategy,\r\n                panelClass: ['ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],\r\n            });\r\n        const toastPortal = new ComponentPortal(AXToastComponent, null, this.parentInjector);\r\n\r\n        const host = overlayRef.attach(toastPortal);\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\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 window.innerHeight - list[list.length - 1]._getHostElement().offsetTop;\r\n        }\r\n        else {\r\n            return list[list.length - 1]._getHostElement().offsetTop + list[list.length - 1]._getHostElement().offsetHeight;\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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"}

package/fesm2022/acorex-components-tooltip.mjs

@@ -0,0 +1,206 @@
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Input, Directive, HostListener, NgModule } from '@angular/core';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { AXPositions } from '@acorex/components/common';
+import * as i1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { CommonModule } from '@angular/common';
+
+class AXTooltipComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+    text = '';
+    position;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXTooltipComponent, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\r\n  <div class=\"ax-tooltip\">\r\n    {{ text }}\r\n  </div>\r\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\r\n</div>\r\n", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-tooltip', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-tooltip-container\">\r\n  <div class=\"ax-tooltip\">\r\n    {{ text }}\r\n  </div>\r\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\r\n</div>\r\n", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }] } });
+
+class AXTooltipDirective {
+    overlay;
+    overlayPositionBuilder;
+    elementRef;
+    cdr;
+    text = '';
+    position = 'top-center';
+    overlayRef;
+    positions;
+    constructor(overlay, overlayPositionBuilder, elementRef, cdr) {
+        this.overlay = overlay;
+        this.overlayPositionBuilder = overlayPositionBuilder;
+        this.elementRef = elementRef;
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
+        //Add 'implements OnInit' to the class.
+        this.positioning();
+    }
+    ngAfterViewInit() { }
+    positioning() {
+        const offset = 8;
+        switch (this.position) {
+            case 'top-start':
+                this.positions = [
+                    {
+                        ...AXPositions.topStart,
+                        offsetY: -offset,
+                    },
+                ];
+                break;
+            default:
+            case 'top-center':
+                this.positions = [
+                    {
+                        ...AXPositions.topCenter,
+                        offsetY: -offset,
+                    },
+                ];
+                break;
+            case 'top-end':
+                this.positions = [
+                    {
+                        ...AXPositions.topEnd,
+                        offsetY: -offset,
+                    },
+                ];
+                break;
+            case 'start-start':
+                this.positions = [
+                    {
+                        ...AXPositions.startStart,
+                        offsetX: -offset,
+                    },
+                ];
+                break;
+            case 'start-center':
+                this.positions = [
+                    {
+                        ...AXPositions.startCenter,
+                        offsetX: -offset,
+                    },
+                ];
+                break;
+            case 'start-end':
+                this.positions = [
+                    {
+                        ...AXPositions.startEnd,
+                        offsetX: -offset,
+                    },
+                ];
+                break;
+            case 'bottom-start':
+                this.positions = [
+                    {
+                        ...AXPositions.bottomStart,
+                        offsetY: offset,
+                    },
+                ];
+                break;
+            case 'bottom-center':
+                this.positions = [
+                    {
+                        ...AXPositions.bottomCenter,
+                        offsetY: offset,
+                    },
+                ];
+                break;
+            case 'bottom-end':
+                this.positions = [
+                    {
+                        ...AXPositions.bottomEnd,
+                        offsetY: offset,
+                    },
+                ];
+                break;
+            case 'end-start':
+                this.positions = [
+                    {
+                        ...AXPositions.endStart,
+                        offsetX: offset,
+                    },
+                ];
+                break;
+            case 'end-center':
+                this.positions = [
+                    {
+                        ...AXPositions.endCenter,
+                        offsetX: offset,
+                    },
+                ];
+                break;
+            case 'end-end':
+                this.positions = [
+                    {
+                        ...AXPositions.endEnd,
+                        offsetX: offset,
+                    },
+                ];
+                break;
+        }
+        const positionStrategy = this.overlayPositionBuilder.flexibleConnectedTo(this.elementRef).withPositions(this.positions);
+        this.overlayRef = this.overlay.create({ positionStrategy });
+    }
+    show() {
+        const tooltipRef = this.overlayRef.attach(new ComponentPortal(AXTooltipComponent));
+        tooltipRef.instance.text = this.text;
+        tooltipRef.instance.position = this.position;
+        setTimeout(() => {
+            this.cdr.markForCheck();
+        });
+    }
+    hide() {
+        this.overlayRef.detach();
+        this.cdr.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i1.Overlay }, { token: i1.OverlayPositionBuilder }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { text: ["axTooltip", "text"], position: ["axTooltipPosition", "position"] }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[axTooltip]' }]
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i1.OverlayPositionBuilder }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
+                type: Input,
+                args: ['axTooltip']
+            }], position: [{
+                type: Input,
+                args: ['axTooltipPosition']
+            }], show: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], hide: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+const COMPONENT = [AXTooltipComponent, AXTooltipDirective];
+const MODULES = [CommonModule, OverlayModule];
+class AXTooltipModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipModule, declarations: [AXTooltipComponent, AXTooltipDirective], imports: [CommonModule, OverlayModule], exports: [AXTooltipComponent, AXTooltipDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXTooltipComponent, AXTooltipDirective, AXTooltipModule };
+//# sourceMappingURL=acorex-components-tooltip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-tooltip.mjs","sources":["../../../../projects/acorex/components/tooltip/src/tooltip.component.ts","../../../../projects/acorex/components/tooltip/src/tooltip.component.html","../../../../projects/acorex/components/tooltip/src/tooltip.directive.ts","../../../../projects/acorex/components/tooltip/src/tooltip.module.ts","../../../../projects/acorex/components/tooltip/acorex-components-tooltip.ts"],"sourcesContent":["import { AXPosition } from '@acorex/components/common';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { animate, AnimationTriggerMetadata, style, transition, trigger } from '@angular/animations';\r\nimport { Component, ViewEncapsulation, ElementRef, ChangeDetectorRef, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-tooltip',\r\n  templateUrl: './tooltip.component.html',\r\n  styleUrls: ['./tooltip.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  // animations: [\r\n  //   trigger('tooltip', [\r\n  //     transition(':enter', [style({ opacity: 0 }), animate(50, style({ opacity: 1 }))]),\r\n  //     transition(':leave', [animate(50, style({ opacity: 0 }))]),\r\n  //   ]),\r\n  // ],\r\n})\r\nexport class AXTooltipComponent extends AXBaseComponentMixin {\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  @Input()\r\n  text: string = '';\r\n\r\n  @Input() position: AXPosition;\r\n}\r\n","<div class=\"ax-tooltip-container\">\r\n  <div class=\"ax-tooltip\">\r\n    {{ text }}\r\n  </div>\r\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\r\n</div>\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  ComponentRef,\r\n  Directive,\r\n  ElementRef,\r\n  HostListener,\r\n  Input,\r\n  OnInit,\r\n} from '@angular/core';\r\nimport { Overlay, OverlayPositionBuilder, OverlayRef } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { AXTooltipComponent } from './tooltip.component';\r\nimport { AXPosition, AXPositions } from '@acorex/components/common';\r\n\r\n@Directive({ selector: '[axTooltip]' })\r\nexport class AXTooltipDirective {\r\n  @Input('axTooltip') text = '';\r\n  @Input('axTooltipPosition') position: AXPosition = 'top-center';\r\n\r\n  private overlayRef: OverlayRef;\r\n  protected positions: any[];\r\n\r\n  constructor(\r\n    private overlay: Overlay,\r\n    private overlayPositionBuilder: OverlayPositionBuilder,\r\n    private elementRef: ElementRef,\r\n    private cdr: ChangeDetectorRef\r\n  ) {}\r\n\r\n  ngOnInit(): void {\r\n    //Called after the constructor, initializing input properties, and the first call to ngOnChanges.\r\n    //Add 'implements OnInit' to the class.\r\n    this.positioning();\r\n  }\r\n  ngAfterViewInit(): void {}\r\n\r\n  protected positioning() {\r\n    const offset = 8;\r\n    switch (this.position) {\r\n      case 'top-start':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.topStart,\r\n            offsetY: -offset,\r\n          },\r\n        ];\r\n        break;\r\n      default:\r\n      case 'top-center':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.topCenter,\r\n            offsetY: -offset,\r\n          },\r\n        ];\r\n        break;\r\n      case 'top-end':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.topEnd,\r\n            offsetY: -offset,\r\n          },\r\n        ];\r\n        break;\r\n\r\n      case 'start-start':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.startStart,\r\n            offsetX: -offset,\r\n          },\r\n        ];\r\n        break;\r\n\r\n      case 'start-center':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.startCenter,\r\n            offsetX: -offset,\r\n          },\r\n        ];\r\n        break;\r\n\r\n      case 'start-end':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.startEnd,\r\n            offsetX: -offset,\r\n          },\r\n        ];\r\n        break;\r\n\r\n      case 'bottom-start':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.bottomStart,\r\n            offsetY: offset,\r\n          },\r\n        ];\r\n        break;\r\n      case 'bottom-center':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.bottomCenter,\r\n            offsetY: offset,\r\n          },\r\n        ];\r\n        break;\r\n      case 'bottom-end':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.bottomEnd,\r\n            offsetY: offset,\r\n          },\r\n        ];\r\n        break;\r\n\r\n      case 'end-start':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.endStart,\r\n            offsetX: offset,\r\n          },\r\n        ];\r\n        break;\r\n      case 'end-center':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.endCenter,\r\n            offsetX: offset,\r\n          },\r\n        ];\r\n        break;\r\n      case 'end-end':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.endEnd,\r\n            offsetX: offset,\r\n          },\r\n        ];\r\n        break;\r\n    }\r\n    const positionStrategy = this.overlayPositionBuilder.flexibleConnectedTo(this.elementRef).withPositions(this.positions);\r\n    this.overlayRef = this.overlay.create({ positionStrategy });\r\n  }\r\n\r\n  @HostListener('mouseenter')\r\n  show() {\r\n    const tooltipRef: ComponentRef<AXTooltipComponent> = this.overlayRef.attach(new ComponentPortal(AXTooltipComponent));\r\n    tooltipRef.instance.text = this.text;\r\n    tooltipRef.instance.position = this.position;\r\n    setTimeout(() => {\r\n      this.cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  hide() {\r\n    this.overlayRef.detach();\r\n    this.cdr.markForCheck();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTooltipComponent } from './tooltip.component';\r\nimport { AXTooltipDirective } from './tooltip.directive';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\n\r\nconst COMPONENT = [AXTooltipComponent, AXTooltipDirective];\r\nconst MODULES = [CommonModule, OverlayModule];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [...MODULES],\r\n  exports: [...COMPONENT],\r\n})\r\nexport class AXTooltipModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}