import * as i0 from '@angular/core';
import { EventEmitter, inject, Component, ChangeDetectionStrategy, Input, Output } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import * as i3 from '@angular/forms';
import { ReactiveFormsModule } from '@angular/forms';
import { Subject } from 'rxjs';
import { takeUntil, debounceTime } from 'rxjs/operators';
import * as i2 from '@ironsource/fusion-ui/components/icon/v1';
import { IconModule } from '@ironsource/fusion-ui/components/icon/v1';
import { TooltipDirective } from '@ironsource/fusion-ui/components/tooltip/v4';
import { ColorsService } from '@ironsource/fusion-ui/services/colors';
import { CheckboxComponent } from '@ironsource/fusion-ui/components/checkbox/v4';
import { isNullOrUndefined } from '@ironsource/fusion-ui/utils';

function ChartLabelsV4Component_div_1_ng_container_1_fusion_icon_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 7);
} if (rf & 2) {
    const datasetLabel_r1 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵproperty("name", datasetLabel_r1.icon);
} }
function ChartLabelsV4Component_div_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "div", 4);
    i0.ɵɵtemplate(2, ChartLabelsV4Component_div_1_ng_container_1_fusion_icon_2_Template, 1, 1, "fusion-icon", 5);
    i0.ɵɵelementStart(3, "div", 6);
    i0.ɵɵtext(4);
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const datasetLabel_r1 = i0.ɵɵnextContext().$implicit;
    const ctx_r2 = i0.ɵɵnextContext();
    let tmp_3_0;
    i0.ɵɵadvance();
    i0.ɵɵstyleProp("background-color", ctx_r2.getLabelBGColor(datasetLabel_r1.color))("border-color", datasetLabel_r1.color);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", datasetLabel_r1.icon);
    i0.ɵɵadvance();
    i0.ɵɵclassProp("fu-label-strikethrough", !((tmp_3_0 = datasetLabel_r1 == null ? null : datasetLabel_r1.labelVisible == null ? null : datasetLabel_r1.labelVisible.value) !== null && tmp_3_0 !== undefined ? tmp_3_0 : true));
    i0.ɵɵproperty("fusionTooltip", datasetLabel_r1.label);
    i0.ɵɵattribute("data-testid", ctx_r2.testId);
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate1("", datasetLabel_r1.label, " ");
} }
function ChartLabelsV4Component_div_1_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "fusion-checkbox", 8);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const datasetLabel_r1 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance();
    i0.ɵɵproperty("label", datasetLabel_r1.label)("backgroundColor", datasetLabel_r1.backgroundColor)("formControl", datasetLabel_r1 == null ? null : datasetLabel_r1.labelVisible);
} }
function ChartLabelsV4Component_div_1_Template(rf, ctx) { if (rf & 1) {
    const _r9 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 2);
    i0.ɵɵlistener("mouseenter", function ChartLabelsV4Component_div_1_Template_div_mouseenter_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r9); const datasetLabel_r1 = restoredCtx.$implicit; const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(!datasetLabel_r1.typeCheckbox && ctx_r8.onLabelHover(datasetLabel_r1)); })("mouseleave", function ChartLabelsV4Component_div_1_Template_div_mouseleave_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r9); const datasetLabel_r1 = restoredCtx.$implicit; const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(!datasetLabel_r1.typeCheckbox && ctx_r10.onLabelHover(null)); })("click", function ChartLabelsV4Component_div_1_Template_div_click_0_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r9); const datasetLabel_r1 = restoredCtx.$implicit; const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.chartLabelClicked($event, datasetLabel_r1)); });
    i0.ɵɵtemplate(1, ChartLabelsV4Component_div_1_ng_container_1_Template, 5, 10, "ng-container", 3)(2, ChartLabelsV4Component_div_1_ng_container_2_Template, 2, 3, "ng-container", 3);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const datasetLabel_r1 = ctx.$implicit;
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵstyleProp("max-width", "calc(100% / " + (ctx_r0.labels == null ? null : ctx_r0.labels.length) + " - var(--fu-chart-label-width-normalize, 8px)");
    i0.ɵɵclassProp("fu-clickable", datasetLabel_r1 == null ? null : datasetLabel_r1.labelVisible)("fu-align-right", datasetLabel_r1 == null ? null : datasetLabel_r1.alignToRight);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", !datasetLabel_r1.typeCheckbox);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", datasetLabel_r1.typeCheckbox);
} }
class ChartLabelsV4Component {
    constructor() {
        this._labels = [];
        this.bgOpacity = 100;
        this.labelClick = new EventEmitter();
        this.labelHover = new EventEmitter();
        this.colorsService = inject(ColorsService);
        this.labelClick$ = new Subject();
        this.onDestroy$ = new Subject();
    }
    set labels(value) {
        this._labels = value;
    }
    get labels() {
        return this._labels;
    }
    ngOnInit() {
        this.labelClick$.pipe(takeUntil(this.onDestroy$), debounceTime(100)).subscribe((chartLabel) => {
            if (!isNullOrUndefined(chartLabel.labelVisible)) {
                if (!chartLabel.typeCheckbox) {
                    chartLabel.labelVisible.setValue(!chartLabel.labelVisible.value, { emitEvent: true });
                }
                this.labelClick.emit(chartLabel);
                if (!chartLabel.typeCheckbox) {
                    if (chartLabel.labelVisible.value) {
                        this.labelHover.emit(chartLabel);
                    }
                    else {
                        this.labelHover.emit(null);
                    }
                }
            }
        });
    }
    ngOnDestroy() {
        this.onDestroy$.next();
        this.onDestroy$.complete();
    }
    getLabelBGColor(hexColor) {
        return hexColor.startsWith('#') ? this.colorsService.toRgba(hexColor, this.bgOpacity) : hexColor;
    }
    onLabelHover(chartLabel) {
        if (isNullOrUndefined(chartLabel) ||
            isNullOrUndefined(chartLabel.labelVisible) ||
            (!isNullOrUndefined(chartLabel.labelVisible) && chartLabel.labelVisible.value)) {
            this.labelHover.emit(chartLabel);
        }
    }
    chartLabelClicked($event, chartLabel) {
        $event.stopPropagation();
        this.labelClick$.next(chartLabel);
    }
    static { this.ɵfac = function ChartLabelsV4Component_Factory(t) { return new (t || ChartLabelsV4Component)(); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChartLabelsV4Component, selectors: [["fusion-chart-labels"]], hostAttrs: [1, "fusion-v4"], inputs: { labels: "labels", bgOpacity: "bgOpacity", testId: "testId" }, outputs: { labelClick: "labelClick", labelHover: "labelHover" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 2, vars: 1, consts: [[1, "fu-chart-labels-wrapper"], ["class", "fu-chart-label", 3, "fu-clickable", "fu-align-right", "max-width", "mouseenter", "mouseleave", "click", 4, "ngFor", "ngForOf"], [1, "fu-chart-label", 3, "mouseenter", "mouseleave", "click"], [4, "ngIf"], [1, "fu-chart-label-color"], ["class", "fu-chart-label-icon", 3, "name", 4, "ngIf"], [1, "fu-chart-label-text", "truncate", 3, "fusionTooltip"], [1, "fu-chart-label-icon", 3, "name"], [3, "label", "backgroundColor", "formControl"]], template: function ChartLabelsV4Component_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵtemplate(1, ChartLabelsV4Component_div_1_Template, 3, 8, "div", 1);
            i0.ɵɵelementEnd();
        } if (rf & 2) {
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngForOf", ctx.labels);
        } }, dependencies: [CommonModule, i1.NgForOf, i1.NgIf, IconModule, i2.IconComponent, TooltipDirective, CheckboxComponent, ReactiveFormsModule, i3.NgControlStatus, i3.FormControlDirective], styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\";.font-v4-bold[_ngcontent-%COMP%], .font-v4-tab-label-2[_ngcontent-%COMP%], .font-v4-chart-2[_ngcontent-%COMP%], .font-v4-chart-1[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}.font-v4-semibold[_ngcontent-%COMP%], .font-v4-chip-label[_ngcontent-%COMP%], .font-v4-table-label[_ngcontent-%COMP%], .font-v4-button[_ngcontent-%COMP%], .font-v4-heading-6[_ngcontent-%COMP%], .font-v4-heading-5[_ngcontent-%COMP%], .font-v4-heading-4[_ngcontent-%COMP%], .font-v4-heading-3[_ngcontent-%COMP%], .font-v4-heading-2[_ngcontent-%COMP%], .font-v4-heading-1[_ngcontent-%COMP%], .font-v4-title[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}.font-v4-medium[_ngcontent-%COMP%], .font-v4-tab-label-1[_ngcontent-%COMP%], .font-v4-input-label[_ngcontent-%COMP%], .font-v4-overline[_ngcontent-%COMP%], .font-v4-subtitle-2[_ngcontent-%COMP%], .font-v4-subtitle-1[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}.font-v4-regular[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label[_ngcontent-%COMP%]   .fu-chart-label-text[_ngcontent-%COMP%], .font-v4-caption[_ngcontent-%COMP%], .font-v4-body-2[_ngcontent-%COMP%], .font-v4-body-1[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label[_ngcontent-%COMP%]   .truncate[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fusion-v4[_ngcontent-%COMP%]{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, .11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, .05);--action-selected: hsl(0, 0%, 92%);--action-disabled: hsl(0, 0%, 87%);--action-disabled-background: hsl(0, 0%, 95%);--action-focus: hsl(0, 0%, 92%);--action-outlined-border: hsl(0, 0%, 73%);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0, 0%, 94.51%);--default-dark: hsl(0, 0%, 92%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsl(0, 0%, 0%);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsl(0, 0%, 89%);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0, 0%, 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95%, 90.1%);--primary-main: hsl(206, 100%, 50%);--primary-main-8-p: hsla(206, 100%, 50%, .08);--primary-main-50-p: hsla(206, 100%, 50%, .5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90%, 42%);--primary-outlined-border: hsl(206, 100%, 50%);--primary-contrast-text: hsl(216, 71%, 23%);--primary-button-contrast-text: hsl(0, 0%, 100%);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92%);--info-main: hsl(226, 70%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, .08);--info-main-50-p: hsla(226, 70%, 55.5%, .5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55%, 45%);--info-outlined-border: hsl(226, 70%, 55.5%);--info-contrast-text: hsl(226, 50%, 24%);--info-button-contrast-text: hsl(0, 0%, 100%);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86%);--success-main: hsl(151, 55%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, .08);--success-main-50-p: hsla(151, 55%, 41.5%, .5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67%, 28.5%);--success-outlined-border: hsl(151, 55%, 41.5%);--success-contrast-text: hsl(155, 40%, 16.5%);--success-button-contrast-text: hsl(0, 0%, 100%);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62%);--warning-main-8-p: hsla(42, 100%, 62%, .08);--warning-main-50-p: hsla(42, 100%, 62%, .5);--warning-dark: hsl(42, 100%, 55%);--warning-darker: hsl(25, 50%, 38%);--warning-outlined-border: hsl(42, 100%, 62%);--warning-contrast-text: hsl(25, 40%, 22%);--warning-button-contrast-text: hsl(24, 40%, 22%);--error-lighter: hsl(0, 100%, 96.8%);--error-light: hsl(0, 90.2%, 91.9%);--error-main: hsl(358, 75%, 59%);--error-main-8-p: hsla(358, 75%, 59%, .08);--error-main-50-p: hsla(358, 75%, 59%, .5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65%, 47%);--error-outlined-border: hsl(358, 75%, 59%);--error-contrast-text: hsl(350, 63%, 24%);--error-button-contrast-text: hsl(0, 0%, 100%);--aba: #FFC134;--abb: #4F4FF5}.fusion-v4[_ngcontent-%COMP%]{--spacing-tockenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}.fusion-v4[_ngcontent-%COMP%]{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.font-v4-bold[_ngcontent-%COMP%], .font-v4-tab-label-2[_ngcontent-%COMP%], .font-v4-chart-1[_ngcontent-%COMP%], .font-v4-chart-2[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}.font-v4-semibold[_ngcontent-%COMP%], .font-v4-title[_ngcontent-%COMP%], .font-v4-heading-1[_ngcontent-%COMP%], .font-v4-heading-2[_ngcontent-%COMP%], .font-v4-heading-3[_ngcontent-%COMP%], .font-v4-heading-4[_ngcontent-%COMP%], .font-v4-heading-5[_ngcontent-%COMP%], .font-v4-heading-6[_ngcontent-%COMP%], .font-v4-button[_ngcontent-%COMP%], .font-v4-table-label[_ngcontent-%COMP%], .font-v4-chip-label[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}.font-v4-medium[_ngcontent-%COMP%], .font-v4-subtitle-1[_ngcontent-%COMP%], .font-v4-subtitle-2[_ngcontent-%COMP%], .font-v4-overline[_ngcontent-%COMP%], .font-v4-input-label[_ngcontent-%COMP%], .font-v4-tab-label-1[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label[_ngcontent-%COMP%]   .fu-chart-label-text[_ngcontent-%COMP%], .font-v4-regular[_ngcontent-%COMP%], .font-v4-body-1[_ngcontent-%COMP%], .font-v4-body-2[_ngcontent-%COMP%], .font-v4-caption[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}.font-v4-title[_ngcontent-%COMP%]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-v4-heading-1[_ngcontent-%COMP%]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-v4-heading-2[_ngcontent-%COMP%]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-v4-heading-3[_ngcontent-%COMP%]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-v4-heading-4[_ngcontent-%COMP%]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-v4-heading-5[_ngcontent-%COMP%]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-v4-heading-6[_ngcontent-%COMP%]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-v4-body-1[_ngcontent-%COMP%]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-v4-body-2[_ngcontent-%COMP%]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-v4-subtitle-1[_ngcontent-%COMP%]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-v4-subtitle-2[_ngcontent-%COMP%]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-v4-chart-1[_ngcontent-%COMP%]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-v4-chart-2[_ngcontent-%COMP%]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-v4-button[_ngcontent-%COMP%]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-v4-overline[_ngcontent-%COMP%]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label[_ngcontent-%COMP%]   .fu-chart-label-text[_ngcontent-%COMP%], .font-v4-caption[_ngcontent-%COMP%]{font-size:.75rem;line-height:1rem}.font-v4-table-label[_ngcontent-%COMP%]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-v4-input-label[_ngcontent-%COMP%]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-v4-tab-label-1[_ngcontent-%COMP%], .font-v4-tab-label-2[_ngcontent-%COMP%]{font-size:.875rem;line-height:1rem}.font-v4-chip-label[_ngcontent-%COMP%]{font-size:.75rem;line-height:1rem}[_nghost-%COMP%]{margin:0;padding:0;display:inline;width:100%}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center;gap:8px;flex-direction:row;justify-content:flex-start;overflow-x:var(--chart-labels-wrapper-overflow-x, hidden)}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px;height:24px;padding:2px 6px;border-radius:4px;line-height:15px;background-color:var(--default-main, hsl(0, 0%, 94.51%))}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label[_ngcontent-%COMP%]   .fu-chart-label-color[_ngcontent-%COMP%]{min-width:12px;width:12px;height:12px;border-radius:2px;border:solid 1px}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label[_ngcontent-%COMP%]   .fu-chart-label-icon[_ngcontent-%COMP%]{width:15px;height:15px;color:var(--action-active, hsl(0, 0%, 50.3%))}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label[_ngcontent-%COMP%]   .fu-chart-label-text[_ngcontent-%COMP%]{color:var(--text-primary, hsl(0, 0%, 12.5%))}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label[_ngcontent-%COMP%]   .fu-chart-label-text.fu-label-strikethrough[_ngcontent-%COMP%]{text-decoration:line-through}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label[_ngcontent-%COMP%]:hover{cursor:default;background-color:var(--background-paper-elevation-3, hsl(0, 0%, 89.5%))}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label.fu-clickable[_ngcontent-%COMP%]:hover{cursor:pointer}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label.fu-align-right[_ngcontent-%COMP%]{margin-left:auto;background-color:transparent;order:1}[_nghost-%COMP%]   .fu-chart-labels-wrapper[_ngcontent-%COMP%]   .fu-chart-label.fu-align-right[_ngcontent-%COMP%]:hover{background-color:transparent;cursor:default}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChartLabelsV4Component, [{
        type: Component,
        args: [{ selector: 'fusion-chart-labels', standalone: true, imports: [CommonModule, IconModule, TooltipDirective, CheckboxComponent, ReactiveFormsModule], host: { class: 'fusion-v4' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"fu-chart-labels-wrapper\">\n    <div class=\"fu-chart-label\" *ngFor=\"let datasetLabel of labels;\"\n         [class.fu-clickable]=\"datasetLabel?.labelVisible\"\n         [class.fu-align-right]=\"datasetLabel?.alignToRight\"\n         [style.max-width]=\"'calc(100% / ' + labels?.length + ' - var(--fu-chart-label-width-normalize, 8px)'\"\n         (mouseenter)=\"!datasetLabel.typeCheckbox && onLabelHover(datasetLabel)\"\n         (mouseleave)=\"!datasetLabel.typeCheckbox && onLabelHover(null)\"\n         (click)=\"chartLabelClicked($event, datasetLabel)\"\n    >\n        <ng-container *ngIf=\"!datasetLabel.typeCheckbox\">\n            <div class=\"fu-chart-label-color\"\n                 [style.background-color]=\"getLabelBGColor(datasetLabel.color)\"\n                 [style.border-color]=\"datasetLabel.color\"\n            >\n            </div>\n            <fusion-icon class=\"fu-chart-label-icon\" *ngIf=\"datasetLabel.icon\" [name]=\"datasetLabel.icon\"></fusion-icon>\n            <div class=\"fu-chart-label-text truncate\" [class.fu-label-strikethrough]=\"!(datasetLabel?.labelVisible?.value ?? true)\" [attr.data-testid]=\"testId\"\n                 [fusionTooltip]=\"datasetLabel.label\">{{ datasetLabel.label }}\n            </div>\n        </ng-container>\n        <ng-container *ngIf=\"datasetLabel.typeCheckbox\">\n            <fusion-checkbox [label]=\"datasetLabel.label\" [backgroundColor]=\"datasetLabel.backgroundColor\" [formControl]=\"datasetLabel?.labelVisible\"></fusion-checkbox>\n        </ng-container>\n    </div>\n</div>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\";.font-v4-bold,.font-v4-tab-label-2,.font-v4-chart-2,.font-v4-chart-1{font-family:Inter,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}.font-v4-semibold,.font-v4-chip-label,.font-v4-table-label,.font-v4-button,.font-v4-heading-6,.font-v4-heading-5,.font-v4-heading-4,.font-v4-heading-3,.font-v4-heading-2,.font-v4-heading-1,.font-v4-title{font-family:Inter,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}.font-v4-medium,.font-v4-tab-label-1,.font-v4-input-label,.font-v4-overline,.font-v4-subtitle-2,.font-v4-subtitle-1{font-family:Inter,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}.font-v4-regular,:host .fu-chart-labels-wrapper .fu-chart-label .fu-chart-label-text,.font-v4-caption,.font-v4-body-2,.font-v4-body-1{font-family:Inter,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}:host .fu-chart-labels-wrapper .fu-chart-label .truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fusion-v4{--background-default: #FFFFFF;--background-paper: hsl(0, 0%, 99%);--background-model-elevation: #FFFFFF;--background-backdrop: hsla(0, 0%, 0%, .11);--background-paper-elevation-0: hsl(0, 0%, 97.5%);--background-paper-elevation-1: hsl(0, 0%, 94.6%);--background-paper-elevation-2: hsl(0, 0%, 92%);--background-paper-elevation-3: hsl(0, 0%, 89.5%);--background-paper-elevation-4: hsl(0, 0%, 86.8%);--background-paper-elevation-5: hsl(0, 0%, 83%);--background-paper-elevation-6: hsl(0, 0%, 73.2%);--background-paper-elevation-7: hsl(0, 0%, 55.2%);--background-paper-elevation-8: hsl(0, 0%, 50.3%);--background-paper-elevation-9: hsl(0, 0%, 39.3%);--action-primary: hsl(0, 0%, 12.5%);--action-active: hsl(0, 0%, 50.3%);--action-hover: hsla(0, 0%, 0%, .05);--action-selected: hsl(0, 0%, 92%);--action-disabled: hsl(0, 0%, 87%);--action-disabled-background: hsl(0, 0%, 95%);--action-focus: hsl(0, 0%, 92%);--action-outlined-border: hsl(0, 0%, 73%);--default-light: hsl(0, 0%, 89.5%);--default-main: hsl(0, 0%, 94.51%);--default-dark: hsl(0, 0%, 92%);--default-outlined-border: hsl(0, 0%, 73.2%);--default-contrast-text: hsl(0, 0%, 12.5%);--default-button-contrast-text: hsl(0, 0%, 0%);--common-white: #FFFFFF;--common-black: #000000;--common-inverse-white: #FFFFFF;--common-inverse-black: #000000;--common-divider: hsl(0, 0%, 86.8%);--common-divider-elevation-0: hsl(0, 0%, 89%);--text-primary: hsl(0, 0%, 12.5%);--text-secondary: hsl(0, 0%, 39.3%);--text-disabled: hsl(0, 0%, 73.33%);--primary-lighter: hsl(209, 100%, 96.5%);--primary-light: hsl(209, 95%, 90.1%);--primary-main: hsl(206, 100%, 50%);--primary-main-8-p: hsla(206, 100%, 50%, .08);--primary-main-50-p: hsla(206, 100%, 50%, .5);--primary-dark: hsl(208, 93.5%, 47.4%);--primary-darker: hsl(211, 90%, 42%);--primary-outlined-border: hsl(206, 100%, 50%);--primary-contrast-text: hsl(216, 71%, 23%);--primary-button-contrast-text: hsl(0, 0%, 100%);--info-lighter: hsl(223, 98.4%, 97.1%);--info-light: hsl(224, 87.1%, 92%);--info-main: hsl(226, 70%, 55.5%);--info-main-8-p: hsla(226, 70%, 55.5%, .08);--info-main-50-p: hsla(226, 70%, 55.5%, .5);--info-dark: hsl(226, 58.6%, 51.3%);--info-darker: hsl(226, 55%, 45%);--info-outlined-border: hsl(226, 70%, 55.5%);--info-contrast-text: hsl(226, 50%, 24%);--info-button-contrast-text: hsl(0, 0%, 100%);--success-lighter: hsl(139, 55.2%, 94.5%);--success-light: hsl(141, 43.7%, 86%);--success-main: hsl(151, 55%, 41.5%);--success-main-8-p: hsla(151, 55%, 41.5%, .08);--success-main-50-p: hsla(151, 55%, 41.5%, .5);--success-dark: hsl(152, 57.5%, 37.6%);--success-darker: hsl(153, 67%, 28.5%);--success-outlined-border: hsl(151, 55%, 41.5%);--success-contrast-text: hsl(155, 40%, 16.5%);--success-button-contrast-text: hsl(0, 0%, 100%);--warning-lighter: hsl(45, 100%, 90.8%);--warning-light: hsl(40, 100%, 81.5%);--warning-main: hsl(42, 100%, 62%);--warning-main-8-p: hsla(42, 100%, 62%, .08);--warning-main-50-p: hsla(42, 100%, 62%, .5);--warning-dark: hsl(42, 100%, 55%);--warning-darker: hsl(25, 50%, 38%);--warning-outlined-border: hsl(42, 100%, 62%);--warning-contrast-text: hsl(25, 40%, 22%);--warning-button-contrast-text: hsl(24, 40%, 22%);--error-lighter: hsl(0, 100%, 96.8%);--error-light: hsl(0, 90.2%, 91.9%);--error-main: hsl(358, 75%, 59%);--error-main-8-p: hsla(358, 75%, 59%, .08);--error-main-50-p: hsla(358, 75%, 59%, .5);--error-dark: hsl(358, 67.4%, 54.6%);--error-darker: hsl(358, 65%, 47%);--error-outlined-border: hsl(358, 75%, 59%);--error-contrast-text: hsl(350, 63%, 24%);--error-button-contrast-text: hsl(0, 0%, 100%);--aba: #FFC134;--abb: #4F4FF5}.fusion-v4{--spacing-tockenset: 0px;--spacing-25: 2px;--spacing-50: 4px;--spacing-75: 6px;--spacing-100: 8px;--spacing-125: 10px;--spacing-150: 12px;--spacing-200: 16px;--spacing-250: 20px;--spacing-300: 24px;--spacing-400: 32px;--spacing-500: 40px;--spacing-600: 48px;--spacing-700: 56px;--spacing-800: 64px;--spacing-900: 72px;--spacing-1000: 80px}.fusion-v4{--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 16px;--border-radius-full: 100px}.font-v4-bold,.font-v4-tab-label-2,.font-v4-chart-1,.font-v4-chart-2{font-family:Inter,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}.font-v4-semibold,.font-v4-title,.font-v4-heading-1,.font-v4-heading-2,.font-v4-heading-3,.font-v4-heading-4,.font-v4-heading-5,.font-v4-heading-6,.font-v4-button,.font-v4-table-label,.font-v4-chip-label{font-family:Inter,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}.font-v4-medium,.font-v4-subtitle-1,.font-v4-subtitle-2,.font-v4-overline,.font-v4-input-label,.font-v4-tab-label-1{font-family:Inter,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}:host .fu-chart-labels-wrapper .fu-chart-label .fu-chart-label-text,.font-v4-regular,.font-v4-body-1,.font-v4-body-2,.font-v4-caption{font-family:Inter,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}.font-v4-title{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-v4-heading-1{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-v4-heading-2{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-v4-heading-3{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-v4-heading-4{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-v4-heading-5{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-v4-heading-6{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-v4-body-1{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-v4-body-2{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-v4-subtitle-1{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-v4-subtitle-2{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-v4-chart-1{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-v4-chart-2{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-v4-button{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-v4-overline{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}:host .fu-chart-labels-wrapper .fu-chart-label .fu-chart-label-text,.font-v4-caption{font-size:.75rem;line-height:1rem}.font-v4-table-label{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-v4-input-label{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-v4-tab-label-1,.font-v4-tab-label-2{font-size:.875rem;line-height:1rem}.font-v4-chip-label{font-size:.75rem;line-height:1rem}:host{margin:0;padding:0;display:inline;width:100%}:host .fu-chart-labels-wrapper{width:100%;display:flex;align-items:center;gap:8px;flex-direction:row;justify-content:flex-start;overflow-x:var(--chart-labels-wrapper-overflow-x, hidden)}:host .fu-chart-labels-wrapper .fu-chart-label{display:flex;align-items:center;gap:4px;height:24px;padding:2px 6px;border-radius:4px;line-height:15px;background-color:var(--default-main, hsl(0, 0%, 94.51%))}:host .fu-chart-labels-wrapper .fu-chart-label .fu-chart-label-color{min-width:12px;width:12px;height:12px;border-radius:2px;border:solid 1px}:host .fu-chart-labels-wrapper .fu-chart-label .fu-chart-label-icon{width:15px;height:15px;color:var(--action-active, hsl(0, 0%, 50.3%))}:host .fu-chart-labels-wrapper .fu-chart-label .fu-chart-label-text{color:var(--text-primary, hsl(0, 0%, 12.5%))}:host .fu-chart-labels-wrapper .fu-chart-label .fu-chart-label-text.fu-label-strikethrough{text-decoration:line-through}:host .fu-chart-labels-wrapper .fu-chart-label:hover{cursor:default;background-color:var(--background-paper-elevation-3, hsl(0, 0%, 89.5%))}:host .fu-chart-labels-wrapper .fu-chart-label.fu-clickable:hover{cursor:pointer}:host .fu-chart-labels-wrapper .fu-chart-label.fu-align-right{margin-left:auto;background-color:transparent;order:1}:host .fu-chart-labels-wrapper .fu-chart-label.fu-align-right:hover{background-color:transparent;cursor:default}\n"] }]
    }], null, { labels: [{
            type: Input
        }], bgOpacity: [{
            type: Input
        }], testId: [{
            type: Input
        }], labelClick: [{
            type: Output
        }], labelHover: [{
            type: Output
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChartLabelsV4Component, { className: "ChartLabelsV4Component", filePath: "chart-labels-v4.component.ts", lineNumber: 22 }); })();

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

export { ChartLabelsV4Component as ChartLabelsComponent };
//# sourceMappingURL=ironsource-fusion-ui-components-chart-labels-v4.mjs.map
