import { MXColorComponent, AXClosableComponent, AXComponent } from '@acorex/cdk/common';
import { isBrowser } from '@acorex/core/platform';
import { NgTemplateOutlet } from '@angular/common';
import * as i0 from '@angular/core';
import { contentChild, signal, output, model, effect, afterNextRender, HostBinding, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';

/**
 * The Alert component is used to display notifications or alerts to users.
 *
 * @category Components
 */
class AXAlertComponent extends MXColorComponent {
    /**
     *  @ignore
     */
    constructor() {
        super();
        /**
         *  @ignore
         */
        this.axIcon = contentChild('ax-icon', ...(ngDevMode ? [{ debugName: "axIcon" }] : []));
        /**
         *  @ignore
         */
        this.axTitle = contentChild('ax-title', ...(ngDevMode ? [{ debugName: "axTitle" }] : []));
        /**
         *  @ignore
         */
        this.axContent = contentChild('ax-content', ...(ngDevMode ? [{ debugName: "axContent" }] : []));
        /**
         *  @ignore
         */
        this.axFooter = contentChild('ax-footer', ...(ngDevMode ? [{ debugName: "axFooter" }] : []));
        /**
         *  @ignore
         */
        this.showInline = signal(false, ...(ngDevMode ? [{ debugName: "showInline" }] : []));
        /**
         * Emits an event when the alert component is closed.
         *
         * @event
         */
        this.onClosed = output();
        /**
         *  @ignore
         */
        this.customIcon = signal('', ...(ngDevMode ? [{ debugName: "customIcon" }] : []));
        /**
         * Sets the duration (in milliseconds) after which the alert will automatically close.
         *
         * @defaultValue 0
         */
        this.timeOut = model(0, ...(ngDevMode ? [{ debugName: "timeOut" }] : []));
        /**
         *  @ignore
         */
        //TODO: Check Console for  effect() can only be used within an injection context such as a constructor, a factory function, a field initializer, or a function used with `runInInjectionContext`
        this.timeOutEffect = () => {
            effect(() => {
                if (this.timeOut()) {
                    clearTimeout(this._timeOutRef);
                    this._timeOutRef = window.setTimeout(() => {
                        this.close();
                    }, this.timeOut());
                }
            });
        };
        afterNextRender(() => {
            this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));
            this._setLayout();
            this.customIcon.set(this.axIcon()?.icon);
        });
        this.timeOutEffect();
    }
    /**
     *  @ignore
     */
    _setLayout() {
        this._setIcon();
        this.showInline.set(this.axContent() == null && this.axFooter() == null);
        this.cdr.markForCheck();
    }
    /**
     *  @ignore
     */
    _handleOnOptionChanged() {
        this._setIcon();
    }
    /**
     *  @ignore
     */
    _setIcon() {
        if (!this.axIcon() || this.axIcon().getHostElement().firstElementChild)
            return;
        switch (this.color) {
            case 'success':
                this.axIcon().icon = 'ax-icon ax-icon-check-circle';
                break;
            case 'danger':
                this.axIcon().icon = 'ax-icon ax-icon-error';
                break;
            case 'warning':
                this.axIcon().icon = 'ax-icon ax-icon-warning';
                break;
            default:
                this.axIcon().icon = this.customIcon() || 'ax-icon ax-icon-info';
                break;
        }
    }
    /**
     * Removes the alert from the container after a transition effect.
     *
     * @returns void - No return value. The alert is removed from the DOM and the onClosed event is emitted.
     */
    close() {
        if (isBrowser()) {
            const host = this.getHostElement();
            host.parentElement?.removeChild(host);
            this.onClosed.emit({
                component: this,
            });
        }
    }
    /**
     *  @ignore
     */
    get __hostClass() {
        return `ax-alert ax-none ax-${this.color}`;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AXAlertComponent, isStandalone: true, selector: "ax-alert", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, timeOut: { classPropertyName: "timeOut", publicName: "timeOut", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { colorChange: "colorChange", onClosed: "onClosed", timeOut: "timeOutChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
            { provide: AXClosableComponent, useExisting: AXAlertComponent },
            { provide: AXComponent, useExisting: AXAlertComponent },
        ], queries: [{ propertyName: "axIcon", first: true, predicate: ["ax-icon"], descendants: true, isSignal: true }, { propertyName: "axTitle", first: true, predicate: ["ax-title"], descendants: true, isSignal: true }, { propertyName: "axContent", first: true, predicate: ["ax-content"], descendants: true, isSignal: true }, { propertyName: "axFooter", first: true, predicate: ["ax-footer"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (showInline()) {\n  <div class=\"ax-alert-inline\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-title\">\n      <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n    </div>\n    <div class=\"ax-alert-buttons\">\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </div>\n    <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n  </div>\n} @else {\n  <div class=\"ax-alert-block\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-content\">\n      <div class=\"ax-alert-title\">\n        <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n    <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n  </div>\n}\n\n@if (timeOut()) {\n  <div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut()\"></div>\n}\n\n<ng-template #buttons>\n  <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n  <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n  <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n  <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: ["ax-alert{--ax-comp-alert-bg-color-opacity: .15;--ax-comp-alert-icon-border-radius: 100%;--ax-comp-alert-border-radius: var(--ax-sys-border-radius)}ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-lightest-surface)}.ax-dark ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-darkest-surface)}ax-alert{--ax-comp-alert-title-content-text-color: var(--ax-sys-color-on-lightest-surface)}ax-alert.ax-primary{--ax-comp-alert-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-primary-surface)}ax-alert.ax-secondary{--ax-comp-alert-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-secondary-surface)}ax-alert.ax-success{--ax-comp-alert-bg-color: var(--ax-sys-color-success-surface);--ax-comp-alert-border-color: var(--ax-sys-color-success-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-success-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-success-surface)}ax-alert.ax-warning{--ax-comp-alert-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-border-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-warning-surface)}ax-alert.ax-danger{--ax-comp-alert-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-border-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-danger-surface)}ax-alert.ax-accent1{--ax-comp-alert-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent1-surface)}ax-alert.ax-accent2{--ax-comp-alert-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent2-surface)}ax-alert.ax-accent3{--ax-comp-alert-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent3-surface)}ax-alert.ax-accent4{--ax-comp-alert-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent4-surface)}ax-alert.ax-accent5{--ax-comp-alert-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent5-surface)}ax-alert.ax-accent6{--ax-comp-alert-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent6-surface)}ax-alert.ax-accent7{--ax-comp-alert-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent7-surface)}ax-alert{gap:1rem;padding:1rem;display:flex;overflow:hidden;border-width:1px;position:relative;font-size:var(--ax-comp-alert-font-size, .875rem);line-height:var(--ax-comp-alert-line-height, 1.25rem);border-radius:var(--ax-comp-alert-border-radius);border-color:rgba(var(--ax-comp-alert-border-color));background-color:rgba(var(--ax-comp-alert-bg-color),var(--ax-comp-alert-bg-color-opacity));width:100%}ax-alert ax-title,ax-alert ax-content{color:rgba(var(--ax-comp-alert-title-content-text-color))}ax-alert .ax-alert-progress{background-color:rgba(var(--ax-comp-alert-progress-bg-color))}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex;width:100%}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5;flex:1}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+ax-content:not(:empty){margin-top:.5rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{display:grid;color:rgba(var(--ax-comp-alert-icon-color));border-radius:var(--ax-comp-alert-icon-border-radius);padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem;align-items:start}ax-alert .ax-alert-icon ax-icon{line-height:var(--ax-comp-alert-icon-line-height, normal)}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAlertComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ax-alert', inputs: ['color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                        { provide: AXClosableComponent, useExisting: AXAlertComponent },
                        { provide: AXComponent, useExisting: AXAlertComponent },
                    ], imports: [NgTemplateOutlet], template: "@if (showInline()) {\n  <div class=\"ax-alert-inline\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-title\">\n      <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n    </div>\n    <div class=\"ax-alert-buttons\">\n      <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n    </div>\n    <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n  </div>\n} @else {\n  <div class=\"ax-alert-block\">\n    <div class=\"ax-alert-icon ax-icon-solid\">\n      <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n    </div>\n    <div class=\"ax-alert-content\">\n      <div class=\"ax-alert-title\">\n        <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n      </div>\n      <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n      <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n    </div>\n    <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n  </div>\n}\n\n@if (timeOut()) {\n  <div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut()\"></div>\n}\n\n<ng-template #buttons>\n  <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n  <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n  <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n  <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n  <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n  <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: ["ax-alert{--ax-comp-alert-bg-color-opacity: .15;--ax-comp-alert-icon-border-radius: 100%;--ax-comp-alert-border-radius: var(--ax-sys-border-radius)}ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-lightest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-lightest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-lightest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-lightest-surface)}.ax-dark ax-alert.ax-default{--ax-comp-alert-bg-color-opacity: 1;--ax-comp-alert-bg-color: var(--ax-sys-color-darkest-surface);--ax-comp-alert-border-color: var(--ax-sys-color-border-darkest-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-on-darkest-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-darkest-surface)}ax-alert{--ax-comp-alert-title-content-text-color: var(--ax-sys-color-on-lightest-surface)}ax-alert.ax-primary{--ax-comp-alert-bg-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-primary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-primary-surface)}ax-alert.ax-secondary{--ax-comp-alert-bg-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-border-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-secondary-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-secondary-surface)}ax-alert.ax-success{--ax-comp-alert-bg-color: var(--ax-sys-color-success-surface);--ax-comp-alert-border-color: var(--ax-sys-color-success-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-success-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-success-surface)}ax-alert.ax-warning{--ax-comp-alert-bg-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-border-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-warning-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-warning-surface)}ax-alert.ax-danger{--ax-comp-alert-bg-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-border-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-danger-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-danger-surface)}ax-alert.ax-accent1{--ax-comp-alert-bg-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent1-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent1-surface)}ax-alert.ax-accent2{--ax-comp-alert-bg-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent2-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent2-surface)}ax-alert.ax-accent3{--ax-comp-alert-bg-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent3-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent3-surface)}ax-alert.ax-accent4{--ax-comp-alert-bg-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent4-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent4-surface)}ax-alert.ax-accent5{--ax-comp-alert-bg-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent5-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent5-surface)}ax-alert.ax-accent6{--ax-comp-alert-bg-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent6-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent6-surface)}ax-alert.ax-accent7{--ax-comp-alert-bg-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-border-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-icon-color: var(--ax-sys-color-accent7-surface);--ax-comp-alert-progress-bg-color: var(--ax-sys-color-on-accent7-surface)}ax-alert{gap:1rem;padding:1rem;display:flex;overflow:hidden;border-width:1px;position:relative;font-size:var(--ax-comp-alert-font-size, .875rem);line-height:var(--ax-comp-alert-line-height, 1.25rem);border-radius:var(--ax-comp-alert-border-radius);border-color:rgba(var(--ax-comp-alert-border-color));background-color:rgba(var(--ax-comp-alert-bg-color),var(--ax-comp-alert-bg-color-opacity));width:100%}ax-alert ax-title,ax-alert ax-content{color:rgba(var(--ax-comp-alert-title-content-text-color))}ax-alert .ax-alert-progress{background-color:rgba(var(--ax-comp-alert-progress-bg-color))}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex;width:100%}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5;flex:1}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+ax-content:not(:empty){margin-top:.5rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{display:grid;color:rgba(var(--ax-comp-alert-icon-color));border-radius:var(--ax-comp-alert-icon-border-radius);padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem;align-items:start}ax-alert .ax-alert-icon ax-icon{line-height:var(--ax-comp-alert-icon-line-height, normal)}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}\n"] }]
        }], ctorParameters: () => [], propDecorators: { axIcon: [{ type: i0.ContentChild, args: ['ax-icon', { isSignal: true }] }], axTitle: [{ type: i0.ContentChild, args: ['ax-title', { isSignal: true }] }], axContent: [{ type: i0.ContentChild, args: ['ax-content', { isSignal: true }] }], axFooter: [{ type: i0.ContentChild, args: ['ax-footer', { isSignal: true }] }], onClosed: [{ type: i0.Output, args: ["onClosed"] }], timeOut: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeOut", required: false }] }, { type: i0.Output, args: ["timeOutChange"] }], __hostClass: [{
                type: HostBinding,
                args: ['class']
            }] } });

class AXAlertModule {
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXAlertModule, imports: [AXAlertComponent], exports: [AXAlertComponent] }); }
    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAlertModule }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXAlertModule, decorators: [{
            type: NgModule,
            args: [{
                    imports: [AXAlertComponent],
                    exports: [AXAlertComponent],
                }]
        }] });

/**
 * Generated bundle index. Do not edit.
 */

export { AXAlertComponent, AXAlertModule };
//# sourceMappingURL=acorex-components-alert.mjs.map
