import { ChangeDetectionStrategy, Component } from '@angular/core';
import { AlertBaseComponent } from '@ironsource/fusion-ui/components/alert/common/base';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ironsource/fusion-ui/components/icon/v1";
const _c0 = ["*"];
const _c1 = a0 => ({ iconName: a0, iconVersion: "v1" });
const _c2 = () => ({ iconName: "close", iconVersion: "v2" });
function AlertComponent_div_0_a_3_Template(rf, ctx) { if (rf & 1) {
    const _r1 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "a", 5);
    i0.ɵɵlistener("click", function AlertComponent_div_0_a_3_Template_a_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onDontShowClicked($event)); });
    i0.ɵɵtext(1, "Don't show again");
    i0.ɵɵelementEnd();
} }
function AlertComponent_div_0_fusion_icon_4_Template(rf, ctx) { if (rf & 1) {
    const _r3 = 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(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onCloseClicked()); });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    i0.ɵɵproperty("name", i0.ɵɵpureFunction0(1, _c2));
} }
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_r1 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngClass", ctx_r1.alertCssClasses);
    i0.ɵɵadvance();
    i0.ɵɵproperty("name", i0.ɵɵpureFunction1(4, _c1, ctx_r1.alertIcon));
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r1.showDoNotShowAgainButton);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r1.showCloseButton);
} }
export class AlertComponent extends AlertBaseComponent {
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAlertComponent_BaseFactory; return function AlertComponent_Factory(__ngFactoryType__) { return (ɵAlertComponent_BaseFactory || (ɵAlertComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AlertComponent)))(__ngFactoryType__ || AlertComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AlertComponent, selectors: [["fusion-alert"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, 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, "click", "name"]], 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 }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZnVzaW9uLXVpL2NvbXBvbmVudHMvYWxlcnQvdjIvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZnVzaW9uLXVpL2NvbXBvbmVudHMvYWxlcnQvdjIvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxvREFBb0QsQ0FBQzs7Ozs7Ozs7O0lDRWxGLDRCQUF3RztJQUFyRSxnTEFBUyxnQ0FBeUIsS0FBQztJQUFrQyxnQ0FBZ0I7SUFBQSxpQkFBSTs7OztJQUM1SCxzQ0FBd0k7SUFBbkQsOExBQVMsdUJBQWdCLEtBQUM7SUFBeUIsaUJBQWM7O0lBQWpILGlEQUErQzs7O0lBSnhGLDhCQUFnRTtJQUM1RCxpQ0FBcUc7SUFDckcsa0JBQXlCO0lBRXpCLEFBREEsaUVBQXdHLHdFQUNnQztJQUM1SSxpQkFBTTs7O0lBTGdCLGdEQUEyQjtJQUNSLGNBQWlEO0lBQWpELG1FQUFpRDtJQUVkLGVBQThCO0lBQTlCLHNEQUE4QjtJQUNXLGNBQXFCO0lBQXJCLDZDQUFxQjs7QURLMUksTUFBTSxPQUFPLGNBQWUsU0FBUSxrQkFBa0I7NE9BQXpDLGNBQWMseUJBQWQsY0FBYztvRUFBZCxjQUFjOztZQ1QzQiwrREFBZ0U7O1lBQWIsZ0NBQVc7OztpRkRTakQsY0FBYztjQU4xQixTQUFTOzJCQUNJLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTTs7a0ZBRXRDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBbGVydEJhc2VDb21wb25lbnR9IGZyb20gJ0Bpcm9uc291cmNlL2Z1c2lvbi11aS9jb21wb25lbnRzL2FsZXJ0L2NvbW1vbi9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmdXNpb24tYWxlcnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydENvbXBvbmVudCBleHRlbmRzIEFsZXJ0QmFzZUNvbXBvbmVudCB7fVxuIiwiPGRpdiBjbGFzcz1cImlzLWFsZXJ0XCIgW25nQ2xhc3NdPVwiYWxlcnRDc3NDbGFzc2VzXCIgKm5nSWY9XCJzaG93blwiPlxuICAgIDxmdXNpb24taWNvbiBjbGFzcz1cImFsZXJ0LXR5cGUtaWNvblwiIFtuYW1lXT1cIntpY29uTmFtZTogYWxlcnRJY29uLCBpY29uVmVyc2lvbjogJ3YxJ31cIj48L2Z1c2lvbi1pY29uPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8YSBocmVmPVwiI1wiIGNsYXNzPVwiaXMtZG8tbm90LXNob3dcIiAoY2xpY2spPVwib25Eb250U2hvd0NsaWNrZWQoJGV2ZW50KVwiICpuZ0lmPVwic2hvd0RvTm90U2hvd0FnYWluQnV0dG9uXCI+RG9uJ3Qgc2hvdyBhZ2FpbjwvYT5cbiAgICA8ZnVzaW9uLWljb24gY2xhc3M9XCJpcy1jbG9zZS1idXR0b25cIiBbbmFtZV09XCJ7aWNvbk5hbWU6ICdjbG9zZScsIGljb25WZXJzaW9uOiAndjInfVwiIChjbGljayk9XCJvbkNsb3NlQ2xpY2tlZCgpXCIgKm5nSWY9XCJzaG93Q2xvc2VCdXR0b25cIj48L2Z1c2lvbi1pY29uPlxuPC9kaXY+XG4iXX0=