import { Component, EventEmitter, Input, Output } from '@angular/core';
import { FadeInOutAnimation } from '@mintplayer/ng-animations';
import { Color } from '@mintplayer/ng-bootstrap';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class BsAlertComponent {
    constructor() {
        this.type = Color.primary;
        this.colors = Color;
        //#region IsVisible
        this._isVisible = true;
        this.isVisibleChange = new EventEmitter();
        //#endregion
        this.afterOpenedOrClosed = new EventEmitter();
    }
    get isVisible() {
        return this._isVisible;
    }
    set isVisible(value) {
        this._isVisible = value;
        this.isVisibleChange.emit(value);
    }
    onAfterOpenedOrClosed(isVisible) {
        this.afterOpenedOrClosed.emit(isVisible);
    }
}
BsAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BsAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
BsAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: BsAlertComponent, selector: "bs-alert", inputs: { type: "type", isVisible: "isVisible" }, outputs: { isVisibleChange: "isVisibleChange", afterOpenedOrClosed: "afterOpenedOrClosed" }, ngImport: i0, template: "<div class=\"mb-3 overflow-hidden\" *ngIf=\"isVisible\" [@fadeInOut] (@fadeInOut.done)=\"onAfterOpenedOrClosed(isVisible)\">\n    <div class=\"alert mb-0\" [ngClass]=\"'alert-' + colors[type]\">\n        <ng-content></ng-content>\n    </div>\n</div>", styles: [":host ::ng-deep .alert{--bs-alert-bg: transparent;--bs-alert-padding-x: 1rem;--bs-alert-padding-y: 1rem;--bs-alert-margin-bottom: 1rem;--bs-alert-color: inherit;--bs-alert-border-color: transparent;--bs-alert-border: 1px solid var(--bs-alert-border-color);--bs-alert-border-radius: .375rem;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}:host ::ng-deep .alert-heading{color:inherit}:host ::ng-deep .alert-link{font-weight:700}:host ::ng-deep .alert-dismissible{padding-right:3rem}:host ::ng-deep .alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}:host ::ng-deep .alert-primary{--bs-alert-color: #084298;--bs-alert-bg: #cfe2ff;--bs-alert-border-color: #b6d4fe}:host ::ng-deep .alert-primary .alert-link{color:#06357a}:host ::ng-deep .alert-secondary{--bs-alert-color: #41464b;--bs-alert-bg: #e2e3e5;--bs-alert-border-color: #d3d6d8}:host ::ng-deep .alert-secondary .alert-link{color:#34383c}:host ::ng-deep .alert-success{--bs-alert-color: #0f5132;--bs-alert-bg: #d1e7dd;--bs-alert-border-color: #badbcc}:host ::ng-deep .alert-success .alert-link{color:#0c4128}:host ::ng-deep .alert-info{--bs-alert-color: #055160;--bs-alert-bg: #cff4fc;--bs-alert-border-color: #b6effb}:host ::ng-deep .alert-info .alert-link{color:#04414d}:host ::ng-deep .alert-warning{--bs-alert-color: #664d03;--bs-alert-bg: #fff3cd;--bs-alert-border-color: #ffecb5}:host ::ng-deep .alert-warning .alert-link{color:#523e02}:host ::ng-deep .alert-danger{--bs-alert-color: #842029;--bs-alert-bg: #f8d7da;--bs-alert-border-color: #f5c2c7}:host ::ng-deep .alert-danger .alert-link{color:#6a1a21}:host ::ng-deep .alert-light{--bs-alert-color: #636464;--bs-alert-bg: #fefefe;--bs-alert-border-color: #fdfdfe}:host ::ng-deep .alert-light .alert-link{color:#4f5050}:host ::ng-deep .alert-dark{--bs-alert-color: #141619;--bs-alert-bg: #d3d3d4;--bs-alert-border-color: #bcbebf}:host ::ng-deep .alert-dark .alert-link{color:#101214}:host ::ng-deep .alert .btn{bottom:0;display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [FadeInOutAnimation] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: BsAlertComponent, decorators: [{
            type: Component,
            args: [{ selector: 'bs-alert', animations: [FadeInOutAnimation], template: "<div class=\"mb-3 overflow-hidden\" *ngIf=\"isVisible\" [@fadeInOut] (@fadeInOut.done)=\"onAfterOpenedOrClosed(isVisible)\">\n    <div class=\"alert mb-0\" [ngClass]=\"'alert-' + colors[type]\">\n        <ng-content></ng-content>\n    </div>\n</div>", styles: [":host ::ng-deep .alert{--bs-alert-bg: transparent;--bs-alert-padding-x: 1rem;--bs-alert-padding-y: 1rem;--bs-alert-margin-bottom: 1rem;--bs-alert-color: inherit;--bs-alert-border-color: transparent;--bs-alert-border: 1px solid var(--bs-alert-border-color);--bs-alert-border-radius: .375rem;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}:host ::ng-deep .alert-heading{color:inherit}:host ::ng-deep .alert-link{font-weight:700}:host ::ng-deep .alert-dismissible{padding-right:3rem}:host ::ng-deep .alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}:host ::ng-deep .alert-primary{--bs-alert-color: #084298;--bs-alert-bg: #cfe2ff;--bs-alert-border-color: #b6d4fe}:host ::ng-deep .alert-primary .alert-link{color:#06357a}:host ::ng-deep .alert-secondary{--bs-alert-color: #41464b;--bs-alert-bg: #e2e3e5;--bs-alert-border-color: #d3d6d8}:host ::ng-deep .alert-secondary .alert-link{color:#34383c}:host ::ng-deep .alert-success{--bs-alert-color: #0f5132;--bs-alert-bg: #d1e7dd;--bs-alert-border-color: #badbcc}:host ::ng-deep .alert-success .alert-link{color:#0c4128}:host ::ng-deep .alert-info{--bs-alert-color: #055160;--bs-alert-bg: #cff4fc;--bs-alert-border-color: #b6effb}:host ::ng-deep .alert-info .alert-link{color:#04414d}:host ::ng-deep .alert-warning{--bs-alert-color: #664d03;--bs-alert-bg: #fff3cd;--bs-alert-border-color: #ffecb5}:host ::ng-deep .alert-warning .alert-link{color:#523e02}:host ::ng-deep .alert-danger{--bs-alert-color: #842029;--bs-alert-bg: #f8d7da;--bs-alert-border-color: #f5c2c7}:host ::ng-deep .alert-danger .alert-link{color:#6a1a21}:host ::ng-deep .alert-light{--bs-alert-color: #636464;--bs-alert-bg: #fefefe;--bs-alert-border-color: #fdfdfe}:host ::ng-deep .alert-light .alert-link{color:#4f5050}:host ::ng-deep .alert-dark{--bs-alert-color: #141619;--bs-alert-bg: #d3d3d4;--bs-alert-border-color: #bcbebf}:host ::ng-deep .alert-dark .alert-link{color:#101214}:host ::ng-deep .alert .btn{bottom:0;display:inline-flex;align-items:center}\n"] }]
        }], propDecorators: { type: [{
                type: Input
            }], isVisible: [{
                type: Input
            }], isVisibleChange: [{
                type: Output
            }], afterOpenedOrClosed: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9taW50cGxheWVyLW5nLWJvb3RzdHJhcC9hbGVydC9zcmMvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9taW50cGxheWVyLW5nLWJvb3RzdHJhcC9hbGVydC9zcmMvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQVFqRCxNQUFNLE9BQU8sZ0JBQWdCO0lBTjdCO1FBUWtCLFNBQUksR0FBVSxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQzVDLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFZixtQkFBbUI7UUFDWCxlQUFVLEdBQUcsSUFBSSxDQUFDO1FBUWhCLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUN4RCxZQUFZO1FBRUYsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQUlwRDtJQWRDLElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN6QixDQUFDO0lBQ0QsSUFBb0IsU0FBUyxDQUFDLEtBQWM7UUFDMUMsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDeEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUtELHFCQUFxQixDQUFDLFNBQWtCO1FBQ3RDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7NkdBcEJVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLCtMQ1Y3QiwyUEFJTSxnNkVESVEsQ0FBRSxrQkFBa0IsQ0FBRTsyRkFFdkIsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNFLFVBQVUsY0FHUixDQUFFLGtCQUFrQixDQUFFOzhCQUlsQixJQUFJO3NCQUFuQixLQUFLO2dCQVFjLFNBQVM7c0JBQTVCLEtBQUs7Z0JBSUksZUFBZTtzQkFBeEIsTUFBTTtnQkFHRyxtQkFBbUI7c0JBQTVCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmFkZUluT3V0QW5pbWF0aW9uIH0gZnJvbSAnQG1pbnRwbGF5ZXIvbmctYW5pbWF0aW9ucyc7XG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJ0BtaW50cGxheWVyL25nLWJvb3RzdHJhcCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JzLWFsZXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FsZXJ0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnXSxcbiAgYW5pbWF0aW9uczogWyBGYWRlSW5PdXRBbmltYXRpb24gXVxufSlcbmV4cG9ydCBjbGFzcyBCc0FsZXJ0Q29tcG9uZW50IHtcblxuICBASW5wdXQoKSBwdWJsaWMgdHlwZTogQ29sb3IgPSBDb2xvci5wcmltYXJ5O1xuICBjb2xvcnMgPSBDb2xvcjtcblxuICAvLyNyZWdpb24gSXNWaXNpYmxlXG4gIHByaXZhdGUgX2lzVmlzaWJsZSA9IHRydWU7XG4gIGdldCBpc1Zpc2libGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2lzVmlzaWJsZTtcbiAgfVxuICBASW5wdXQoKSBwdWJsaWMgc2V0IGlzVmlzaWJsZSh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX2lzVmlzaWJsZSA9IHZhbHVlO1xuICAgIHRoaXMuaXNWaXNpYmxlQ2hhbmdlLmVtaXQodmFsdWUpO1xuICB9XG4gIEBPdXRwdXQoKSBpc1Zpc2libGVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG4gIC8vI2VuZHJlZ2lvblxuXG4gIEBPdXRwdXQoKSBhZnRlck9wZW5lZE9yQ2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBvbkFmdGVyT3BlbmVkT3JDbG9zZWQoaXNWaXNpYmxlOiBib29sZWFuKSB7XG4gICAgdGhpcy5hZnRlck9wZW5lZE9yQ2xvc2VkLmVtaXQoaXNWaXNpYmxlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm1iLTMgb3ZlcmZsb3ctaGlkZGVuXCIgKm5nSWY9XCJpc1Zpc2libGVcIiBbQGZhZGVJbk91dF0gKEBmYWRlSW5PdXQuZG9uZSk9XCJvbkFmdGVyT3BlbmVkT3JDbG9zZWQoaXNWaXNpYmxlKVwiPlxuICAgIDxkaXYgY2xhc3M9XCJhbGVydCBtYi0wXCIgW25nQ2xhc3NdPVwiJ2FsZXJ0LScgKyBjb2xvcnNbdHlwZV1cIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19