@acorex/components 7.1.0 → 7.1.2

package/fesm2022/acorex-components-alert.mjs

@@ -7,206 +7,206 @@ import { _ColorLookComponentMixin, AXBaseComponent } from '@acorex/components/mi
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
-const AXBaseAlertMixin = _ColorLookComponentMixin(AXBaseComponent);
-/**
- * Regular description
- *
- * @category Components
- */
-class AXAlertComponent extends AXBaseAlertMixin {
-    _icon;
-    _buttons;
-    _title;
-    _content;
-    _footer;
-    _showInline = false;
-    onClosed = new EventEmitter();
-    _customIcon;
-    _timeOutRef;
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        const _class = this.look ? `ax-${this.color}-${this.look}` : `ax-${this.color}-default`;
-        return `ax-alert ax-none ${_class}`;
-    }
-    _timeOut;
-    get timeOut() {
-        return this._timeOut;
-    }
-    set timeOut(v) {
-        if (v != this._timeOut) {
-            clearTimeout(this._timeOutRef);
-            this._timeOut = v;
-            if (v) {
-                this._timeOutRef = window.setTimeout(() => {
-                    this.close();
-                }, this.timeOut);
-            }
-        }
-    }
-    _observer;
-    _visible;
-    /**
-     *  set the visibility of the Alert
-     */
-    get visible() {
-        return this._visible;
-    }
-    set visible(v) {
-        if (this._visible != v) {
-            this._visible = v;
-            const host = this._getHostElement();
-            if (v) {
-                host.classList.remove('ax-state-hidden');
-                host.classList.add('ax-state-visible');
-            }
-            else {
-                host.classList.add('ax-state-hidden');
-                host.classList.toggle('ax-state-visible');
-            }
-        }
-    }
-    /**
-     *  @ignore
-     */
-    constructor(elementRef, cdr) {
-        super(elementRef, cdr);
-        //
-        const config = { attributes: false, childList: true, subtree: true };
-        const callback = (mutationList, observer) => {
-            for (const mutation of mutationList) {
-                if (mutation.type === 'childList') {
-                    this._setIcon();
-                    this._applyButtonStyle();
-                    this._showInline = this._content != null || this._footer != null;
-                    this._cdr.markForCheck();
-                }
-            }
-        };
-        // Create an observer instance linked to the callback function
-        this._observer = new MutationObserver(callback);
-        // Start observing the target node for configured mutations
-        this._observer.observe(this._getHostElement(), config);
-    }
-    onViewInit() {
-        if (this.visible == undefined) {
-            this.visible = true;
-        }
-        //
-        this._customIcon = this._icon?.icon;
-        this._showInline = this._content != null || this._footer != null;
-    }
-    _onOptionChanged(option) {
-        this._setIcon();
-        this._applyButtonStyle();
-    }
-    _setIcon() {
-        if (!this._icon || this._icon._getInnerElement())
-            return;
-        switch (this.color) {
-            case 'success':
-                this._icon.icon = 'ax-icon ax-icon-check-circle-fill';
-                break;
-            case 'danger':
-                this._icon.icon = 'ax-icon ax-icon-error-fill';
-                break;
-            case 'warning':
-                this._icon.icon = 'ax-icon ax-icon-warning-fill';
-                break;
-            default:
-                this._icon.icon = this._customIcon || 'ax-icon ax-icon-check-circle-fill';
-                break;
-        }
-    }
-    _applyButtonStyle() {
-        this._buttons?.forEach((c) => {
-            c.color = this.color;
-            c.getHostElement().classList.add('ax-sm');
-            c.look = !c.look || c.look == 'default' ? 'default' : 'blank';
-        });
-    }
-    /**
-     *  Remove the alert from the container
-     */
-    close() {
-        const host = this._getHostElement();
-        this.visible = false;
-        const func = () => {
-            host.parentElement?.removeChild(host);
-            this.onClosed.emit({
-                component: this,
-            });
-            host.removeEventListener('transitionend', func);
-        };
-        host.addEventListener('transitionend', func);
-    }
-    /**
-     *  Hide the alert
-     */
-    hide() {
-        this.visible = false;
-    }
-    /**
-     *  Show the alert
-     */
-    show() {
-        this.visible = true;
-    }
-    onDestroy() {
-        this._observer?.disconnect();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_title", first: true, predicate: AXDecoratorTitleComponent, descendants: true }, { propertyName: "_content", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footer", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n  <div class=\"ax-alert-middle-block-start\">\r\n    <div class=\"ax-alert-title\">\r\n      <ng-content select=\"ax-title\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ax-alert-middle-block-end\"\r\n    [class.ax-hidden]=\"!_showInline\"\r\n    [class.ax-title-gap]=\"_title\">\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-footer\"> </ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-button\"></ng-content>\r\n  <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div\r\n  class=\"ax-alert-progress\"\r\n  [style.animation-duration.ms]=\"timeOut\"\r\n  *ngIf=\"timeOut\"></div>\r\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{border-radius:99rem;display:grid;place-items:center;font-size:1.25rem;line-height:1.25rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-middle-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-middle-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-middle-block-start .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-middle-block-end{display:flex;flex-direction:column;gap:1rem}ax-alert .ax-alert-middle-block-end.ax-title-gap{margin-top:.5rem}ax-alert .ax-alert-middle-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-middle-block-end ax-content{display:block}ax-alert .ax-alert-middle-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAlertComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-alert', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n  <div class=\"ax-alert-middle-block-start\">\r\n    <div class=\"ax-alert-title\">\r\n      <ng-content select=\"ax-title\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ax-alert-middle-block-end\"\r\n    [class.ax-hidden]=\"!_showInline\"\r\n    [class.ax-title-gap]=\"_title\">\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-footer\"> </ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-button\"></ng-content>\r\n  <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div\r\n  class=\"ax-alert-progress\"\r\n  [style.animation-duration.ms]=\"timeOut\"\r\n  *ngIf=\"timeOut\"></div>\r\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{border-radius:99rem;display:grid;place-items:center;font-size:1.25rem;line-height:1.25rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-middle-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-middle-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-middle-block-start .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-middle-block-end{display:flex;flex-direction:column;gap:1rem}ax-alert .ax-alert-middle-block-end.ax-title-gap{margin-top:.5rem}ax-alert .ax-alert-middle-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-middle-block-end ax-content{display:block}ax-alert .ax-alert-middle-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _icon: [{
-                type: ContentChild,
-                args: [AXDecoratorIconComponent]
-            }], _buttons: [{
-                type: ContentChildren,
-                args: [AXButtonComponent, { descendants: true }]
-            }], _title: [{
-                type: ContentChild,
-                args: [AXDecoratorTitleComponent]
-            }], _content: [{
-                type: ContentChild,
-                args: [AXDecoratorContentComponent]
-            }], _footer: [{
-                type: ContentChild,
-                args: [AXDecoratorFooterComponent]
-            }], onClosed: [{
-                type: Output
-            }], __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], timeOut: [{
-                type: Input
-            }], visible: [{
-                type: Input
+const AXBaseAlertMixin = _ColorLookComponentMixin(AXBaseComponent);
+/**
+ * Regular description
+ *
+ * @category Components
+ */
+class AXAlertComponent extends AXBaseAlertMixin {
+    _icon;
+    _buttons;
+    _title;
+    _content;
+    _footer;
+    _showInline = false;
+    onClosed = new EventEmitter();
+    _customIcon;
+    _timeOutRef;
+    /**
+     *  @ignore
+     */
+    get __hostClass() {
+        const _class = this.look ? `ax-${this.color}-${this.look}` : `ax-${this.color}-default`;
+        return `ax-alert ax-none ${_class}`;
+    }
+    _timeOut;
+    get timeOut() {
+        return this._timeOut;
+    }
+    set timeOut(v) {
+        if (v != this._timeOut) {
+            clearTimeout(this._timeOutRef);
+            this._timeOut = v;
+            if (v) {
+                this._timeOutRef = window.setTimeout(() => {
+                    this.close();
+                }, this.timeOut);
+            }
+        }
+    }
+    _observer;
+    _visible;
+    /**
+     *  set the visibility of the Alert
+     */
+    get visible() {
+        return this._visible;
+    }
+    set visible(v) {
+        if (this._visible != v) {
+            this._visible = v;
+            const host = this._getHostElement();
+            if (v) {
+                host.classList.remove('ax-state-hidden');
+                host.classList.add('ax-state-visible');
+            }
+            else {
+                host.classList.add('ax-state-hidden');
+                host.classList.toggle('ax-state-visible');
+            }
+        }
+    }
+    /**
+     *  @ignore
+     */
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+        //
+        const config = { attributes: false, childList: true, subtree: true };
+        const callback = (mutationList, observer) => {
+            for (const mutation of mutationList) {
+                if (mutation.type === 'childList') {
+                    this._setIcon();
+                    this._applyButtonStyle();
+                    this._showInline = this._content != null || this._footer != null;
+                    this._cdr.markForCheck();
+                }
+            }
+        };
+        // Create an observer instance linked to the callback function
+        this._observer = new MutationObserver(callback);
+        // Start observing the target node for configured mutations
+        this._observer.observe(this._getHostElement(), config);
+    }
+    onViewInit() {
+        if (this.visible == undefined) {
+            this.visible = true;
+        }
+        //
+        this._customIcon = this._icon?.icon;
+        this._showInline = this._content != null || this._footer != null;
+    }
+    _onOptionChanged(option) {
+        this._setIcon();
+        this._applyButtonStyle();
+    }
+    _setIcon() {
+        if (!this._icon || this._icon._getInnerElement())
+            return;
+        switch (this.color) {
+            case 'success':
+                this._icon.icon = 'ax-icon ax-icon-check-circle-fill';
+                break;
+            case 'danger':
+                this._icon.icon = 'ax-icon ax-icon-error-fill';
+                break;
+            case 'warning':
+                this._icon.icon = 'ax-icon ax-icon-warning-fill';
+                break;
+            default:
+                this._icon.icon = this._customIcon || 'ax-icon ax-icon-check-circle-fill';
+                break;
+        }
+    }
+    _applyButtonStyle() {
+        this._buttons?.forEach((c) => {
+            c.color = this.color;
+            c.getHostElement().classList.add('ax-sm');
+            c.look = !c.look || c.look == 'default' ? 'default' : 'blank';
+        });
+    }
+    /**
+     *  Remove the alert from the container
+     */
+    close() {
+        const host = this._getHostElement();
+        this.visible = false;
+        const func = () => {
+            host.parentElement?.removeChild(host);
+            this.onClosed.emit({
+                component: this,
+            });
+            host.removeEventListener('transitionend', func);
+        };
+        host.addEventListener('transitionend', func);
+    }
+    /**
+     *  Hide the alert
+     */
+    hide() {
+        this.visible = false;
+    }
+    /**
+     *  Show the alert
+     */
+    show() {
+        this.visible = true;
+    }
+    onDestroy() {
+        this._observer?.disconnect();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAlertComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_icon", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_title", first: true, predicate: AXDecoratorTitleComponent, descendants: true }, { propertyName: "_content", first: true, predicate: AXDecoratorContentComponent, descendants: true }, { propertyName: "_footer", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttons", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n  <div class=\"ax-alert-middle-block-start\">\r\n    <div class=\"ax-alert-title\">\r\n      <ng-content select=\"ax-title\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ax-alert-middle-block-end\"\r\n    [class.ax-hidden]=\"!_showInline\"\r\n    [class.ax-title-gap]=\"_title\">\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-footer\"> </ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-button\"></ng-content>\r\n  <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div\r\n  class=\"ax-alert-progress\"\r\n  [style.animation-duration.ms]=\"timeOut\"\r\n  *ngIf=\"timeOut\"></div>\r\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{border-radius:99rem;display:grid;place-items:center;font-size:1.25rem;line-height:1.25rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-middle-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-middle-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-middle-block-start .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-middle-block-end{display:flex;flex-direction:column;gap:1rem}ax-alert .ax-alert-middle-block-end.ax-title-gap{margin-top:.5rem}ax-alert .ax-alert-middle-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-middle-block-end ax-content{display:block}ax-alert .ax-alert-middle-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-alert', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n  <div class=\"ax-alert-middle-block-start\">\r\n    <div class=\"ax-alert-title\">\r\n      <ng-content select=\"ax-title\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ax-alert-middle-block-end\"\r\n    [class.ax-hidden]=\"!_showInline\"\r\n    [class.ax-title-gap]=\"_title\">\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-footer\"> </ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-button\"></ng-content>\r\n  <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div\r\n  class=\"ax-alert-progress\"\r\n  [style.animation-duration.ms]=\"timeOut\"\r\n  *ngIf=\"timeOut\"></div>\r\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:center}ax-alert .ax-alert-inline-start>ax-icon{border-radius:99rem;display:grid;place-items:center;font-size:1.25rem;line-height:1.25rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-middle-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-middle-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-middle-block-start .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-middle-block-end{display:flex;flex-direction:column;gap:1rem}ax-alert .ax-alert-middle-block-end.ax-title-gap{margin-top:.5rem}ax-alert .ax-alert-middle-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-middle-block-end ax-content{display:block}ax-alert .ax-alert-middle-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _icon: [{
+                type: ContentChild,
+                args: [AXDecoratorIconComponent]
+            }], _buttons: [{
+                type: ContentChildren,
+                args: [AXButtonComponent, { descendants: true }]
+            }], _title: [{
+                type: ContentChild,
+                args: [AXDecoratorTitleComponent]
+            }], _content: [{
+                type: ContentChild,
+                args: [AXDecoratorContentComponent]
+            }], _footer: [{
+                type: ContentChild,
+                args: [AXDecoratorFooterComponent]
+            }], onClosed: [{
+                type: Output
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], timeOut: [{
+                type: Input
+            }], visible: [{
+                type: Input
             }] } });
 
-const COMPONENT = [AXAlertComponent];
-const MODULES = [CommonModule, AXDecoratorModule];
-class AXAlertModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAlertModule, imports: [MODULES] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAlertModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
+const COMPONENT = [AXAlertComponent];
+const MODULES = [CommonModule, AXDecoratorModule];
+class AXAlertModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAlertModule, imports: [MODULES] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
         }] });
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { AXAlertComponent, AXAlertModule, AXBaseAlertMixin };

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../projects/acorex/components/alert/src/alert.component.ts","../../../../projects/acorex/components/alert/src/alert.component.html","../../../../projects/acorex/components/alert/src/alert.module.ts","../../../../projects/acorex/components/alert/acorex-components-alert.ts"],"sourcesContent":["import { AXButtonComponent } from '@acorex/components/button';\r\nimport {\r\n  AXDecoratorContentComponent,\r\n  AXDecoratorFooterComponent,\r\n  AXDecoratorIconComponent,\r\n  AXDecoratorTitleComponent,\r\n} from '@acorex/components/decorators';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  HostBinding,\r\n  ContentChild,\r\n  EventEmitter,\r\n  Output,\r\n  QueryList,\r\n  ContentChildren,\r\n  ViewChild,\r\n} from '@angular/core';\r\nimport { startWith } from 'rxjs/operators';\r\nimport { AXClosbaleComponent, AXEvent } from '@acorex/components/common';\r\nimport { AXBaseComponent, AXComponentOptionChanged, _ColorLookComponentMixin } from '@acorex/components/mixin';\r\n\r\nexport const AXBaseAlertMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n\r\n/**\r\n * Regular description\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-alert',\r\n  templateUrl: './alert.component.html',\r\n  styleUrls: ['./alert.component.scss'],\r\n  inputs: ['color'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }],\r\n})\r\nexport class AXAlertComponent extends AXBaseAlertMixin {\r\n  @ContentChild(AXDecoratorIconComponent)\r\n  private _icon!: AXDecoratorIconComponent;\r\n\r\n  @ContentChildren(AXButtonComponent, { descendants: true })\r\n  private _buttons!: QueryList<AXButtonComponent>;\r\n\r\n  @ContentChild(AXDecoratorTitleComponent)\r\n  protected _title!: AXButtonComponent;\r\n  @ContentChild(AXDecoratorContentComponent)\r\n  protected _content!: AXButtonComponent;\r\n\r\n  @ContentChild(AXDecoratorFooterComponent)\r\n  protected _footer!: AXButtonComponent;\r\n\r\n  protected _showInline: boolean = false;\r\n\r\n  @Output()\r\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\r\n\r\n  private _customIcon: string;\r\n  private _timeOutRef: number;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  @HostBinding('class')\r\n  get __hostClass(): string {\r\n    const _class = this.look ? `ax-${this.color}-${this.look}` : `ax-${this.color}-default`;\r\n    return `ax-alert ax-none ${_class}`;\r\n  }\r\n\r\n  private _timeOut: number;\r\n  @Input()\r\n  public get timeOut(): number {\r\n    return this._timeOut;\r\n  }\r\n  public set timeOut(v: number) {\r\n    if (v != this._timeOut) {\r\n      clearTimeout(this._timeOutRef);\r\n      this._timeOut = v;\r\n      if (v) {\r\n        this._timeOutRef = window.setTimeout(() => {\r\n          this.close();\r\n        }, this.timeOut);\r\n      }\r\n    }\r\n  }\r\n\r\n  private _observer: MutationObserver;\r\n\r\n  protected _visible: boolean;\r\n  /**\r\n   *  set the visibility of the Alert\r\n   */\r\n  @Input()\r\n  public get visible(): boolean {\r\n    return this._visible;\r\n  }\r\n  public set visible(v: boolean) {\r\n    if (this._visible != v) {\r\n      this._visible = v;\r\n      const host = this._getHostElement();\r\n      if (v) {\r\n        host.classList.remove('ax-state-hidden');\r\n        host.classList.add('ax-state-visible');\r\n      } else {\r\n        host.classList.add('ax-state-hidden');\r\n        host.classList.toggle('ax-state-visible');\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n    //\r\n    const config = { attributes: false, childList: true, subtree: true };\r\n\r\n    const callback = (mutationList, observer) => {\r\n      for (const mutation of mutationList) {\r\n        if (mutation.type === 'childList') {\r\n          this._setIcon();\r\n          this._applyButtonStyle();\r\n          this._showInline = this._content != null || this._footer != null;\r\n          this._cdr.markForCheck();\r\n        }\r\n      }\r\n    };\r\n\r\n    // Create an observer instance linked to the callback function\r\n    this._observer = new MutationObserver(callback);\r\n\r\n    // Start observing the target node for configured mutations\r\n    this._observer.observe(this._getHostElement(), config);\r\n  }\r\n\r\n  onViewInit() {\r\n    if (this.visible == undefined) {\r\n      this.visible = true;\r\n    }\r\n    //\r\n    this._customIcon = this._icon?.icon;\r\n    this._showInline = this._content != null || this._footer != null;\r\n  }\r\n\r\n  override _onOptionChanged(option: AXComponentOptionChanged) {\r\n    this._setIcon();\r\n    this._applyButtonStyle();\r\n  }\r\n\r\n  private _setIcon() {\r\n    if (!this._icon || this._icon._getInnerElement()) return;\r\n\r\n    switch (this.color) {\r\n      case 'success':\r\n        this._icon.icon = 'ax-icon ax-icon-check-circle-fill';\r\n        break;\r\n      case 'danger':\r\n        this._icon.icon = 'ax-icon ax-icon-error-fill';\r\n        break;\r\n      case 'warning':\r\n        this._icon.icon = 'ax-icon ax-icon-warning-fill';\r\n        break;\r\n      default:\r\n        this._icon.icon = this._customIcon || 'ax-icon ax-icon-check-circle-fill';\r\n        break;\r\n    }\r\n  }\r\n\r\n  private _applyButtonStyle() {\r\n    this._buttons?.forEach((c: any) => {\r\n      c.color = this.color;\r\n      c.getHostElement().classList.add('ax-sm');\r\n      c.look = !c.look || c.look == 'default' ? 'default' : 'blank';\r\n    });\r\n  }\r\n\r\n  /**\r\n   *  Remove the alert from the container\r\n   */\r\n  close(): void {\r\n    const host = this._getHostElement();\r\n    this.visible = false;\r\n    const func = () => {\r\n      host.parentElement?.removeChild(host);\r\n      this.onClosed.emit({\r\n        component: this,\r\n      });\r\n      host.removeEventListener('transitionend', func);\r\n    };\r\n    host.addEventListener('transitionend', func);\r\n  }\r\n\r\n  /**\r\n   *  Hide the alert\r\n   */\r\n  hide(): void {\r\n    this.visible = false;\r\n  }\r\n\r\n  /**\r\n   *  Show the alert\r\n   */\r\n  show() {\r\n    this.visible = true;\r\n  }\r\n\r\n  onDestroy(): void {\r\n    this._observer?.disconnect();\r\n  }\r\n}\r\n","<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n  <div class=\"ax-alert-middle-block-start\">\r\n    <div class=\"ax-alert-title\">\r\n      <ng-content select=\"ax-title\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ax-alert-middle-block-end\"\r\n    [class.ax-hidden]=\"!_showInline\"\r\n    [class.ax-title-gap]=\"_title\">\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-footer\"> </ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-button\"></ng-content>\r\n  <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div\r\n  class=\"ax-alert-progress\"\r\n  [style.animation-duration.ms]=\"timeOut\"\r\n  *ngIf=\"timeOut\"></div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXAlertComponent } from './alert.component';\r\n\r\nconst COMPONENT = [AXAlertComponent];\r\nconst MODULES = [CommonModule, AXDecoratorModule];\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 AXAlertModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-alert.mjs","sources":["../../../../projects/acorex/components/alert/src/alert.component.ts","../../../../projects/acorex/components/alert/src/alert.component.html","../../../../projects/acorex/components/alert/src/alert.module.ts","../../../../projects/acorex/components/alert/acorex-components-alert.ts"],"sourcesContent":["import { AXButtonComponent } from '@acorex/components/button';\r\nimport {\r\n  AXDecoratorContentComponent,\r\n  AXDecoratorFooterComponent,\r\n  AXDecoratorIconComponent,\r\n  AXDecoratorTitleComponent,\r\n} from '@acorex/components/decorators';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  Input,\r\n  HostBinding,\r\n  ContentChild,\r\n  EventEmitter,\r\n  Output,\r\n  QueryList,\r\n  ContentChildren,\r\n  ViewChild,\r\n} from '@angular/core';\r\nimport { startWith } from 'rxjs/operators';\r\nimport { AXClosbaleComponent, AXEvent } from '@acorex/components/common';\r\nimport { AXBaseComponent, AXComponentOptionChanged, _ColorLookComponentMixin } from '@acorex/components/mixin';\r\n\r\nexport const AXBaseAlertMixin = _ColorLookComponentMixin(AXBaseComponent);\r\n\r\n/**\r\n * Regular description\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-alert',\r\n  templateUrl: './alert.component.html',\r\n  styleUrls: ['./alert.component.scss'],\r\n  inputs: ['color'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }],\r\n})\r\nexport class AXAlertComponent extends AXBaseAlertMixin {\r\n  @ContentChild(AXDecoratorIconComponent)\r\n  private _icon!: AXDecoratorIconComponent;\r\n\r\n  @ContentChildren(AXButtonComponent, { descendants: true })\r\n  private _buttons!: QueryList<AXButtonComponent>;\r\n\r\n  @ContentChild(AXDecoratorTitleComponent)\r\n  protected _title!: AXButtonComponent;\r\n  @ContentChild(AXDecoratorContentComponent)\r\n  protected _content!: AXButtonComponent;\r\n\r\n  @ContentChild(AXDecoratorFooterComponent)\r\n  protected _footer!: AXButtonComponent;\r\n\r\n  protected _showInline: boolean = false;\r\n\r\n  @Output()\r\n  onClosed: EventEmitter<AXEvent> = new EventEmitter<AXEvent>();\r\n\r\n  private _customIcon: string;\r\n  private _timeOutRef: number;\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  @HostBinding('class')\r\n  get __hostClass(): string {\r\n    const _class = this.look ? `ax-${this.color}-${this.look}` : `ax-${this.color}-default`;\r\n    return `ax-alert ax-none ${_class}`;\r\n  }\r\n\r\n  private _timeOut: number;\r\n  @Input()\r\n  public get timeOut(): number {\r\n    return this._timeOut;\r\n  }\r\n  public set timeOut(v: number) {\r\n    if (v != this._timeOut) {\r\n      clearTimeout(this._timeOutRef);\r\n      this._timeOut = v;\r\n      if (v) {\r\n        this._timeOutRef = window.setTimeout(() => {\r\n          this.close();\r\n        }, this.timeOut);\r\n      }\r\n    }\r\n  }\r\n\r\n  private _observer: MutationObserver;\r\n\r\n  protected _visible: boolean;\r\n  /**\r\n   *  set the visibility of the Alert\r\n   */\r\n  @Input()\r\n  public get visible(): boolean {\r\n    return this._visible;\r\n  }\r\n  public set visible(v: boolean) {\r\n    if (this._visible != v) {\r\n      this._visible = v;\r\n      const host = this._getHostElement();\r\n      if (v) {\r\n        host.classList.remove('ax-state-hidden');\r\n        host.classList.add('ax-state-visible');\r\n      } else {\r\n        host.classList.add('ax-state-hidden');\r\n        host.classList.toggle('ax-state-visible');\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n    //\r\n    const config = { attributes: false, childList: true, subtree: true };\r\n\r\n    const callback = (mutationList, observer) => {\r\n      for (const mutation of mutationList) {\r\n        if (mutation.type === 'childList') {\r\n          this._setIcon();\r\n          this._applyButtonStyle();\r\n          this._showInline = this._content != null || this._footer != null;\r\n          this._cdr.markForCheck();\r\n        }\r\n      }\r\n    };\r\n\r\n    // Create an observer instance linked to the callback function\r\n    this._observer = new MutationObserver(callback);\r\n\r\n    // Start observing the target node for configured mutations\r\n    this._observer.observe(this._getHostElement(), config);\r\n  }\r\n\r\n  onViewInit() {\r\n    if (this.visible == undefined) {\r\n      this.visible = true;\r\n    }\r\n    //\r\n    this._customIcon = this._icon?.icon;\r\n    this._showInline = this._content != null || this._footer != null;\r\n  }\r\n\r\n  override _onOptionChanged(option: AXComponentOptionChanged) {\r\n    this._setIcon();\r\n    this._applyButtonStyle();\r\n  }\r\n\r\n  private _setIcon() {\r\n    if (!this._icon || this._icon._getInnerElement()) return;\r\n\r\n    switch (this.color) {\r\n      case 'success':\r\n        this._icon.icon = 'ax-icon ax-icon-check-circle-fill';\r\n        break;\r\n      case 'danger':\r\n        this._icon.icon = 'ax-icon ax-icon-error-fill';\r\n        break;\r\n      case 'warning':\r\n        this._icon.icon = 'ax-icon ax-icon-warning-fill';\r\n        break;\r\n      default:\r\n        this._icon.icon = this._customIcon || 'ax-icon ax-icon-check-circle-fill';\r\n        break;\r\n    }\r\n  }\r\n\r\n  private _applyButtonStyle() {\r\n    this._buttons?.forEach((c: any) => {\r\n      c.color = this.color;\r\n      c.getHostElement().classList.add('ax-sm');\r\n      c.look = !c.look || c.look == 'default' ? 'default' : 'blank';\r\n    });\r\n  }\r\n\r\n  /**\r\n   *  Remove the alert from the container\r\n   */\r\n  close(): void {\r\n    const host = this._getHostElement();\r\n    this.visible = false;\r\n    const func = () => {\r\n      host.parentElement?.removeChild(host);\r\n      this.onClosed.emit({\r\n        component: this,\r\n      });\r\n      host.removeEventListener('transitionend', func);\r\n    };\r\n    host.addEventListener('transitionend', func);\r\n  }\r\n\r\n  /**\r\n   *  Hide the alert\r\n   */\r\n  hide(): void {\r\n    this.visible = false;\r\n  }\r\n\r\n  /**\r\n   *  Show the alert\r\n   */\r\n  show() {\r\n    this.visible = true;\r\n  }\r\n\r\n  onDestroy(): void {\r\n    this._observer?.disconnect();\r\n  }\r\n}\r\n","<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-icon\"></ng-content>\r\n</div>\r\n<div class=\"ax-alert-inline-middle\">\r\n  <div class=\"ax-alert-middle-block-start\">\r\n    <div class=\"ax-alert-title\">\r\n      <ng-content select=\"ax-title\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div\r\n    class=\"ax-alert-middle-block-end\"\r\n    [class.ax-hidden]=\"!_showInline\"\r\n    [class.ax-title-gap]=\"_title\">\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-footer\"> </ng-content>\r\n  </div>\r\n</div>\r\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\r\n  <ng-content select=\"ax-button\"></ng-content>\r\n  <ng-content select=\"ax-close-button\"></ng-content>\r\n</div>\r\n<div\r\n  class=\"ax-alert-progress\"\r\n  [style.animation-duration.ms]=\"timeOut\"\r\n  *ngIf=\"timeOut\"></div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXAlertComponent } from './alert.component';\r\n\r\nconst COMPONENT = [AXAlertComponent];\r\nconst MODULES = [CommonModule, AXDecoratorModule];\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 AXAlertModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}