import { Component } from '@angular/core';
import { StatusLabelBaseComponent } from '@ironsource/fusion-ui/components/status-label/common/base';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ironsource/fusion-ui/components/icon/v1";
function StatusLabelComponent_ng_content_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵprojection(0, 0, ["*ngIf", "!config.text"]);
} }
function StatusLabelComponent_fusion_icon_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 3);
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵproperty("name", ctx_r1.config == null ? null : ctx_r1.config.icon);
} }
const _c0 = (a0, a1) => ({ color: a0, backgroundColor: a1 });
const _c1 = ["*"];
export class StatusLabelComponent extends StatusLabelBaseComponent {
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵStatusLabelComponent_BaseFactory; return function StatusLabelComponent_Factory(t) { return (ɵStatusLabelComponent_BaseFactory || (ɵStatusLabelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(StatusLabelComponent)))(t || StatusLabelComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StatusLabelComponent, selectors: [["fusion-status-label"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 4, vars: 8, consts: [[1, "holder", 3, "ngClass", "ngStyle"], [4, "ngIf"], ["class", "label-icon", 3, "name", 4, "ngIf"], [1, "label-icon", 3, "name"]], template: function StatusLabelComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵprojectionDef();
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵtemplate(1, StatusLabelComponent_ng_content_1_Template, 1, 0, "ng-content", 1);
            i0.ɵɵtext(2);
            i0.ɵɵtemplate(3, StatusLabelComponent_fusion_icon_3_Template, 1, 1, "fusion-icon", 2);
            i0.ɵɵelementEnd();
        } if (rf & 2) {
            i0.ɵɵproperty("ngClass", ctx.holderClasses)("ngStyle", i0.ɵɵpureFunction2(5, _c0, ctx.config == null ? null : ctx.config.customColors == null ? null : ctx.config.customColors.color, ctx.config == null ? null : ctx.config.customColors == null ? null : ctx.config.customColors.backgroundColor));
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", !ctx.config.text);
            i0.ɵɵadvance();
            i0.ɵɵtextInterpolate(ctx.config == null ? null : ctx.config.text);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", ctx.config == null ? null : ctx.config.icon);
        } }, dependencies: [i1.NgClass, i1.NgIf, i1.NgStyle, i2.IconComponent], styles: ["[_nghost-%COMP%]   div.holder[_ngcontent-%COMP%]{font-size:11px;font-family:NHaasGroteskDSPro-65Md,sans-serif;font-weight:400;letter-spacing:.25px}[_nghost-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}[_nghost-%COMP%]   div.holder[_ngcontent-%COMP%]{height:16px;min-width:32px;max-width:382px;display:inline-block;position:relative;border-radius:2px;padding:2px 5px;line-height:normal;color:var(--state-label-success-inner-color, var(--fu-white, #ffffff));background-color:var(--state-label-success-background-color, var(--fu-positive-500, #22c891));cursor:default;text-align:center}[_nghost-%COMP%]   div.holder[_ngcontent-%COMP%]   fusion-icon[class^=label-icon][_ngcontent-%COMP%]{margin-left:3px;vertical-align:middle}[_nghost-%COMP%]   div.holder[_ngcontent-%COMP%]   fusion-icon[class^=label-icon][_ngcontent-%COMP%]     svg{width:10px;height:10px}[_nghost-%COMP%]   div.holder[_ngcontent-%COMP%]   fusion-icon[class^=label-icon][_ngcontent-%COMP%]     svg *{fill:currentColor}[_nghost-%COMP%]   div.holder.with-icon[_ngcontent-%COMP%]{padding:2px 3px 2px 5px}[_nghost-%COMP%]   div.holder[_ngcontent-%COMP%]:hover{background-color:var(--state-label-success-hover-background-color, var(--fu-positive-700, #1b9c71))}[_nghost-%COMP%]   div.holder.rounded[_ngcontent-%COMP%]{border-radius:8px;padding:2px 8px}[_nghost-%COMP%]   div.holder.rounded.with-icon[_ngcontent-%COMP%]{padding:2px 3px 2px 8px}[_nghost-%COMP%]   div.holder.warning[_ngcontent-%COMP%]{background-color:var(--state-label-warning-background-color, var(--fu-neutral-500, #ffb424));color:var(--state-label-warning-inner-color, var(--fu-white, #ffffff))}[_nghost-%COMP%]   div.holder.warning[_ngcontent-%COMP%]:hover{background-color:var(--state-label-warning-hover-background-color, var(--fu-neutral-700, #fea222))}[_nghost-%COMP%]   div.holder.error[_ngcontent-%COMP%]{background-color:var(--state-label-error-background-color, var(--fu-negative-500, #ff6a63));color:var(--state-label-error-inner-color, var(--fu-white, #ffffff))}[_nghost-%COMP%]   div.holder.error[_ngcontent-%COMP%]:hover{background-color:var(--fu-negative-700, #da564f);background-color:var(--state-label-error-hover-background-color, var(--fu-negative-700, #da564f))}"] }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StatusLabelComponent, [{
        type: Component,
        args: [{ selector: 'fusion-status-label', template: "<div\n    class=\"holder\"\n    [ngClass]=\"holderClasses\"\n    [ngStyle]=\"{color: config?.customColors?.color, backgroundColor: config?.customColors?.backgroundColor}\"\n>\n    <ng-content *ngIf=\"!config.text\"></ng-content>{{ config?.text\n    }}<fusion-icon class=\"label-icon\" *ngIf=\"config?.icon\" [name]=\"config?.icon\"></fusion-icon>\n</div>\n", styles: [":host div.holder{font-size:11px;font-family:NHaasGroteskDSPro-65Md,sans-serif;font-weight:400;letter-spacing:.25px}:host *{box-sizing:border-box}:host div.holder{height:16px;min-width:32px;max-width:382px;display:inline-block;position:relative;border-radius:2px;padding:2px 5px;line-height:normal;color:var(--state-label-success-inner-color, var(--fu-white, #ffffff));background-color:var(--state-label-success-background-color, var(--fu-positive-500, #22c891));cursor:default;text-align:center}:host div.holder fusion-icon[class^=label-icon]{margin-left:3px;vertical-align:middle}:host div.holder fusion-icon[class^=label-icon] ::ng-deep svg{width:10px;height:10px}:host div.holder fusion-icon[class^=label-icon] ::ng-deep svg *{fill:currentColor}:host div.holder.with-icon{padding:2px 3px 2px 5px}:host div.holder:hover{background-color:var(--state-label-success-hover-background-color, var(--fu-positive-700, #1b9c71))}:host div.holder.rounded{border-radius:8px;padding:2px 8px}:host div.holder.rounded.with-icon{padding:2px 3px 2px 8px}:host div.holder.warning{background-color:var(--state-label-warning-background-color, var(--fu-neutral-500, #ffb424));color:var(--state-label-warning-inner-color, var(--fu-white, #ffffff))}:host div.holder.warning:hover{background-color:var(--state-label-warning-hover-background-color, var(--fu-neutral-700, #fea222))}:host div.holder.error{background-color:var(--state-label-error-background-color, var(--fu-negative-500, #ff6a63));color:var(--state-label-error-inner-color, var(--fu-white, #ffffff))}:host div.holder.error:hover{background-color:var(--fu-negative-700, #da564f);background-color:var(--state-label-error-hover-background-color, var(--fu-negative-700, #da564f))}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StatusLabelComponent, { className: "StatusLabelComponent", filePath: "status-label.component.ts", lineNumber: 9 }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWxhYmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Z1c2lvbi11aS9jb21wb25lbnRzL3N0YXR1cy1sYWJlbC92MS9zdGF0dXMtbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZnVzaW9uLXVpL2NvbXBvbmVudHMvc3RhdHVzLWxhYmVsL2NvbW1vbi9iYXNlL3N0YXR1cy1sYWJlbC5iYXNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEMsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sMkRBQTJELENBQUM7Ozs7O0lDSS9GLGdEQUE4Qzs7O0lBQzVDLGlDQUF5Rjs7O0lBQXBDLHdFQUFxQjs7OztBREVoRixNQUFNLE9BQU8sb0JBQXFCLFNBQVEsd0JBQXdCO29QQUFyRCxvQkFBb0IsU0FBcEIsb0JBQW9CO29FQUFwQixvQkFBb0I7O1lDUmpDLDhCQUlDO1lBQ0csbUZBQThDO1lBQUEsWUFDNUM7WUFBQSxxRkFBeUY7WUFDL0YsaUJBQU07O1lBTEYsMkNBQXlCLHlQQUFBO1lBR1osY0FBa0I7WUFBbEIsdUNBQWtCO1lBQWUsY0FDNUM7WUFENEMsaUVBQzVDO1lBQWlDLGNBQWtCO1lBQWxCLGtFQUFrQjs7O2lGREU1QyxvQkFBb0I7Y0FMaEMsU0FBUzsyQkFDSSxxQkFBcUI7O2tGQUl0QixvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1N0YXR1c0xhYmVsQmFzZUNvbXBvbmVudH0gZnJvbSAnQGlyb25zb3VyY2UvZnVzaW9uLXVpL2NvbXBvbmVudHMvc3RhdHVzLWxhYmVsL2NvbW1vbi9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmdXNpb24tc3RhdHVzLWxhYmVsJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4uL2NvbW1vbi9iYXNlL3N0YXR1cy1sYWJlbC5iYXNlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi4vY29tbW9uL2Jhc2Uvc3RhdHVzLWxhYmVsLmJhc2UuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTdGF0dXNMYWJlbENvbXBvbmVudCBleHRlbmRzIFN0YXR1c0xhYmVsQmFzZUNvbXBvbmVudCB7fVxuIiwiPGRpdlxuICAgIGNsYXNzPVwiaG9sZGVyXCJcbiAgICBbbmdDbGFzc109XCJob2xkZXJDbGFzc2VzXCJcbiAgICBbbmdTdHlsZV09XCJ7Y29sb3I6IGNvbmZpZz8uY3VzdG9tQ29sb3JzPy5jb2xvciwgYmFja2dyb3VuZENvbG9yOiBjb25maWc/LmN1c3RvbUNvbG9ycz8uYmFja2dyb3VuZENvbG9yfVwiXG4+XG4gICAgPG5nLWNvbnRlbnQgKm5nSWY9XCIhY29uZmlnLnRleHRcIj48L25nLWNvbnRlbnQ+e3sgY29uZmlnPy50ZXh0XG4gICAgfX08ZnVzaW9uLWljb24gY2xhc3M9XCJsYWJlbC1pY29uXCIgKm5nSWY9XCJjb25maWc/Lmljb25cIiBbbmFtZV09XCJjb25maWc/Lmljb25cIj48L2Z1c2lvbi1pY29uPlxuPC9kaXY+XG4iXX0=