import { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
import { NG_VALUE_ACCESSOR } from '@angular/forms';
import { DropdownDualMultiSelectBaseComponent } from '@ironsource/fusion-ui/components/dropdown-dual-multi-select/common/base';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ironsource/fusion-ui/components/tooltip/v2";
import * as i3 from "@ironsource/fusion-ui/components/icon/v1";
import * as i4 from "@angular/forms";
import * as i5 from "@ironsource/fusion-ui/directives/click-outside";
import * as i6 from "@ironsource/fusion-ui/components/dynamic-components/v1";
import * as i7 from "./components/dropdown-dual-multi-select-body/dropdown-dual-multi-select-body.component";
import * as i8 from "./components/dropdown-dual-multi-select-header/dropdown-dual-multi-select-header.component";
import * as i9 from "./components/dropdown-dual-multi-select-footer/dropdown-dual-multi-select-footer.component";
import * as i10 from "@ironsource/fusion-ui/pipes/generic";
function DropdownDualMultiSelectComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0);
} }
function DropdownDualMultiSelectComponent_div_3_Template(rf, ctx) { if (rf & 1) {
    const _r14 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 8, 9);
    i0.ɵɵlistener("click", function DropdownDualMultiSelectComponent_div_3_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.onClickDualMultiSelectButton()); });
    i0.ɵɵelementContainer(2, 10);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngTemplateOutlet", ctx_r1.templateRef);
} }
function DropdownDualMultiSelectComponent_ng_template_4_ng_container_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0, 10);
} if (rf & 2) {
    const ctx_r15 = i0.ɵɵnextContext(2);
    const _r7 = i0.ɵɵreference(9);
    const _r5 = i0.ɵɵreference(7);
    i0.ɵɵproperty("ngTemplateOutlet", ctx_r15.dynamicPlaceholder ? _r7 : _r5);
} }
function DropdownDualMultiSelectComponent_ng_template_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 11);
    i0.ɵɵtemplate(1, DropdownDualMultiSelectComponent_ng_template_4_ng_container_1_Template, 1, 1, "ng-container", 12);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", !ctx_r2.templateRef);
} }
const _c0 = () => ({ iconName: "angle-down", iconVersion: "v3" });
function DropdownDualMultiSelectComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
    const _r17 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 13);
    i0.ɵɵlistener("click", function DropdownDualMultiSelectComponent_ng_template_6_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.onClickDualMultiSelectButton()); });
    i0.ɵɵelementStart(1, "span", 14);
    i0.ɵɵtext(2);
    i0.ɵɵpipe(3, "async");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(4, "i", 15);
    i0.ɵɵelement(5, "fusion-icon", 16);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r4 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("btn-disabled", ctx_r4.isDisabled);
    i0.ɵɵproperty("id", ctx_r4.uid + "-button-regular");
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 5, ctx_r4.placeholder$), " ");
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("name", i0.ɵɵpureFunction0(7, _c0));
} }
function DropdownDualMultiSelectComponent_ng_template_8_Template(rf, ctx) { if (rf & 1) {
    const _r19 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 13);
    i0.ɵɵlistener("click", function DropdownDualMultiSelectComponent_ng_template_8_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.onClickDualMultiSelectButton()); });
    i0.ɵɵelementStart(1, "span", 14);
    i0.ɵɵelement(2, "fusion-dynamic-components", 17);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r6 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("btn-disabled", ctx_r6.isDisabled);
    i0.ɵɵproperty("id", ctx_r6.uid + "-button-dynamic");
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("configuration", ctx_r6.dynamicPlaceholder);
} }
function DropdownDualMultiSelectComponent_ng_template_10_Template(rf, ctx) { if (rf & 1) {
    const _r21 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 18);
    i0.ɵɵlistener("fusionClickOutside", function DropdownDualMultiSelectComponent_ng_template_10_Template_div_fusionClickOutside_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.onOutsideClick($event)); });
    i0.ɵɵelement(1, "fusion-dropdown-dual-multi-select-header", 19);
    i0.ɵɵelementStart(2, "fusion-dropdown-dual-multi-select-body", 20);
    i0.ɵɵlistener("scrollDown", function DropdownDualMultiSelectComponent_ng_template_10_Template_fusion_dropdown_dual_multi_select_body_scrollDown_2_listener() { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.onScrollDown()); });
    i0.ɵɵpipe(3, "async");
    i0.ɵɵpipe(4, "async");
    i0.ɵɵpipe(5, "async");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(6, "fusion-dropdown-dual-multi-select-footer", 21);
    i0.ɵɵlistener("closeSelect", function DropdownDualMultiSelectComponent_ng_template_10_Template_fusion_dropdown_dual_multi_select_footer_closeSelect_6_listener() { i0.ɵɵrestoreView(_r21); const ctx_r23 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r23.closeDropdownDualSelect()); })("applySelect", function DropdownDualMultiSelectComponent_ng_template_10_Template_fusion_dropdown_dual_multi_select_footer_applySelect_6_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r24 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r24.applySelect($event)); });
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r8 = i0.ɵɵnextContext();
    i0.ɵɵclassProp("fu-options-position-left", ctx_r8.isPositionLeft);
    i0.ɵɵadvance();
    i0.ɵɵproperty("formControl", ctx_r8.searchControlTerm)("title", ctx_r8.title)("testId", ctx_r8.testId);
    i0.ɵɵadvance();
    i0.ɵɵproperty("autoComplete", ctx_r8.autoComplete)("formControl", ctx_r8.preSelectedItems)("searchTerm", i0.ɵɵpipeBind1(3, 17, ctx_r8.searchControlTerm.valueChanges))("searchByProperties", ctx_r8.searchByProperties)("totalItems", ctx_r8.totalItems)("items", i0.ɵɵpipeBind1(4, 19, ctx_r8.items$))("isPendingItems", ctx_r8.pendingItems)("hasSelectAll", ctx_r8.hasSelectAll)("loadingLeft", i0.ɵɵpipeBind1(5, 21, ctx_r8.loadingLeft$))("hasBackendPagination", ctx_r8.hasBackendPagination)("testId", ctx_r8.testId);
    i0.ɵɵadvance(4);
    i0.ɵɵproperty("testId", ctx_r8.testId);
} }
function DropdownDualMultiSelectComponent_ng_template_12_span_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span", 25);
    i0.ɵɵpipe(1, "generic");
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r25 = i0.ɵɵnextContext(2);
    i0.ɵɵattribute("data-testid", i0.ɵɵpipeBind3(1, 2, ctx_r25.testIdsService.getTestAttribute.bind(ctx_r25), ctx_r25.testId, ctx_r25.testIdIncludeExcludeModifiers.CHIP_FILTER_LABEL));
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r25.title + ": ");
} }
function DropdownDualMultiSelectComponent_ng_template_12_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 22)(1, "div", 23);
    i0.ɵɵtemplate(2, DropdownDualMultiSelectComponent_ng_template_12_span_2_Template, 3, 6, "span", 24);
    i0.ɵɵelementStart(3, "span");
    i0.ɵɵpipe(4, "generic");
    i0.ɵɵtext(5);
    i0.ɵɵpipe(6, "async");
    i0.ɵɵelementEnd()()();
} if (rf & 2) {
    const ctx_r10 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("fusionTooltip", ctx_r10.chipDefaultContent);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r10.title);
    i0.ɵɵadvance();
    i0.ɵɵattribute("data-testid", i0.ɵɵpipeBind3(4, 4, ctx_r10.testIdsService.getTestAttribute.bind(ctx_r10), ctx_r10.testId, ctx_r10.testIdIncludeExcludeModifiers.CHIP_FILTER_VALUE));
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(6, 8, ctx_r10.selected$));
} }
export class DropdownDualMultiSelectComponent extends DropdownDualMultiSelectBaseComponent {
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDropdownDualMultiSelectComponent_BaseFactory; return function DropdownDualMultiSelectComponent_Factory(t) { return (ɵDropdownDualMultiSelectComponent_BaseFactory || (ɵDropdownDualMultiSelectComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DropdownDualMultiSelectComponent)))(t || DropdownDualMultiSelectComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownDualMultiSelectComponent, selectors: [["fusion-dropdown-dual-multi-select"]], features: [i0.ɵɵProvidersFeature([
                {
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(() => DropdownDualMultiSelectComponent),
                    multi: true
                }
            ]), i0.ɵɵInheritDefinitionFeature], decls: 14, vars: 5, consts: [[1, "is-dropdown-dual-multi-select", 3, "id"], [4, "ngTemplateOutlet"], [3, "click", 4, "ngIf"], ["dropdownDualMultiSelectButton", ""], ["regularDropdownDualMultiSelectButton", ""], ["dynamicDropdownDualMultiSelectButton", ""], ["dropdownDualMultiSelectLayout", ""], ["chipContent", ""], [3, "click"], ["trigger", ""], [3, "ngTemplateOutlet"], [1, "dropdown-dual-multi-select-button"], [3, "ngTemplateOutlet", 4, "ngIf"], [1, "dual-select-button", 3, "id", "click"], [1, "fu-dual-multi-select-placeholder"], [1, "icon", "right"], [3, "name"], [3, "configuration"], [1, "dropdown-dual-multi-select-layout", 3, "fusionClickOutside"], [3, "formControl", "title", "testId"], [3, "autoComplete", "formControl", "searchTerm", "searchByProperties", "totalItems", "items", "isPendingItems", "hasSelectAll", "loadingLeft", "hasBackendPagination", "testId", "scrollDown"], [3, "testId", "closeSelect", "applySelect"], [1, "fu-chip-content-default"], [1, "truncate", "fu-chip-text", 3, "fusionTooltip"], ["class", "fu-chip-label", 4, "ngIf"], [1, "fu-chip-label"]], template: function DropdownDualMultiSelectComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵtemplate(1, DropdownDualMultiSelectComponent_ng_container_1_Template, 1, 0, "ng-container", 1);
            i0.ɵɵpipe(2, "async");
            i0.ɵɵtemplate(3, DropdownDualMultiSelectComponent_div_3_Template, 3, 1, "div", 2);
            i0.ɵɵelementEnd();
            i0.ɵɵtemplate(4, DropdownDualMultiSelectComponent_ng_template_4_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(6, DropdownDualMultiSelectComponent_ng_template_6_Template, 6, 8, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor)(8, DropdownDualMultiSelectComponent_ng_template_8_Template, 3, 4, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor)(10, DropdownDualMultiSelectComponent_ng_template_10_Template, 7, 23, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor)(12, DropdownDualMultiSelectComponent_ng_template_12_Template, 7, 10, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
        } if (rf & 2) {
            const _r3 = i0.ɵɵreference(5);
            const _r9 = i0.ɵɵreference(11);
            i0.ɵɵproperty("id", ctx.uid);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngTemplateOutlet", i0.ɵɵpipeBind1(2, 3, ctx.opened$) ? _r9 : _r3);
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngIf", ctx.templateRef);
        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2.TooltipDirective, i3.IconComponent, i4.NgControlStatus, i4.FormControlDirective, i5.ClickOutsideDirective, i6.DynamicComponentsComponent, i7.DropdownDualMultiSelectBodyComponent, i8.DropdownDualMultiSelectHeaderComponent, i9.DropdownDualMultiSelectFooterComponent, i1.AsyncPipe, i10.GenericPipe], styles: ["[_nghost-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}[_nghost-%COMP%]{margin:0;padding:0;vertical-align:initial;text-align:initial}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-button[_ngcontent-%COMP%]   .dual-select-button[_ngcontent-%COMP%]   i.icon.right[_ngcontent-%COMP%]{right:10px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]{position:relative;text-align:left}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-layout.fu-options-position-left[_ngcontent-%COMP%]{right:0;left:inherit}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-layout[_ngcontent-%COMP%]{animation:fadeIn .6s 1 ease-out;z-index:1000;position:absolute;background-color:#fff;color:#7b838c;box-shadow:0 2px 4px #00000026;border-radius:8px;overflow:hidden;width:528px;max-width:528px;height:340px;max-height:340px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-button[_ngcontent-%COMP%]{cursor:pointer;max-width:200px;font-size:12px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-button[_ngcontent-%COMP%]   .dual-select-button[_ngcontent-%COMP%]{width:100%;height:32px;cursor:pointer;border:1px solid #dddfe1;border-radius:100px;padding:0 6px 0 11px;background:#fff;color:#7b838c;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;position:relative}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-button[_ngcontent-%COMP%]   .dual-select-button[_ngcontent-%COMP%]   .fu-dual-multi-select-placeholder[_ngcontent-%COMP%]{font-family:HelveticaNeue,helvetica,sans-serif;font-weight:400;letter-spacing:.04px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-button[_ngcontent-%COMP%]   .dual-select-button[_ngcontent-%COMP%]:hover{border-color:#a9afb4}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-button[_ngcontent-%COMP%]   .dual-select-button.btn-disabled[_ngcontent-%COMP%]{cursor:not-allowed}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-button[_ngcontent-%COMP%]   .dual-select-button.btn-disabled[_ngcontent-%COMP%]:hover{border-color:#dddfe1}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-button[_ngcontent-%COMP%]   .dual-select-button[_ngcontent-%COMP%]   i.icon[_ngcontent-%COMP%]{position:absolute}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-button[_ngcontent-%COMP%]   .dual-select-button[_ngcontent-%COMP%]   i.icon[_ngcontent-%COMP%]   fusion-icon[_ngcontent-%COMP%]     svg{width:8px;height:8px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select[_ngcontent-%COMP%]   .dropdown-dual-multi-select-button[_ngcontent-%COMP%]   .dual-select-button[_ngcontent-%COMP%]   i.icon[_ngcontent-%COMP%]   fusion-icon[_ngcontent-%COMP%]     svg *{fill:var(--fu-light-700, #a9afb4)}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownDualMultiSelectComponent, [{
        type: Component,
        args: [{ selector: 'fusion-dropdown-dual-multi-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                    {
                        provide: NG_VALUE_ACCESSOR,
                        useExisting: forwardRef(() => DropdownDualMultiSelectComponent),
                        multi: true
                    }
                ], template: "<div [id]=\"uid\" class=\"is-dropdown-dual-multi-select\">\n    <ng-container *ngTemplateOutlet=\"(opened$ | async) ? dropdownDualMultiSelectLayout : dropdownDualMultiSelectButton\"></ng-container>\n    <div *ngIf=\"templateRef\" #trigger  (click)=\"onClickDualMultiSelectButton()\">\n        <ng-container [ngTemplateOutlet]=\"templateRef\"></ng-container>\n    </div>\n</div>\n\n\n\n<ng-template #dropdownDualMultiSelectButton>\n    <div class=\"dropdown-dual-multi-select-button\">\n        <ng-container\n            *ngIf=\"!templateRef\"\n            [ngTemplateOutlet]=\"dynamicPlaceholder ? dynamicDropdownDualMultiSelectButton : regularDropdownDualMultiSelectButton\"\n        ></ng-container>\n    </div>\n</ng-template>\n\n\n\n\n<ng-template #regularDropdownDualMultiSelectButton>\n    <div [id]=\"uid + '-button-regular'\" class=\"dual-select-button\" [class.btn-disabled]=\"isDisabled\" (click)=\"onClickDualMultiSelectButton()\">\n        <span class=\"fu-dual-multi-select-placeholder\">\n            {{ placeholder$ | async }}\n        </span>\n        <i class=\"icon right\">\n            <fusion-icon [name]=\"{iconName: 'angle-down', iconVersion: 'v3'}\"></fusion-icon>\n        </i>\n    </div>\n</ng-template>\n\n<ng-template #dynamicDropdownDualMultiSelectButton>\n    <div [id]=\"uid + '-button-dynamic'\"  class=\"dual-select-button\" [class.btn-disabled]=\"isDisabled\" (click)=\"onClickDualMultiSelectButton()\">\n        <span class=\"fu-dual-multi-select-placeholder\">\n            <fusion-dynamic-components [configuration]=\"dynamicPlaceholder\"></fusion-dynamic-components>\n        </span>\n    </div>\n</ng-template>\n\n<ng-template #dropdownDualMultiSelectLayout>\n    <div\n        class=\"dropdown-dual-multi-select-layout\"\n        [class.fu-options-position-left]=\"isPositionLeft\"\n        (fusionClickOutside)=\"onOutsideClick($event)\"\n    >\n        <fusion-dropdown-dual-multi-select-header\n            [formControl]=\"searchControlTerm\"\n            [title]=\"title\"\n            [testId]=\"testId\"\n        ></fusion-dropdown-dual-multi-select-header>\n\n        <fusion-dropdown-dual-multi-select-body\n            [autoComplete]=\"autoComplete\"\n            (scrollDown)=\"onScrollDown()\"\n            [formControl]=\"preSelectedItems\"\n            [searchTerm]=\"searchControlTerm.valueChanges | async\"\n            [searchByProperties]=\"searchByProperties\"\n            [totalItems]=\"totalItems\"\n            [items]=\"items$ | async\"\n            [isPendingItems]=\"pendingItems\"\n            [hasSelectAll]=\"hasSelectAll\"\n            [loadingLeft]=\"loadingLeft$ | async\"\n            [hasBackendPagination]=\"hasBackendPagination\"\n            [testId]=\"testId\"\n        ></fusion-dropdown-dual-multi-select-body>\n\n        <fusion-dropdown-dual-multi-select-footer\n            [testId]=\"testId\"\n            (closeSelect)=\"closeDropdownDualSelect()\"\n            (applySelect)=\"applySelect($event)\"\n        ></fusion-dropdown-dual-multi-select-footer>\n    </div>\n</ng-template>\n\n<ng-template #chipContent>\n    <div class=\"fu-chip-content-default\">\n        <div [fusionTooltip]=\"chipDefaultContent\" class=\"truncate fu-chip-text\"><span *ngIf=\"title\" class=\"fu-chip-label\" [attr.data-testid]=\"testIdsService.getTestAttribute.bind(this) | generic:testId:testIdIncludeExcludeModifiers.CHIP_FILTER_LABEL\">{{ title + ': ' }}</span><span [attr.data-testid]=\"testIdsService.getTestAttribute.bind(this) | generic:testId:testIdIncludeExcludeModifiers.CHIP_FILTER_VALUE\">{{ selected$ | async }}</span></div>\n    </div>\n</ng-template>\n", styles: [":host *{box-sizing:border-box}:host{margin:0;padding:0;vertical-align:initial;text-align:initial}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-button .dual-select-button i.icon.right{right:10px}:host .is-dropdown-dual-multi-select{position:relative;text-align:left}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-layout.fu-options-position-left{right:0;left:inherit}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-layout{animation:fadeIn .6s 1 ease-out;z-index:1000;position:absolute;background-color:#fff;color:#7b838c;box-shadow:0 2px 4px #00000026;border-radius:8px;overflow:hidden;width:528px;max-width:528px;height:340px;max-height:340px}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-button{cursor:pointer;max-width:200px;font-size:12px}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-button .dual-select-button{width:100%;height:32px;cursor:pointer;border:1px solid #dddfe1;border-radius:100px;padding:0 6px 0 11px;background:#fff;color:#7b838c;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;position:relative}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-button .dual-select-button .fu-dual-multi-select-placeholder{font-family:HelveticaNeue,helvetica,sans-serif;font-weight:400;letter-spacing:.04px}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-button .dual-select-button:hover{border-color:#a9afb4}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-button .dual-select-button.btn-disabled{cursor:not-allowed}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-button .dual-select-button.btn-disabled:hover{border-color:#dddfe1}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-button .dual-select-button i.icon{position:absolute}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-button .dual-select-button i.icon fusion-icon ::ng-deep svg{width:8px;height:8px}:host .is-dropdown-dual-multi-select .dropdown-dual-multi-select-button .dual-select-button i.icon fusion-icon ::ng-deep svg *{fill:var(--fu-light-700, #a9afb4)}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownDualMultiSelectComponent, { className: "DropdownDualMultiSelectComponent", filePath: "dropdown-dual-multi-select.component.ts", lineNumber: 18 }); })();
//# sourceMappingURL=data:application/json;base64, 