import * as i0 from '@angular/core';
import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import { AlertBaseComponent } from '@ironsource/fusion-ui/components/alert/common/base';
import * as i2 from '@ironsource/fusion-ui/components/icon/v1';
import { IconModule } from '@ironsource/fusion-ui/components/icon/v1';

function AlertComponent_div_0_a_3_Template(rf, ctx) { if (rf & 1) {
    const _r4 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "a", 5);
    i0.ɵɵlistener("click", function AlertComponent_div_0_a_3_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.onDontShowClicked($event)); });
    i0.ɵɵtext(1, "Don't show again");
    i0.ɵɵelementEnd();
} }
const _c0 = () => ({ iconName: "close", iconVersion: "v2" });
function AlertComponent_div_0_fusion_icon_4_Template(rf, ctx) { if (rf & 1) {
    const _r6 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "fusion-icon", 6);
    i0.ɵɵlistener("click", function AlertComponent_div_0_fusion_icon_4_Template_fusion_icon_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.onCloseClicked()); });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    i0.ɵɵproperty("name", i0.ɵɵpureFunction0(1, _c0));
} }
const _c1 = a0 => ({ iconName: a0, iconVersion: "v1" });
function AlertComponent_div_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 1);
    i0.ɵɵelement(1, "fusion-icon", 2);
    i0.ɵɵprojection(2);
    i0.ɵɵtemplate(3, AlertComponent_div_0_a_3_Template, 2, 0, "a", 3)(4, AlertComponent_div_0_fusion_icon_4_Template, 1, 2, "fusion-icon", 4);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngClass", ctx_r0.alertCssClasses);
    i0.ɵɵadvance();
    i0.ɵɵproperty("name", i0.ɵɵpureFunction1(4, _c1, ctx_r0.alertIcon));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r0.showDoNotShowAgainButton);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r0.showCloseButton);
} }
const _c2 = ["*"];
class AlertComponent extends AlertBaseComponent {
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAlertComponent_BaseFactory; return function AlertComponent_Factory(t) { return (ɵAlertComponent_BaseFactory || (ɵAlertComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AlertComponent)))(t || AlertComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AlertComponent, selectors: [["fusion-alert"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c2, decls: 1, vars: 1, consts: [["class", "is-alert", 3, "ngClass", 4, "ngIf"], [1, "is-alert", 3, "ngClass"], [1, "alert-type-icon", 3, "name"], ["href", "#", "class", "is-do-not-show", 3, "click", 4, "ngIf"], ["class", "is-close-button", 3, "name", "click", 4, "ngIf"], ["href", "#", 1, "is-do-not-show", 3, "click"], [1, "is-close-button", 3, "name", "click"]], template: function AlertComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵprojectionDef();
            i0.ɵɵtemplate(0, AlertComponent_div_0_Template, 5, 6, "div", 0);
        } if (rf & 2) {
            i0.ɵɵproperty("ngIf", ctx.shown);
        } }, dependencies: [i1.NgClass, i1.NgIf, i2.IconComponent], styles: ["[_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]{font-size:12px;font-family:HelveticaNeue,helvetica,sans-serif;font-weight:400;letter-spacing:.04px}[_nghost-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}[_nghost-%COMP%]{margin:0;padding:0;vertical-align:initial;text-align:initial}[_nghost-%COMP%]{box-sizing:border-box;display:block;margin:0}[_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]{position:relative;line-height:16px;padding:13px 12px 11px;color:var(--fu-primary-600, #005be2);background-color:var(--fu-primary-100, #e2eeff);border-radius:4px;border-left:solid 4px var(--fu-primary-500, #3083ff)}[_nghost-%COMP%]   .is-alert.has-close-button[_ngcontent-%COMP%]{padding-right:25px}[_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]   .alert-type-icon[_ngcontent-%COMP%]{display:none}[_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]   fusion-icon[class^=is-close-button][_ngcontent-%COMP%]{cursor:pointer;position:absolute;right:12px;top:13px}[_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]   fusion-icon[class^=is-close-button][_ngcontent-%COMP%]     svg{width:10px;height:10px}[_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]   fusion-icon[class^=is-close-button][_ngcontent-%COMP%]     svg *{fill:var(--fu-primary-500, #3083ff)}[_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]     a{color:var(--fu-primary-600, #005be2);text-decoration:underline}[_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]     a:link, [_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]     a:visited, [_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]     a:hover, [_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]     a:active{color:var(--fu-primary-600, #005be2)}[_nghost-%COMP%]   .is-alert.error[_ngcontent-%COMP%]{color:var(--fu-negative-700, #da564f);background-color:var(--fu-negative-100, #ffefee);border-left-color:var(--fu-negative-500, #ff6a63)}[_nghost-%COMP%]   .is-alert.error[_ngcontent-%COMP%]   fusion-icon[class^=is-close-button][_ngcontent-%COMP%]     svg{width:10px;height:10px}[_nghost-%COMP%]   .is-alert.error[_ngcontent-%COMP%]   fusion-icon[class^=is-close-button][_ngcontent-%COMP%]     svg *{fill:var(--fu-negative-500, #ff6a63)}[_nghost-%COMP%]   .is-alert.error[_ngcontent-%COMP%]     a{color:var(--fu-negative-700, #da564f);text-decoration:underline}[_nghost-%COMP%]   .is-alert.error[_ngcontent-%COMP%]     a:link, [_nghost-%COMP%]   .is-alert.error[_ngcontent-%COMP%]     a:visited, [_nghost-%COMP%]   .is-alert.error[_ngcontent-%COMP%]     a:hover, [_nghost-%COMP%]   .is-alert.error[_ngcontent-%COMP%]     a:active{color:var(--fu-negative-700, #da564f)}[_nghost-%COMP%]   .is-alert.warning[_ngcontent-%COMP%]{color:var(--fu-neutral-900, #d8840d);background-color:var(--fu-neutral-100, #fff8e2);border-left-color:var(--fu-neutral-700, #fea222)}[_nghost-%COMP%]   .is-alert.warning[_ngcontent-%COMP%]   fusion-icon[class^=is-close-button][_ngcontent-%COMP%]     svg{width:10px;height:10px}[_nghost-%COMP%]   .is-alert.warning[_ngcontent-%COMP%]   fusion-icon[class^=is-close-button][_ngcontent-%COMP%]     svg *{fill:var(--fu-neutral-500, #ffb424)}[_nghost-%COMP%]   .is-alert.warning[_ngcontent-%COMP%]     a{color:var(--fu-neutral-900, #d8840d);text-decoration:underline}[_nghost-%COMP%]   .is-alert.warning[_ngcontent-%COMP%]     a:link, [_nghost-%COMP%]   .is-alert.warning[_ngcontent-%COMP%]     a:visited, [_nghost-%COMP%]   .is-alert.warning[_ngcontent-%COMP%]     a:hover, [_nghost-%COMP%]   .is-alert.warning[_ngcontent-%COMP%]     a:active{color:var(--fu-neutral-900, #d8840d)}[_nghost-%COMP%]   .is-alert.success[_ngcontent-%COMP%]{color:var(--fu-positive-700, #1b9c71);background-color:var(--fu-positive-100, #daf5ec);border-left-color:var(--fu-positive-500, #22c891)}[_nghost-%COMP%]   .is-alert.success[_ngcontent-%COMP%]   fusion-icon[class^=is-close-button][_ngcontent-%COMP%]     svg{width:10px;height:10px}[_nghost-%COMP%]   .is-alert.success[_ngcontent-%COMP%]   fusion-icon[class^=is-close-button][_ngcontent-%COMP%]     svg *{fill:var(--fu-positive-500, #22c891)}[_nghost-%COMP%]   .is-alert.success[_ngcontent-%COMP%]     a{color:var(--fu-positive-700, #1b9c71);text-decoration:underline}[_nghost-%COMP%]   .is-alert.success[_ngcontent-%COMP%]     a:link, [_nghost-%COMP%]   .is-alert.success[_ngcontent-%COMP%]     a:visited, [_nghost-%COMP%]   .is-alert.success[_ngcontent-%COMP%]     a:hover, [_nghost-%COMP%]   .is-alert.success[_ngcontent-%COMP%]     a:active{color:var(--fu-positive-700, #1b9c71)}.small[_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]{padding:9px 12px 7px}.small[_nghost-%COMP%]   .is-alert[_ngcontent-%COMP%]   .is-close-button[_ngcontent-%COMP%]{right:10px;top:10px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertComponent, [{
        type: Component,
        args: [{ selector: 'fusion-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"is-alert\" [ngClass]=\"alertCssClasses\" *ngIf=\"shown\">\n    <fusion-icon class=\"alert-type-icon\" [name]=\"{iconName: alertIcon, iconVersion: 'v1'}\"></fusion-icon>\n    <ng-content></ng-content>\n    <a href=\"#\" class=\"is-do-not-show\" (click)=\"onDontShowClicked($event)\" *ngIf=\"showDoNotShowAgainButton\">Don't show again</a>\n    <fusion-icon class=\"is-close-button\" [name]=\"{iconName: 'close', iconVersion: 'v2'}\" (click)=\"onCloseClicked()\" *ngIf=\"showCloseButton\"></fusion-icon>\n</div>\n", styles: [":host .is-alert{font-size:12px;font-family:HelveticaNeue,helvetica,sans-serif;font-weight:400;letter-spacing:.04px}:host *{box-sizing:border-box}:host{margin:0;padding:0;vertical-align:initial;text-align:initial}:host{box-sizing:border-box;display:block;margin:0}:host .is-alert{position:relative;line-height:16px;padding:13px 12px 11px;color:var(--fu-primary-600, #005be2);background-color:var(--fu-primary-100, #e2eeff);border-radius:4px;border-left:solid 4px var(--fu-primary-500, #3083ff)}:host .is-alert.has-close-button{padding-right:25px}:host .is-alert .alert-type-icon{display:none}:host .is-alert fusion-icon[class^=is-close-button]{cursor:pointer;position:absolute;right:12px;top:13px}:host .is-alert fusion-icon[class^=is-close-button] ::ng-deep svg{width:10px;height:10px}:host .is-alert fusion-icon[class^=is-close-button] ::ng-deep svg *{fill:var(--fu-primary-500, #3083ff)}:host .is-alert ::ng-deep a{color:var(--fu-primary-600, #005be2);text-decoration:underline}:host .is-alert ::ng-deep a:link,:host .is-alert ::ng-deep a:visited,:host .is-alert ::ng-deep a:hover,:host .is-alert ::ng-deep a:active{color:var(--fu-primary-600, #005be2)}:host .is-alert.error{color:var(--fu-negative-700, #da564f);background-color:var(--fu-negative-100, #ffefee);border-left-color:var(--fu-negative-500, #ff6a63)}:host .is-alert.error fusion-icon[class^=is-close-button] ::ng-deep svg{width:10px;height:10px}:host .is-alert.error fusion-icon[class^=is-close-button] ::ng-deep svg *{fill:var(--fu-negative-500, #ff6a63)}:host .is-alert.error ::ng-deep a{color:var(--fu-negative-700, #da564f);text-decoration:underline}:host .is-alert.error ::ng-deep a:link,:host .is-alert.error ::ng-deep a:visited,:host .is-alert.error ::ng-deep a:hover,:host .is-alert.error ::ng-deep a:active{color:var(--fu-negative-700, #da564f)}:host .is-alert.warning{color:var(--fu-neutral-900, #d8840d);background-color:var(--fu-neutral-100, #fff8e2);border-left-color:var(--fu-neutral-700, #fea222)}:host .is-alert.warning fusion-icon[class^=is-close-button] ::ng-deep svg{width:10px;height:10px}:host .is-alert.warning fusion-icon[class^=is-close-button] ::ng-deep svg *{fill:var(--fu-neutral-500, #ffb424)}:host .is-alert.warning ::ng-deep a{color:var(--fu-neutral-900, #d8840d);text-decoration:underline}:host .is-alert.warning ::ng-deep a:link,:host .is-alert.warning ::ng-deep a:visited,:host .is-alert.warning ::ng-deep a:hover,:host .is-alert.warning ::ng-deep a:active{color:var(--fu-neutral-900, #d8840d)}:host .is-alert.success{color:var(--fu-positive-700, #1b9c71);background-color:var(--fu-positive-100, #daf5ec);border-left-color:var(--fu-positive-500, #22c891)}:host .is-alert.success fusion-icon[class^=is-close-button] ::ng-deep svg{width:10px;height:10px}:host .is-alert.success fusion-icon[class^=is-close-button] ::ng-deep svg *{fill:var(--fu-positive-500, #22c891)}:host .is-alert.success ::ng-deep a{color:var(--fu-positive-700, #1b9c71);text-decoration:underline}:host .is-alert.success ::ng-deep a:link,:host .is-alert.success ::ng-deep a:visited,:host .is-alert.success ::ng-deep a:hover,:host .is-alert.success ::ng-deep a:active{color:var(--fu-positive-700, #1b9c71)}:host.small .is-alert{padding:9px 12px 7px}:host.small .is-alert .is-close-button{right:10px;top:10px}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AlertComponent, { className: "AlertComponent", filePath: "alert.component.ts", lineNumber: 10 }); })();

class AlertModule {
    static { this.ɵfac = function AlertModule_Factory(t) { return new (t || AlertModule)(); }; }
    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AlertModule }); }
    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule, IconModule] }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertModule, [{
        type: NgModule,
        args: [{
                declarations: [AlertComponent],
                exports: [AlertComponent],
                imports: [CommonModule, IconModule]
            }]
    }], null, null); })();
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AlertModule, { declarations: [AlertComponent], imports: [CommonModule, IconModule], exports: [AlertComponent] }); })();

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

export { AlertComponent, AlertModule };
//# sourceMappingURL=ironsource-fusion-ui-components-alert-v2.mjs.map
