import { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';
import { CommonModule } from '@angular/common';
import { GenericPipe } from '@ironsource/fusion-ui/pipes/generic';
import { IconModule } from '@ironsource/fusion-ui/components/icon/v1';
import { TooltipDirective } from '@ironsource/fusion-ui/components/tooltip/v4';
import { ChipFilterBaseComponent } from '@ironsource/fusion-ui/components/chip-filter/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 ChipFilterButtonComponent_ng_template_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0, 3);
} if (rf & 2) {
    i0.ɵɵnextContext(2);
    const _r4 = i0.ɵɵreference(5);
    i0.ɵɵproperty("ngTemplateOutlet", _r4);
} }
function ChipFilterButtonComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, ChipFilterButtonComponent_ng_template_0_ng_container_0_Template, 1, 1, "ng-container", 1);
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngIf", ctx_r0.apiBase);
} }
function ChipFilterButtonComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0, 3);
} if (rf & 2) {
    i0.ɵɵnextContext();
    const _r4 = i0.ɵɵreference(5);
    i0.ɵɵproperty("ngTemplateOutlet", _r4);
} }
function ChipFilterButtonComponent_ng_template_4_fusion_icon_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 11);
} if (rf & 2) {
    const ctx_r6 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("name", ctx_r6.leftIcon.icon)("fusionTooltip", ctx_r6.leftIcon.tooltipText);
} }
function ChipFilterButtonComponent_ng_template_4_ng_container_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵprojection(1, 1);
    i0.ɵɵelementContainerEnd();
} }
function ChipFilterButtonComponent_ng_template_4_ng_container_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0, 3);
} if (rf & 2) {
    const ctx_r8 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("ngTemplateOutlet", ctx_r8.defaultContent);
} }
function ChipFilterButtonComponent_ng_template_4_fusion_icon_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 12);
} if (rf & 2) {
    const ctx_r9 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("name", ctx_r9.rightIcon.icon)("fusionTooltip", ctx_r9.rightIcon.tooltipText);
} }
function ChipFilterButtonComponent_ng_template_4_fusion_icon_6_Template(rf, ctx) { if (rf & 1) {
    const _r13 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "fusion-icon", 13);
    i0.ɵɵlistener("click", function ChipFilterButtonComponent_ng_template_4_fusion_icon_6_Template_fusion_icon_click_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r12.closeClicked($event)); });
    i0.ɵɵelementEnd();
} }
function ChipFilterButtonComponent_ng_template_4_fusion_icon_7_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 14);
} }
function ChipFilterButtonComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 4);
    i0.ɵɵtemplate(1, ChipFilterButtonComponent_ng_template_4_fusion_icon_1_Template, 1, 2, "fusion-icon", 5);
    i0.ɵɵelementStart(2, "div", 6);
    i0.ɵɵtemplate(3, ChipFilterButtonComponent_ng_template_4_ng_container_3_Template, 2, 0, "ng-container", 7)(4, ChipFilterButtonComponent_ng_template_4_ng_container_4_Template, 1, 1, "ng-container", 1);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(5, ChipFilterButtonComponent_ng_template_4_fusion_icon_5_Template, 1, 2, "fusion-icon", 8)(6, ChipFilterButtonComponent_ng_template_4_fusion_icon_6_Template, 1, 0, "fusion-icon", 9)(7, ChipFilterButtonComponent_ng_template_4_fusion_icon_7_Template, 1, 0, "fusion-icon", 10);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r3.leftIcon);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", !ctx_r3.isDefaultContent);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r3.apiBase && ctx_r3.isDefaultContent);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r3.rightIcon);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r3.showClose);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r3.showCaretDown);
} }
const _c0 = [[["", 8, "filter-element"]], [["", 8, "fu-chip-content"]]];
const _c1 = [".filter-element", ".fu-chip-content"];
export class ChipFilterButtonComponent extends ChipFilterBaseComponent {
    constructor() {
        super(...arguments);
        this.size = 'medium';
        this.weight = 'light';
        this.showCaretIcon = true;
        /** @internal */
        this.placeholderChipV4Mode = true;
    }
    get chipFilterButtonClass() {
        return [this.size === 'small' && 'fu-size-small', this.weight === 'bold' && 'fu-size-bold'].filter(Boolean).join(' ');
    }
    get closeIconName() {
        return 'ph/caret-down';
    }
    get showClose() {
        return false;
    }
    get showCaretDown() {
        return this.showCaretIcon;
    }
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵChipFilterButtonComponent_BaseFactory; return function ChipFilterButtonComponent_Factory(t) { return (ɵChipFilterButtonComponent_BaseFactory || (ɵChipFilterButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ChipFilterButtonComponent)))(t || ChipFilterButtonComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChipFilterButtonComponent, selectors: [["fusion-chip-filter-button"]], hostAttrs: [1, "fusion-v4"], hostVars: 2, hostBindings: function ChipFilterButtonComponent_HostBindings(rf, ctx) { if (rf & 2) {
            i0.ɵɵclassMap(ctx.chipFilterButtonClass);
        } }, inputs: { size: "size", weight: "weight", showCaretIcon: "showCaretIcon" }, standalone: true, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵStandaloneFeature], ngContentSelectors: _c1, decls: 6, vars: 1, consts: [["ref", ""], [3, "ngTemplateOutlet", 4, "ngIf"], ["chipComponent", ""], [3, "ngTemplateOutlet"], [1, "fu-chip-filter-container"], ["class", "fu-chip-left-icon", 3, "name", "fusionTooltip", 4, "ngIf"], [1, "fu-chip-content-wrapper"], [4, "ngIf"], ["class", "fu-chip-right-icon", 3, "name", "fusionTooltip", 4, "ngIf"], ["class", "fu-icon-close", "name", "ph/fill/x-circle", 3, "click", 4, "ngIf"], ["class", "fu-icon-close", "name", "ph/caret-down", 4, "ngIf"], [1, "fu-chip-left-icon", 3, "name", "fusionTooltip"], [1, "fu-chip-right-icon", 3, "name", "fusionTooltip"], ["name", "ph/fill/x-circle", 1, "fu-icon-close", 3, "click"], ["name", "ph/caret-down", 1, "fu-icon-close"]], template: function ChipFilterButtonComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵprojectionDef(_c0);
            i0.ɵɵtemplate(0, ChipFilterButtonComponent_ng_template_0_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
            i0.ɵɵprojection(2);
            i0.ɵɵtemplate(3, ChipFilterButtonComponent_ng_container_3_Template, 1, 1, "ng-container", 1)(4, ChipFilterButtonComponent_ng_template_4_Template, 8, 6, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
        } if (rf & 2) {
            i0.ɵɵadvance(3);
            i0.ɵɵproperty("ngIf", !ctx.apiBase);
        } }, dependencies: [CommonModule, i1.NgIf, i1.NgTemplateOutlet, IconModule, i2.IconComponent, TooltipDirective], styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\";@keyframes _ngcontent-%COMP%_rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes _ngcontent-%COMP%_shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}.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%], [_nghost-%COMP%]   .fu-chip-filter-container[_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%], .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}.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}.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}[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%], .font-v4-chip-label[_ngcontent-%COMP%]{font-size:.75rem;line-height:1rem}.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%]{--box-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05);--box-shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, .1), 0px 1px 2px 0px rgba(16, 24, 40, .06);--box-shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, .1), 0px 2px 4px -2px rgba(16, 24, 40, .06);--box-shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03);--box-shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--box-shadow-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--box-shadow-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--box-shadow-slg: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.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}[_nghost-%COMP%]{margin:0;padding:0;display:inline-block;position:relative}[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:row;gap:4px;align-items:center;padding:6px 6px 6px 8px;width:-moz-fit-content;width:fit-content;height:28px;border-radius:100px;border:1px solid var(--default-outlined-border, hsl(0, 0%, 73.2%));background-color:var(--background-default, #FFFFFF);color:var(--text-primary, hsl(0, 0%, 12.5%))}[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-chip-left-icon[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-chip-right-icon[_ngcontent-%COMP%], [_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-icon-close[_ngcontent-%COMP%]{width:16px;height:16px}[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-icon-close[_ngcontent-%COMP%]{color:var(--action-active, hsl(0, 0%, 50.3%));margin-left:auto}[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]:hover{border-color:var(--action-active, hsla(0, 0%, 0%, .05));background-color:var(--action-hover, hsla(0, 0%, 0%, .05));cursor:pointer}.fu-add-filter[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]{border-radius:var(--spacing-75, 6px)}.fu-add-filter.fu-selected[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]{background-color:var(--background-default, #FFFFFF);color:var(--text-primary, hsl(0, 0%, 12.5%));border:1px solid var(--default-outlined-border, hsl(0, 0%, 73.2%))}.fu-add-filter.fu-selected[_nghost-%COMP%]:hover   .fu-chip-filter-container[_ngcontent-%COMP%]{border-color:var(--action-hover, hsla(0, 0%, 0%, .05));background-color:var(--action-hover, hsla(0, 0%, 0%, .05));cursor:pointer}.fu-add-filter.fu-selected[_nghost-%COMP%]:has(.fu-dropdown.dd-opened)   .fu-chip-filter-container[_ngcontent-%COMP%]{border:2px solid var(--action-active, hsl(0, 0%, 50.3%));background:var(--action-selected, hsl(0, 0%, 92%));padding:6px 5px 6px 7px}[_nghost-%COMP%]:has(.fu-dropdown.dd-opened)   .fu-chip-filter-container[_ngcontent-%COMP%]{border:2px solid var(--action-active, hsl(0, 0%, 50.3%));background:var(--action-selected, hsl(0, 0%, 92%));padding:6px 5px 6px 7px}.fu-selected[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]{background-color:var(--primary-light, hsl(209, 95%, 90.1%));color:var(--primary-contrast-text, hsl(216, 71%, 23%));border-color:var(--primary-light, hsl(209, 95%, 90.1%))}.fu-selected[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-icon-close[_ngcontent-%COMP%]{color:var(--primary-dark, hsl(208, 93.5%, 47.4%))}.fu-selected[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-icon-close[_ngcontent-%COMP%]:hover{color:var(--primary-darker, hsl(211, 90%, 42%))}.fu-selected[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]:hover{background-color:var(--primary-light, hsl(209, 95%, 90.1%));border:solid 1px var(--primary-main-50-p, hsla(206, 100%, 50%, .5))}.fu-selected[_nghost-%COMP%]:has(.fu-dropdown.dd-opened)   .fu-chip-filter-container[_ngcontent-%COMP%]{background-color:var(--primary-light, hsl(209, 95%, 90.1%));border-color:var(--primary-main-50-p, hsla(206, 100%, 50%, .5));border-width:2px;padding:6px 5px 6px 7px}.fu-disabled[_nghost-%COMP%]{pointer-events:none;-webkit-user-select:none;user-select:none}.fu-disabled[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]{color:var(--text-disabled, hsl(0, 0%, 73.33%));border-color:var(--action-outlined-border, hsl(0, 0%, 73%))}.fu-disabled[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-icon-close[_ngcontent-%COMP%]{color:var(--text-disabled, hsl(0, 0%, 73.33%))}", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\";@keyframes _ngcontent-%COMP%_rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes _ngcontent-%COMP%_shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}.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%], .fu-size-bold[_nghost-%COMP%]   .fu-chip-filter-container[_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%], .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}.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}.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}.fu-size-bold[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%], .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}.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}.fu-size-bold[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%], .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}.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}.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%]{--box-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05);--box-shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, .1), 0px 1px 2px 0px rgba(16, 24, 40, .06);--box-shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, .1), 0px 2px 4px -2px rgba(16, 24, 40, .06);--box-shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03);--box-shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--box-shadow-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--box-shadow-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--box-shadow-slg: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.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}[_nghost-%COMP%]{margin:0;padding:0;display:inline-block;position:relative}[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]{width:100%;padding:6px;border-radius:var(--border-radius-md, 6px);color:var(--text-primary, hsl(0, 0%, 12.5%))}[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-icon-close[_ngcontent-%COMP%]{color:var(--action-active, hsl(0, 0%, 50.3%))}[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]:hover{border-color:var(--action-active, hsl(0, 0%, 50.3%));background-color:var(--action-hover, hsla(0, 0%, 0%, .05));cursor:pointer}.fu-selected[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]{border:1px solid var(--default-outlined-border, hsl(0, 0%, 73.2%));background-color:var(--background-default, #FFFFFF);color:var(--text-primary, hsl(0, 0%, 12.5%))}.fu-selected[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-icon-close[_ngcontent-%COMP%]{color:var(--action-active, hsl(0, 0%, 50.3%))}.fu-selected[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]:hover{border:1px solid var(--action-active, hsl(0, 0%, 50.3%));background-color:var(--action-hover, hsla(0, 0%, 0%, .05));cursor:pointer}.fu-selected[_nghost-%COMP%]:has(.fu-dropdown.dd-opened)   .fu-chip-filter-container[_ngcontent-%COMP%], [_nghost-%COMP%]:has(.fu-dropdown.dd-opened)   .fu-chip-filter-container[_ngcontent-%COMP%]{color:var(--text-primary, hsl(0, 0%, 12.5%));border:2px solid var(--action-active, hsl(0, 0%, 50.3%));background:var(--action-selected, hsl(0, 0%, 92%));padding:6px 5px}.fu-selected[_nghost-%COMP%]:has(.fu-dropdown.dd-opened)   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-icon-close[_ngcontent-%COMP%], [_nghost-%COMP%]:has(.fu-dropdown.dd-opened)   .fu-chip-filter-container[_ngcontent-%COMP%]   .fu-icon-close[_ngcontent-%COMP%]{color:var(--action-active, hsl(0, 0%, 50.3%))}.fu-size-small[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]{padding:4px 6px;height:24px}.fu-size-small[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]:hover{padding:4px 6px}.fu-size-small.fu-selected[_nghost-%COMP%]   .fu-chip-filter-container[_ngcontent-%COMP%]:hover, .fu-size-small.fu-selected[_nghost-%COMP%]:has(.fu-dropdown.dd-opened)   .fu-chip-filter-container[_ngcontent-%COMP%]:hover{padding:4px 7px}.fu-size-small[_nghost-%COMP%]:has(.fu-dropdown.dd-opened)   .fu-chip-filter-container[_ngcontent-%COMP%]:hover{padding:4px 6px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChipFilterButtonComponent, [{
        type: Component,
        args: [{ selector: 'fusion-chip-filter-button', standalone: true, imports: [CommonModule, GenericPipe, IconModule, TooltipDirective], host: { class: 'fusion-v4' }, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #ref>\n    <ng-container *ngIf=\"apiBase\" [ngTemplateOutlet]=\"chipComponent\"></ng-container>\n</ng-template>\n<ng-content select=\".filter-element\"></ng-content>\n\n<ng-container *ngIf=\"!apiBase\" [ngTemplateOutlet]=\"chipComponent\"></ng-container>\n\n<ng-template #chipComponent>\n    <div class=\"fu-chip-filter-container\">\n        <fusion-icon class=\"fu-chip-left-icon\" *ngIf=\"leftIcon\" [name]=\"leftIcon.icon\" [fusionTooltip]=\"leftIcon.tooltipText\"></fusion-icon>\n        <div class=\"fu-chip-content-wrapper\">\n            <ng-container *ngIf=\"!isDefaultContent\">\n                <ng-content select=\".fu-chip-content\"></ng-content>\n            </ng-container>\n            <ng-container *ngIf=\"apiBase && isDefaultContent\" [ngTemplateOutlet]=\"defaultContent\"></ng-container>\n        </div>\n        <fusion-icon class=\"fu-chip-right-icon\" *ngIf=\"rightIcon\" [name]=\"rightIcon.icon\" [fusionTooltip]=\"rightIcon.tooltipText\"></fusion-icon>\n        <fusion-icon class=\"fu-icon-close\" *ngIf=\"showClose\" (click)=\"closeClicked($event)\" name=\"ph/fill/x-circle\"></fusion-icon>\n        <fusion-icon class=\"fu-icon-close\" *ngIf=\"showCaretDown\" name=\"ph/caret-down\"></fusion-icon>\n    </div>\n</ng-template>\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\";@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}.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,:host .fu-chip-filter-container,.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,.font-v4-caption,.font-v4-body-2,.font-v4-body-1{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}.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}:host .fu-chip-filter-container,.font-v4-chip-label{font-size:.75rem;line-height:1rem}.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{--box-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05);--box-shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, .1), 0px 1px 2px 0px rgba(16, 24, 40, .06);--box-shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, .1), 0px 2px 4px -2px rgba(16, 24, 40, .06);--box-shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03);--box-shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--box-shadow-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--box-shadow-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--box-shadow-slg: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.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}:host{margin:0;padding:0;display:inline-block;position:relative}:host .fu-chip-filter-container{box-sizing:border-box;display:flex;flex-direction:row;gap:4px;align-items:center;padding:6px 6px 6px 8px;width:-moz-fit-content;width:fit-content;height:28px;border-radius:100px;border:1px solid var(--default-outlined-border, hsl(0, 0%, 73.2%));background-color:var(--background-default, #FFFFFF);color:var(--text-primary, hsl(0, 0%, 12.5%))}:host .fu-chip-filter-container .fu-chip-left-icon,:host .fu-chip-filter-container .fu-chip-right-icon,:host .fu-chip-filter-container .fu-icon-close{width:16px;height:16px}:host .fu-chip-filter-container .fu-icon-close{color:var(--action-active, hsl(0, 0%, 50.3%));margin-left:auto}:host .fu-chip-filter-container:hover{border-color:var(--action-active, hsla(0, 0%, 0%, .05));background-color:var(--action-hover, hsla(0, 0%, 0%, .05));cursor:pointer}:host.fu-add-filter .fu-chip-filter-container{border-radius:var(--spacing-75, 6px)}:host.fu-add-filter.fu-selected .fu-chip-filter-container{background-color:var(--background-default, #FFFFFF);color:var(--text-primary, hsl(0, 0%, 12.5%));border:1px solid var(--default-outlined-border, hsl(0, 0%, 73.2%))}:host.fu-add-filter.fu-selected:hover .fu-chip-filter-container{border-color:var(--action-hover, hsla(0, 0%, 0%, .05));background-color:var(--action-hover, hsla(0, 0%, 0%, .05));cursor:pointer}:host.fu-add-filter.fu-selected:has(.fu-dropdown.dd-opened) .fu-chip-filter-container{border:2px solid var(--action-active, hsl(0, 0%, 50.3%));background:var(--action-selected, hsl(0, 0%, 92%));padding:6px 5px 6px 7px}:host:has(.fu-dropdown.dd-opened) .fu-chip-filter-container{border:2px solid var(--action-active, hsl(0, 0%, 50.3%));background:var(--action-selected, hsl(0, 0%, 92%));padding:6px 5px 6px 7px}:host.fu-selected .fu-chip-filter-container{background-color:var(--primary-light, hsl(209, 95%, 90.1%));color:var(--primary-contrast-text, hsl(216, 71%, 23%));border-color:var(--primary-light, hsl(209, 95%, 90.1%))}:host.fu-selected .fu-chip-filter-container .fu-icon-close{color:var(--primary-dark, hsl(208, 93.5%, 47.4%))}:host.fu-selected .fu-chip-filter-container .fu-icon-close:hover{color:var(--primary-darker, hsl(211, 90%, 42%))}:host.fu-selected .fu-chip-filter-container:hover{background-color:var(--primary-light, hsl(209, 95%, 90.1%));border:solid 1px var(--primary-main-50-p, hsla(206, 100%, 50%, .5))}:host.fu-selected:has(.fu-dropdown.dd-opened) .fu-chip-filter-container{background-color:var(--primary-light, hsl(209, 95%, 90.1%));border-color:var(--primary-main-50-p, hsla(206, 100%, 50%, .5));border-width:2px;padding:6px 5px 6px 7px}:host.fu-disabled{pointer-events:none;-webkit-user-select:none;user-select:none}:host.fu-disabled .fu-chip-filter-container{color:var(--text-disabled, hsl(0, 0%, 73.33%));border-color:var(--action-outlined-border, hsl(0, 0%, 73%))}:host.fu-disabled .fu-chip-filter-container .fu-icon-close{color:var(--text-disabled, hsl(0, 0%, 73.33%))}\n", "@import\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap\";@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}.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,:host.fu-size-bold .fu-chip-filter-container,.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,.font-v4-caption,.font-v4-body-2,.font-v4-body-1{font-family:Inter,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}.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}.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}:host.fu-size-bold .fu-chip-filter-container,.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}.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}:host.fu-size-bold .fu-chip-filter-container,.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}.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}.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{--box-shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, .05);--box-shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, .1), 0px 1px 2px 0px rgba(16, 24, 40, .06);--box-shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, .1), 0px 2px 4px -2px rgba(16, 24, 40, .06);--box-shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03);--box-shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, .03), 0px 20px 24px -6px rgba(16, 24, 40, .08);--box-shadow-xxl: 0px 24px 48px -12px rgba(16, 24, 40, .18);--box-shadow-xxxl: 0px 19px 32px 2px rgba(44, 45, 45, .14);--box-shadow-slg: 0px 27px 27px 2px rgba(44, 45, 45, .14)}.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}:host{margin:0;padding:0;display:inline-block;position:relative}:host .fu-chip-filter-container{width:100%;padding:6px;border-radius:var(--border-radius-md, 6px);color:var(--text-primary, hsl(0, 0%, 12.5%))}:host .fu-chip-filter-container .fu-icon-close{color:var(--action-active, hsl(0, 0%, 50.3%))}:host .fu-chip-filter-container:hover{border-color:var(--action-active, hsl(0, 0%, 50.3%));background-color:var(--action-hover, hsla(0, 0%, 0%, .05));cursor:pointer}:host.fu-selected .fu-chip-filter-container{border:1px solid var(--default-outlined-border, hsl(0, 0%, 73.2%));background-color:var(--background-default, #FFFFFF);color:var(--text-primary, hsl(0, 0%, 12.5%))}:host.fu-selected .fu-chip-filter-container .fu-icon-close{color:var(--action-active, hsl(0, 0%, 50.3%))}:host.fu-selected .fu-chip-filter-container:hover{border:1px solid var(--action-active, hsl(0, 0%, 50.3%));background-color:var(--action-hover, hsla(0, 0%, 0%, .05));cursor:pointer}:host.fu-selected:has(.fu-dropdown.dd-opened) .fu-chip-filter-container,:host:has(.fu-dropdown.dd-opened) .fu-chip-filter-container{color:var(--text-primary, hsl(0, 0%, 12.5%));border:2px solid var(--action-active, hsl(0, 0%, 50.3%));background:var(--action-selected, hsl(0, 0%, 92%));padding:6px 5px}:host.fu-selected:has(.fu-dropdown.dd-opened) .fu-chip-filter-container .fu-icon-close,:host:has(.fu-dropdown.dd-opened) .fu-chip-filter-container .fu-icon-close{color:var(--action-active, hsl(0, 0%, 50.3%))}:host.fu-size-small .fu-chip-filter-container{padding:4px 6px;height:24px}:host.fu-size-small .fu-chip-filter-container:hover{padding:4px 6px}:host.fu-size-small.fu-selected .fu-chip-filter-container:hover,:host.fu-size-small.fu-selected:has(.fu-dropdown.dd-opened) .fu-chip-filter-container:hover{padding:4px 7px}:host.fu-size-small:has(.fu-dropdown.dd-opened) .fu-chip-filter-container:hover{padding:4px 6px}\n"] }]
    }], null, { size: [{
            type: Input
        }], weight: [{
            type: Input
        }], showCaretIcon: [{
            type: Input
        }], chipFilterButtonClass: [{
            type: HostBinding,
            args: ['class']
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChipFilterButtonComponent, { className: "ChipFilterButtonComponent", filePath: "chip-filter-button/chip-filter-button.component.ts", lineNumber: 18 }); })();
//# sourceMappingURL=data:application/json;base64, 