import * as i0 from '@angular/core';
import { Component, NgModule } from '@angular/core';
import { StatusLabelBaseComponent } from '@ironsource/fusion-ui/components/status-label/common/base';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import * as i2 from '@ironsource/fusion-ui/components/icon/v1';
import { IconModule } from '@ironsource/fusion-ui/components/icon/v1';
export * from '@ironsource/fusion-ui/components/status-label/common/entities';

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 = ["*"];
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 }); })();

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

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

export { StatusLabelComponent, StatusLabelModule };
//# sourceMappingURL=ironsource-fusion-ui-components-status-label-v2.mjs.map
