import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, forwardRef, Input, Output, ViewChild } from '@angular/core';
import { BehaviorSubject, combineLatest, fromEvent, of, Subject } from 'rxjs';
import { debounceTime, filter, map, scan, takeUntil, tap } from 'rxjs/operators';
import { FormControl, NG_VALUE_ACCESSOR } from '@angular/forms';
import { isNullOrUndefined } from '@ironsource/fusion-ui/utils';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ironsource/fusion-ui/components/checkbox/v2";
import * as i3 from "@ironsource/fusion-ui/components/loader-inline/v2";
import * as i4 from "../dropdown-dual-multi-select-loading/dropdown-dual-multi-select-loading.component";
import * as i5 from "./dropdown-dual-multi-select-body-item/dropdown-dual-multi-select-body-item.component";
import * as i6 from "@ironsource/fusion-ui/pipes/collection";
const _c0 = ["wrapperLeft"];
const _c1 = ["containerLeft"];
const _c2 = ["wrapperRight"];
const _c3 = ["containerRight"];
function DropdownDualMultiSelectBodyComponent_label_4_Template(rf, ctx) { if (rf & 1) {
    const _r15 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "label", 19)(1, "fusion-checkbox", 20);
    i0.ɵɵlistener("changed", function DropdownDualMultiSelectBodyComponent_label_4_Template_fusion_checkbox_changed_1_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.selectAll($event)); });
    i0.ɵɵpipe(2, "async");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "span", 21);
    i0.ɵɵtext(4, "Select all");
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("isIndeterminate", ctx_r0.isIndeterminate)("checked", ctx_r0.isAllSelected)("isDisabled", i0.ɵɵpipeBind1(2, 3, ctx_r0.isSelectAllDisabled$));
} }
function DropdownDualMultiSelectBodyComponent_div_10_Template(rf, ctx) { if (rf & 1) {
    const _r17 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 22);
    i0.ɵɵlistener("click", function DropdownDualMultiSelectBodyComponent_div_10_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.clearAll()); });
    i0.ɵɵtext(1, "Clear all");
    i0.ɵɵelementEnd();
} }
function DropdownDualMultiSelectBodyComponent_ul_15_li_2_Template(rf, ctx) { if (rf & 1) {
    const _r23 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "li")(1, "fusion-dropdown-dual-multi-select-body-item", 26);
    i0.ɵɵlistener("changeSelected", function DropdownDualMultiSelectBodyComponent_ul_15_li_2_Template_fusion_dropdown_dual_multi_select_body_item_changeSelected_1_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r22 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r22.changeSelected($event)); });
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const item_r21 = ctx.$implicit;
    const ctx_r19 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance();
    i0.ɵɵproperty("isSelectedItem", ctx_r19.selectedItemsMapping[item_r21.id])("isDisabled", item_r21.isDisabled)("item", item_r21)("bodySide", "left");
} }
function DropdownDualMultiSelectBodyComponent_ul_15_ng_container_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0, 27);
} if (rf & 2) {
    i0.ɵɵnextContext(2);
    const _r11 = i0.ɵɵreference(26);
    i0.ɵɵproperty("ngTemplateOutlet", _r11);
} }
function DropdownDualMultiSelectBodyComponent_ul_15_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "ul", 23, 24);
    i0.ɵɵtemplate(2, DropdownDualMultiSelectBodyComponent_ul_15_li_2_Template, 2, 4, "li", 25);
    i0.ɵɵpipe(3, "async");
    i0.ɵɵtemplate(4, DropdownDualMultiSelectBodyComponent_ul_15_ng_container_4_Template, 1, 1, "ng-container", 15);
    i0.ɵɵpipe(5, "async");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(3, 3, ctx_r3.displayOptions$))("ngForTrackBy", ctx_r3.trackById);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(5, 5, ctx_r3.loadingLeft$));
} }
function DropdownDualMultiSelectBodyComponent_ul_19_li_2_Template(rf, ctx) { if (rf & 1) {
    const _r28 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "li")(1, "fusion-dropdown-dual-multi-select-body-item", 29);
    i0.ɵɵlistener("clearSelect", function DropdownDualMultiSelectBodyComponent_ul_19_li_2_Template_fusion_dropdown_dual_multi_select_body_item_clearSelect_1_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r27 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r27.clearSelect($event)); });
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const selectedItem_r26 = ctx.$implicit;
    i0.ɵɵadvance();
    i0.ɵɵproperty("isDisabled", selectedItem_r26.isDisabled)("item", selectedItem_r26)("bodySide", "right");
} }
function DropdownDualMultiSelectBodyComponent_ul_19_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "ul", 23, 28);
    i0.ɵɵtemplate(2, DropdownDualMultiSelectBodyComponent_ul_19_li_2_Template, 2, 3, "li", 25);
    i0.ɵɵpipe(3, "async");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r5 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind1(3, 2, ctx_r5.selectedOptions$))("ngForTrackBy", ctx_r5.trackById);
} }
function DropdownDualMultiSelectBodyComponent_ng_container_20_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0, 27);
} if (rf & 2) {
    i0.ɵɵnextContext();
    const _r9 = i0.ɵɵreference(24);
    i0.ɵɵproperty("ngTemplateOutlet", _r9);
} }
function DropdownDualMultiSelectBodyComponent_ng_container_22_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainer(0, 27);
} if (rf & 2) {
    i0.ɵɵnextContext();
    const _r13 = i0.ɵɵreference(28);
    i0.ɵɵproperty("ngTemplateOutlet", _r13);
} }
function DropdownDualMultiSelectBodyComponent_ng_template_23_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 30);
    i0.ɵɵelement(1, "div", 31);
    i0.ɵɵelementStart(2, "div", 32);
    i0.ɵɵtext(3, "No results found");
    i0.ɵɵelementEnd()();
} }
function DropdownDualMultiSelectBodyComponent_ng_template_25_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "li", 33)(1, "label", 34);
    i0.ɵɵtext(2, "Loading...");
    i0.ɵɵelementEnd();
    i0.ɵɵelement(3, "fusion-loader-inline", 35);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("status", true);
} }
function DropdownDualMultiSelectBodyComponent_ng_template_27_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 36);
    i0.ɵɵelement(1, "fusion-dropdown-dual-multi-select-loading", 37)(2, "fusion-dropdown-dual-multi-select-loading", 38);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    i0.ɵɵadvance();
    i0.ɵɵproperty("amount", 6)("position", "left");
    i0.ɵɵadvance();
    i0.ɵɵproperty("amount", 6)("position", "right");
} }
const _c4 = () => ({});
const PAGINATION_CHUNK = 20;
export class DropdownDualMultiSelectBodyComponent {
    set items(data) {
        this.options$.next(data || []);
        this.isDisplayOptionAllDisabled(data);
    }
    set searchTerm(data) {
        this.searchTerm$.next(data);
    }
    set autoComplete(value) {
        this.autoComplete$.next(value);
    }
    set loadingLeft(value) {
        this.loadingLeft$.next(value);
    }
    constructor() {
        this.hasSelectAll = true;
        this.hasBackendPagination = false;
        this.scrollDown = new EventEmitter();
        this.isSelectAllDisabled$ = new BehaviorSubject(false);
        this.selectedControl = new FormControl([]);
        this.options$ = new BehaviorSubject([]);
        this.selectedItemsWorker$ = new BehaviorSubject([]);
        this.loadingLeft$ = new BehaviorSubject(false);
        this.selectedItemsMapping = {};
        this.isAllSelected = false;
        this.isIndeterminate = false;
        this.isNoFoundDataToDisplay = false;
        this.leftPagePagination$ = new BehaviorSubject(1);
        this.rightPagePagination$ = new BehaviorSubject(1);
        this.onDestroy$ = new Subject();
        this.searchTerm$ = new BehaviorSubject('');
        this.autoComplete$ = new BehaviorSubject(true);
        this.propagateChange = (_) => { };
        this.propagateTouched = () => { };
    }
    ngOnInit() {
        this.displayOptions$ = this.generateOptions('left').pipe(tap(val => {
            this.displayItemsAmount = val.length;
            this.isDisplayOptionsEmpty(val);
        }));
        this.selectedOptions$ = this.generateOptions('right').pipe(tap(val => {
            this.selectedItemsAmount = val?.length;
        }));
        this.initializeListeners();
    }
    ngOnDestroy() {
        this.onDestroy$.next();
        this.onDestroy$.complete();
    }
    selectAll(checked) {
        this.isAllSelected = checked;
        this.isIndeterminate = false;
        this.selectedControl.setValue(this.options$.getValue().filter(item => !item.isDisabled || this.selectedItemsMapping[item.id]));
        if (!checked) {
            this.clearAll();
        }
    }
    changeSelected(item) {
        if (!item.isDisabled) {
            const objSelectedIndex = this.getSelectedIndex(item);
            const tempSelected = this.selectedControl.value ? [...this.selectedControl.value] : [];
            if (objSelectedIndex > -1) {
                tempSelected.splice(objSelectedIndex, 1);
            }
            else {
                tempSelected.push(item);
            }
            this.selectedControl.setValue(tempSelected);
        }
    }
    clearSelect(item) {
        this.changeSelected(item);
    }
    clearAll() {
        const clearedList = this.selectedControl.value.filter(item => {
            return !!item.isDisabled;
        });
        this.selectedControl.setValue(clearedList);
    }
    showClearAllButton() {
        return (this.selectedItemsWorker$.getValue() && this.selectedItemsWorker$.getValue().length !== 0 && this.options$.getValue().length > 0);
    }
    trackById(index, item) {
        return item.id;
    }
    writeValue(value) {
        this.selectedControl.setValue(value);
    }
    registerOnChange(fn) {
        this.propagateChange = fn;
    }
    registerOnTouched(fn) {
        this.propagateTouched = fn;
    }
    setDisabledState(isDisabled) { }
    generateOptions(optionToDisplay) {
        const options$ = this.options$.asObservable();
        const term$ = this.autoComplete$.getValue() ? this.searchTerm$.asObservable() : of('');
        const leftPagePagination$ = this.getPaginationObservable('left');
        const rightPagePagination$ = this.getPaginationObservable('right');
        const selected$ = this.selectedItemsWorker$.asObservable();
        let conditionToDisplayOptions = optionToDisplay === 'left'
            ? { items$: options$, term$, pagination$: leftPagePagination$ }
            : { items$: selected$, term$, pagination$: rightPagePagination$ };
        return this.getOptionsDisplayObservable(conditionToDisplayOptions);
    }
    isItemsSelected(items) {
        this.selectedItemsMapping = items?.reduce((acc, crr) => {
            acc[crr.id] = true;
            return acc;
        }, {});
    }
    isDisplayOptionAllDisabled(items) {
        this.isSelectAllDisabled$.next(items.filter(item => item.isDisabled)?.length === items.length);
    }
    isDisplayOptionsEmpty(items) {
        this.isNoFoundDataToDisplay = items.length === 0 && this.options$.getValue()?.length !== 0;
    }
    getSelectedIndex(item) {
        let optionSelectedIndex = -1;
        let selectedList = this.selectedControl.value || [];
        selectedList.forEach((selectedItem, index) => {
            if (selectedItem.id === item.id) {
                optionSelectedIndex = index;
            }
        });
        return optionSelectedIndex;
    }
    initializeListeners() {
        const scrollLeft$ = this.onScrollChange({ wrapper: this.wrapperLeftRef, container: this.containerLeftRef });
        const scrollRight$ = this.onScrollChange({ wrapper: this.wrapperRightRef, container: this.containerRightRef });
        scrollLeft$.subscribe(this.onLeftScrollReachBottom.bind(this));
        scrollRight$.subscribe(this.onRightScrollReachBottom.bind(this));
        this.selectedControl.valueChanges.pipe(takeUntil(this.onDestroy$)).subscribe(this.onSelectedControlValueChange.bind(this));
    }
    onScrollChange({ wrapper, container }) {
        return fromEvent(wrapper.nativeElement, 'scroll').pipe(filter(_ => {
            const top = wrapper.nativeElement.scrollTop;
            const space = container.nativeElement.offsetHeight - this.wrapperLeftRef.nativeElement.offsetHeight - 10;
            return top >= space;
        }), debounceTime(10));
    }
    onSelectedControlValueChange(items) {
        this.isItemsSelected(items || []);
        this.selectedItemsWorker$.next(items || []);
        this.isIndeterminate = items?.length > 0 && items?.length < this.options$?.getValue().length;
        this.isAllSelected = this.isSelectAllDisabled$.getValue() ? this.isAllSelected : items?.length === this.options$?.getValue().length;
        this.propagateChange(items || []);
    }
    onLeftScrollReachBottom() {
        const isInputLengthLessThanTotalItem = this.options$.getValue()?.length < this.totalItems;
        const isDisplayLengthEqualInputLength = this.displayItemsAmount === this.options$?.getValue().length;
        const isDisplayLengthLessThanInputLength = this.displayItemsAmount < this.options$?.getValue().length;
        const isLoadingLeft = isDisplayLengthEqualInputLength && isInputLengthLessThanTotalItem;
        this.loadingLeft$.next(isLoadingLeft);
        if (isDisplayLengthLessThanInputLength) {
            this.leftPagePagination$.next(1);
        }
        if (isDisplayLengthEqualInputLength) {
            this.scrollDown.emit();
        }
    }
    onRightScrollReachBottom() {
        const isDisplaySelectedLengthLessThanSelectedWorkerLength = this.selectedItemsAmount < this.selectedItemsWorker$?.getValue().length;
        if (isDisplaySelectedLengthLessThanSelectedWorkerLength) {
            this.rightPagePagination$.next(1);
        }
    }
    getOptionsDisplayObservable({ items$, term$, pagination$ }) {
        return combineLatest([items$, term$, pagination$]).pipe(map(this.filterOptions.bind(this)));
    }
    filterOptions([items, term, pagination]) {
        let response = items;
        if (term && items) {
            const searchTerm = term.toLowerCase();
            response = items.filter(item => {
                if (Array.isArray(this.searchByProperties)) {
                    let found = false;
                    this.searchByProperties.forEach(property => {
                        if (!isNullOrUndefined(item[property]) && !found) {
                            found = item[property].toString().toLowerCase().indexOf(searchTerm) !== -1;
                        }
                    });
                    return found;
                }
                else {
                    if (item.title) {
                        return item.title.toLowerCase().indexOf(searchTerm) !== -1;
                    }
                    else {
                        return item.displayText.toLowerCase().indexOf(searchTerm) !== -1;
                    }
                }
            });
        }
        return response?.slice(0, pagination * PAGINATION_CHUNK);
    }
    getPaginationObservable(side) {
        return (side === 'left' ? this.leftPagePagination$ : this.rightPagePagination$).asObservable().pipe(scan((acc, curr) => {
            return curr ? (acc += curr) : 1;
        }, 0));
    }
    static { this.ɵfac = function DropdownDualMultiSelectBodyComponent_Factory(t) { return new (t || DropdownDualMultiSelectBodyComponent)(); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownDualMultiSelectBodyComponent, selectors: [["fusion-dropdown-dual-multi-select-body"]], viewQuery: function DropdownDualMultiSelectBodyComponent_Query(rf, ctx) { if (rf & 1) {
            i0.ɵɵviewQuery(_c0, 7, ElementRef);
            i0.ɵɵviewQuery(_c1, 7, ElementRef);
            i0.ɵɵviewQuery(_c2, 7, ElementRef);
            i0.ɵɵviewQuery(_c3, 7, ElementRef);
        } if (rf & 2) {
            let _t;
            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.wrapperLeftRef = _t.first);
            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerLeftRef = _t.first);
            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.wrapperRightRef = _t.first);
            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.containerRightRef = _t.first);
        } }, inputs: { totalItems: "totalItems", isPendingItems: "isPendingItems", hasSelectAll: "hasSelectAll", testId: "testId", items: "items", searchTerm: "searchTerm", autoComplete: "autoComplete", loadingLeft: "loadingLeft", hasBackendPagination: "hasBackendPagination", searchByProperties: "searchByProperties" }, outputs: { scrollDown: "scrollDown" }, features: [i0.ɵɵProvidersFeature([
                {
                    provide: NG_VALUE_ACCESSOR,
                    useExisting: forwardRef(() => DropdownDualMultiSelectBodyComponent),
                    multi: true
                }
            ])], decls: 29, vars: 12, consts: [[1, "is-dropdown-dual-multi-select-body"], [1, "header-control"], [1, "content-col-left"], [1, "body-header"], ["class", "option-header-body", 4, "ngIf"], [1, "content-col-right"], [1, "fu-select-label"], ["class", "clear-all-btn", 3, "click", 4, "ngIf"], [1, "body-control"], [1, "options-wrapper", "content-col"], [1, "items-holder"], ["wrapperLeft", ""], ["class", "options-data-list", 4, "ngIf"], [1, "selected-list", "content-col"], ["wrapperRight", ""], [3, "ngTemplateOutlet", 4, "ngIf"], ["noData", ""], ["loadingTemplate", ""], ["pendingItems", ""], [1, "option-header-body"], [3, "isIndeterminate", "checked", "isDisabled", "changed"], [1, "fu-options-label"], [1, "clear-all-btn", 3, "click"], [1, "options-data-list"], ["containerLeft", ""], [4, "ngFor", "ngForOf", "ngForTrackBy"], [3, "isSelectedItem", "isDisabled", "item", "bodySide", "changeSelected"], [3, "ngTemplateOutlet"], ["containerRight", ""], [3, "isDisabled", "item", "bodySide", "clearSelect"], [1, "fu-no-data"], [1, "fu-no-data-img"], [1, "fu-no-data-text"], [1, "fu-content-loading"], [1, "loading-label"], [1, "loading-icon", 3, "status"], [1, "fu-multiselect-list-loader"], [1, "left-loading", 3, "amount", "position"], [1, "right-loading", 3, "amount", "position"]], template: function DropdownDualMultiSelectBodyComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
            i0.ɵɵtemplate(4, DropdownDualMultiSelectBodyComponent_label_4_Template, 5, 5, "label", 4);
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(5, "div", 5)(6, "div", 3)(7, "label", 6);
            i0.ɵɵtext(8);
            i0.ɵɵpipe(9, "objectLengthWhereValueTrue");
            i0.ɵɵelementEnd();
            i0.ɵɵtemplate(10, DropdownDualMultiSelectBodyComponent_div_10_Template, 2, 0, "div", 7);
            i0.ɵɵelementEnd()()();
            i0.ɵɵelementStart(11, "div", 8)(12, "div", 9)(13, "div", 10, 11);
            i0.ɵɵtemplate(15, DropdownDualMultiSelectBodyComponent_ul_15_Template, 6, 7, "ul", 12);
            i0.ɵɵelementEnd()();
            i0.ɵɵelementStart(16, "div", 13)(17, "div", 10, 14);
            i0.ɵɵtemplate(19, DropdownDualMultiSelectBodyComponent_ul_19_Template, 4, 4, "ul", 12);
            i0.ɵɵelementEnd()();
            i0.ɵɵtemplate(20, DropdownDualMultiSelectBodyComponent_ng_container_20_Template, 1, 1, "ng-container", 15);
            i0.ɵɵpipe(21, "async");
            i0.ɵɵtemplate(22, DropdownDualMultiSelectBodyComponent_ng_container_22_Template, 1, 1, "ng-container", 15);
            i0.ɵɵelementEnd()();
            i0.ɵɵtemplate(23, DropdownDualMultiSelectBodyComponent_ng_template_23_Template, 4, 0, "ng-template", null, 16, i0.ɵɵtemplateRefExtractor)(25, DropdownDualMultiSelectBodyComponent_ng_template_25_Template, 4, 1, "ng-template", null, 17, i0.ɵɵtemplateRefExtractor)(27, DropdownDualMultiSelectBodyComponent_ng_template_27_Template, 3, 4, "ng-template", null, 18, i0.ɵɵtemplateRefExtractor);
        } if (rf & 2) {
            let tmp_5_0;
            i0.ɵɵadvance(4);
            i0.ɵɵproperty("ngIf", !ctx.isPendingItems && ctx.hasSelectAll);
            i0.ɵɵadvance(4);
            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 7, ctx.selectedItemsMapping ? ctx.selectedItemsMapping : i0.ɵɵpureFunction0(11, _c4)), " selected ");
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngIf", ctx.showClearAllButton());
            i0.ɵɵadvance(5);
            i0.ɵɵproperty("ngIf", !ctx.isPendingItems);
            i0.ɵɵadvance(4);
            i0.ɵɵproperty("ngIf", !ctx.isPendingItems);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", (ctx.isNoFoundDataToDisplay || ((tmp_5_0 = i0.ɵɵpipeBind1(21, 9, ctx.options$)) == null ? null : tmp_5_0.length) === 0) && !ctx.isPendingItems);
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngIf", ctx.isPendingItems);
        } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgTemplateOutlet, i2.CheckboxComponent, i3.LoaderInlineComponent, i4.DropdownDualMultiSelectLoadingComponent, i5.DropdownDualMultiSelectBodyItemComponent, i1.AsyncPipe, i6.GetObjectLengthPipe], styles: ["[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .fu-no-data[_ngcontent-%COMP%], [_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .options-wrapper[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]   .options-data-list[_ngcontent-%COMP%]   .fu-content-loading[_ngcontent-%COMP%]{font-size:12px;font-family:var(--body-font-family, \"HelveticaNeue\");font-weight:400}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .selected-list[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%], [_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .options-wrapper[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]{height:212px;max-height:212px;overflow-y:scroll;overflow-x:hidden}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .selected-list[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]::-webkit-scrollbar, [_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .options-wrapper[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]::-webkit-scrollbar{height:24px;width:4px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .selected-list[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]::-webkit-scrollbar-thumb, [_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .options-wrapper[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--light-color, #E1E6EB)}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .options-wrapper[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]   .options-data-list[_ngcontent-%COMP%]   .fu-content-loading[_ngcontent-%COMP%]{display:flex;justify-content:space-between;padding:0 20px 8px;width:227px;height:16px;color:#e5e7e9}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]{display:block;align-items:center;height:245px;font-family:HelveticaNeue,helvetica,sans-serif}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .header-control[_ngcontent-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .header-control[_ngcontent-%COMP%]   .content-col-left[_ngcontent-%COMP%]{width:264px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .header-control[_ngcontent-%COMP%]   .content-col-left[_ngcontent-%COMP%]   .body-header[_ngcontent-%COMP%]{height:32px;border-bottom:1px solid #e5e7e9;display:flex;align-items:center}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .header-control[_ngcontent-%COMP%]   .content-col-left[_ngcontent-%COMP%]   .body-header[_ngcontent-%COMP%]   .option-header-body[_ngcontent-%COMP%]{font-size:12px;padding:2px;margin-left:9px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .header-control[_ngcontent-%COMP%]   .content-col-left[_ngcontent-%COMP%]   .body-header[_ngcontent-%COMP%]   .option-header-body[_ngcontent-%COMP%]   .fu-options-label[_ngcontent-%COMP%]{margin:8px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .header-control[_ngcontent-%COMP%]   .content-col-right[_ngcontent-%COMP%]{width:264px;border-left:1px solid #e5e7e9}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .header-control[_ngcontent-%COMP%]   .content-col-right[_ngcontent-%COMP%]   .body-header[_ngcontent-%COMP%]{height:32px;border-bottom:1px solid #e5e7e9;display:flex;align-items:center;justify-content:space-between}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .header-control[_ngcontent-%COMP%]   .content-col-right[_ngcontent-%COMP%]   .body-header[_ngcontent-%COMP%]   .fu-select-label[_ngcontent-%COMP%]{font-size:12px;padding:4px 4px 5px 10px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .header-control[_ngcontent-%COMP%]   .content-col-right[_ngcontent-%COMP%]   .body-header[_ngcontent-%COMP%]   .clear-all-btn[_ngcontent-%COMP%]{margin-left:auto;text-decoration:underline;cursor:pointer;font-size:12px;padding-right:8px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .header-control[_ngcontent-%COMP%]   .content-col-right[_ngcontent-%COMP%]   .body-header[_ngcontent-%COMP%]   .clear-all-btn[_ngcontent-%COMP%]:hover{border-radius:5px;color:var(--primary-color, #3091F6)}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]{display:flex;align-items:center;background-color:#fff;position:relative}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .options-wrapper.content-col[_ngcontent-%COMP%]{height:213px;max-height:213px;width:264px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .options-wrapper[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]   .options-data-list[_ngcontent-%COMP%]{list-style:none;width:auto;margin:0;padding:0}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .options-wrapper[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]   .options-data-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{height:32px;width:254px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .selected-list[_ngcontent-%COMP%]{border-left:1px solid #e5e7e9}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .selected-list.content-col[_ngcontent-%COMP%]{height:213px;max-height:213px;width:264px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .selected-list[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]   .options-data-list[_ngcontent-%COMP%]{list-style:none;width:auto;margin:0;padding:0}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .selected-list[_ngcontent-%COMP%]   .items-holder[_ngcontent-%COMP%]   .options-data-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{height:32px;width:254px}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .fu-no-data[_ngcontent-%COMP%]{position:absolute;background-color:#fff;width:528px;height:213px;max-height:213px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--light-color-800, #678099)}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .fu-no-data[_ngcontent-%COMP%]   .fu-no-data-img[_ngcontent-%COMP%]{display:block;width:114px;height:85px;margin-bottom:11px;background:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='115' height='87'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='163.811%25' y2='1.562%25'%3e%3cstop offset='0%25' stop-color='%23FFF' stop-opacity='0'/%3e%3cstop offset='100%25' stop-color='%23EFEFF2'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='url(%23a)' d='M0 84.733h113.41C98.653 70.898 78.682 62.4 56.704 62.4S14.755 70.898 0 84.733' transform='translate(.311 .657)'/%3e%3cpath fill='%23DDDFE1' d='M66.739 71.825l-.177.106a4.97 4.97 0 01-6.803-1.695L46.712 48.581l8.68-5.187L68.44 65.05a4.928 4.928 0 01-1.7 6.775'/%3e%3cpath fill='%23F7F7F8' d='M42.259 49.512c-6.443 0-12.266-3.28-15.576-8.775-5.147-8.542-2.356-19.662 6.222-24.789a18.179 18.179 0 019.313-2.577c6.443 0 12.266 3.28 15.577 8.774a17.89 17.89 0 012.043 13.679 17.95 17.95 0 01-8.266 11.11 18.158 18.158 0 01-9.313 2.578'/%3e%3cpath fill='%23E5E7E9' d='M56.567 35.012c-.955 3.812-3.35 7.02-6.728 9.04a14.772 14.772 0 01-7.579 2.103c-5.25 0-9.995-2.674-12.687-7.146-4.192-6.953-1.917-16.01 5.064-20.184a14.782 14.782 0 017.579-2.094c5.25 0 9.995 2.666 12.687 7.138a14.586 14.586 0 011.664 11.143m4.117-14.596c-4.035-6.694-11.158-10.4-18.468-10.4a21.52 21.52 0 00-11.047 3.052c-10.19 6.091-13.486 19.247-7.377 29.395 4.035 6.693 11.159 10.406 18.467 10.406 3.767 0 7.579-.988 11.047-3.06 10.19-6.084 13.494-19.247 7.377-29.394'/%3e%3cpath fill='%23DDDFE1' d='M36.846 22.489l1.155 1.92c3.895-2.328 8.963-1.065 11.3 2.812l1.926-1.151c-2.974-4.934-9.426-6.541-14.381-3.58'/%3e%3cpath fill='%23DDDFE1' d='M43.767 25.526a5.588 5.588 0 00-4.251.631l1.156 1.92a3.337 3.337 0 012.55-.379c.873.217 1.609.76 2.072 1.527l1.927-1.15a5.578 5.578 0 00-3.454-2.55'/%3e%3cpath fill='%23E5E7E9' d='M69.961 5.742h-4.36V1.4h-2.248v4.342h-4.359V7.98h4.359v4.341h2.248V7.98h4.36zm1.265 11.636a.918.918 0 00-.919.914.918.918 0 001.837 0 .917.917 0 00-.918-.914m0 3.322a2.414 2.414 0 01-2.416-2.408 2.414 2.414 0 012.416-2.407 2.415 2.415 0 012.417 2.407 2.416 2.416 0 01-2.417 2.408M23.14 56.039c0 1.05-.854 1.9-1.908 1.9a1.903 1.903 0 01-1.907-1.9c0-1.048.854-1.9 1.907-1.9 1.054 0 1.908.852 1.908 1.9'/%3e%3c/g%3e%3c/svg%3e\") center center no-repeat}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .fu-multiselect-list-loader[_ngcontent-%COMP%]{position:absolute;display:flex}[_nghost-%COMP%]   .is-dropdown-dual-multi-select-body[_ngcontent-%COMP%]   .body-control[_ngcontent-%COMP%]   .fu-multiselect-list-loader[_ngcontent-%COMP%]   .right-loading[_ngcontent-%COMP%]{margin-left:8px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownDualMultiSelectBodyComponent, [{
        type: Component,
        args: [{ selector: 'fusion-dropdown-dual-multi-select-body', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                    {
                        provide: NG_VALUE_ACCESSOR,
                        useExisting: forwardRef(() => DropdownDualMultiSelectBodyComponent),
                        multi: true
                    }
                ], template: "<div class=\"is-dropdown-dual-multi-select-body\">\n    <div class=\"header-control\">\n        <div class=\"content-col-left\">\n            <div class=\"body-header\">\n                <label class=\"option-header-body\"*ngIf=\"!isPendingItems && hasSelectAll\">\n                    <fusion-checkbox\n                        [isIndeterminate]=\"isIndeterminate\"\n                        [checked]=\"isAllSelected\"\n                        (changed)=\"selectAll($event)\"\n                        [isDisabled]=\"isSelectAllDisabled$ | async\"\n                    ></fusion-checkbox>\n                    <span class=\"fu-options-label\">Select all</span>\n                </label>\n            </div>\n        </div>\n        <div class=\"content-col-right\">\n            <div class=\"body-header\">\n                <label class=\"fu-select-label\">\n                    {{(selectedItemsMapping ? selectedItemsMapping : {}) | objectLengthWhereValueTrue}} selected\n                </label>\n                <div\n                    *ngIf=\"showClearAllButton()\"\n                    (click)=\"clearAll()\" class=\"clear-all-btn\">Clear all</div>\n            </div>\n        </div>\n    </div>\n    <div class=\"body-control\">\n        <div class=\"options-wrapper content-col\">\n            <div class=\"items-holder\" #wrapperLeft>\n                <ul *ngIf=\"!isPendingItems\" class=\"options-data-list\" #containerLeft>\n                    <li *ngFor=\"let item of displayOptions$ | async;trackBy: trackById\">\n                        <fusion-dropdown-dual-multi-select-body-item\n                            [isSelectedItem]=\"selectedItemsMapping[item.id]\"\n                            [isDisabled]=\"item.isDisabled\"\n                            (changeSelected)=\"changeSelected($event)\"\n                            [item]=\"item\"\n                            [bodySide]=\"'left'\">\n                        </fusion-dropdown-dual-multi-select-body-item>\n                    </li>\n                    <ng-container *ngIf=\"loadingLeft$ | async\" [ngTemplateOutlet]=\"loadingTemplate\"> </ng-container>\n                </ul>\n            </div>\n        </div>\n        <div class=\"selected-list content-col\">\n            <div class=\"items-holder\" #wrapperRight>\n                <ul *ngIf=\"!isPendingItems\" class=\"options-data-list\" #containerRight>\n                    <li *ngFor=\"let selectedItem of selectedOptions$ | async;trackBy: trackById\">\n                        <fusion-dropdown-dual-multi-select-body-item\n                            (clearSelect)=\"clearSelect($event)\"\n                            [isDisabled]=\"selectedItem.isDisabled\"\n                            [item]=\"selectedItem\"\n                            [bodySide]=\"'right'\">\n                        </fusion-dropdown-dual-multi-select-body-item>\n                    </li>\n                </ul>\n            </div>\n        </div>\n        <ng-container *ngIf=\"(isNoFoundDataToDisplay || (options$ | async)?.length === 0) && !isPendingItems\" [ngTemplateOutlet]=\"noData\"> </ng-container>\n        <ng-container *ngIf=\"isPendingItems\" [ngTemplateOutlet]=\"pendingItems\"> </ng-container>\n    </div>\n</div>\n\n\n<ng-template #noData>\n    <div class=\"fu-no-data\">\n        <div class=\"fu-no-data-img\"></div>\n        <div class=\"fu-no-data-text\">No results found</div>\n    </div>\n</ng-template>\n\n<ng-template #loadingTemplate>\n    <li class=\"fu-content-loading\">\n        <label class=\"loading-label\">Loading...</label>\n        <fusion-loader-inline class=\"loading-icon\" [status]=\"true\"></fusion-loader-inline>\n    </li>\n</ng-template>\n\n<ng-template #pendingItems>\n    <div class=\"fu-multiselect-list-loader\">\n        <fusion-dropdown-dual-multi-select-loading class=\"left-loading\" [amount]=\"6\" [position]=\"'left'\"></fusion-dropdown-dual-multi-select-loading>\n        <fusion-dropdown-dual-multi-select-loading class=\"right-loading\" [amount]=\"6\" [position]=\"'right'\"></fusion-dropdown-dual-multi-select-loading>\n    </div>\n</ng-template>\n", styles: [":host .is-dropdown-dual-multi-select-body .body-control .fu-no-data,:host .is-dropdown-dual-multi-select-body .body-control .options-wrapper .items-holder .options-data-list .fu-content-loading{font-size:12px;font-family:var(--body-font-family, \"HelveticaNeue\");font-weight:400}:host .is-dropdown-dual-multi-select-body *{box-sizing:border-box}:host .is-dropdown-dual-multi-select-body .body-control .selected-list .items-holder,:host .is-dropdown-dual-multi-select-body .body-control .options-wrapper .items-holder{height:212px;max-height:212px;overflow-y:scroll;overflow-x:hidden}:host .is-dropdown-dual-multi-select-body .body-control .selected-list .items-holder::-webkit-scrollbar,:host .is-dropdown-dual-multi-select-body .body-control .options-wrapper .items-holder::-webkit-scrollbar{height:24px;width:4px}:host .is-dropdown-dual-multi-select-body .body-control .selected-list .items-holder::-webkit-scrollbar-thumb,:host .is-dropdown-dual-multi-select-body .body-control .options-wrapper .items-holder::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--light-color, #E1E6EB)}:host .is-dropdown-dual-multi-select-body .body-control .options-wrapper .items-holder .options-data-list .fu-content-loading{display:flex;justify-content:space-between;padding:0 20px 8px;width:227px;height:16px;color:#e5e7e9}:host .is-dropdown-dual-multi-select-body{display:block;align-items:center;height:245px;font-family:HelveticaNeue,helvetica,sans-serif}:host .is-dropdown-dual-multi-select-body .header-control{display:flex;align-items:center}:host .is-dropdown-dual-multi-select-body .header-control .content-col-left{width:264px}:host .is-dropdown-dual-multi-select-body .header-control .content-col-left .body-header{height:32px;border-bottom:1px solid #e5e7e9;display:flex;align-items:center}:host .is-dropdown-dual-multi-select-body .header-control .content-col-left .body-header .option-header-body{font-size:12px;padding:2px;margin-left:9px}:host .is-dropdown-dual-multi-select-body .header-control .content-col-left .body-header .option-header-body .fu-options-label{margin:8px}:host .is-dropdown-dual-multi-select-body .header-control .content-col-right{width:264px;border-left:1px solid #e5e7e9}:host .is-dropdown-dual-multi-select-body .header-control .content-col-right .body-header{height:32px;border-bottom:1px solid #e5e7e9;display:flex;align-items:center;justify-content:space-between}:host .is-dropdown-dual-multi-select-body .header-control .content-col-right .body-header .fu-select-label{font-size:12px;padding:4px 4px 5px 10px}:host .is-dropdown-dual-multi-select-body .header-control .content-col-right .body-header .clear-all-btn{margin-left:auto;text-decoration:underline;cursor:pointer;font-size:12px;padding-right:8px}:host .is-dropdown-dual-multi-select-body .header-control .content-col-right .body-header .clear-all-btn:hover{border-radius:5px;color:var(--primary-color, #3091F6)}:host .is-dropdown-dual-multi-select-body .body-control{display:flex;align-items:center;background-color:#fff;position:relative}:host .is-dropdown-dual-multi-select-body .body-control .options-wrapper.content-col{height:213px;max-height:213px;width:264px}:host .is-dropdown-dual-multi-select-body .body-control .options-wrapper .items-holder .options-data-list{list-style:none;width:auto;margin:0;padding:0}:host .is-dropdown-dual-multi-select-body .body-control .options-wrapper .items-holder .options-data-list li{height:32px;width:254px}:host .is-dropdown-dual-multi-select-body .body-control .selected-list{border-left:1px solid #e5e7e9}:host .is-dropdown-dual-multi-select-body .body-control .selected-list.content-col{height:213px;max-height:213px;width:264px}:host .is-dropdown-dual-multi-select-body .body-control .selected-list .items-holder .options-data-list{list-style:none;width:auto;margin:0;padding:0}:host .is-dropdown-dual-multi-select-body .body-control .selected-list .items-holder .options-data-list li{height:32px;width:254px}:host .is-dropdown-dual-multi-select-body .body-control .fu-no-data{position:absolute;background-color:#fff;width:528px;height:213px;max-height:213px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--light-color-800, #678099)}:host .is-dropdown-dual-multi-select-body .body-control .fu-no-data .fu-no-data-img{display:block;width:114px;height:85px;margin-bottom:11px;background:url(\"data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='115' height='87'%3e%3cdefs%3e%3clinearGradient id='a' x1='50%25' x2='50%25' y1='163.811%25' y2='1.562%25'%3e%3cstop offset='0%25' stop-color='%23FFF' stop-opacity='0'/%3e%3cstop offset='100%25' stop-color='%23EFEFF2'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath fill='url(%23a)' d='M0 84.733h113.41C98.653 70.898 78.682 62.4 56.704 62.4S14.755 70.898 0 84.733' transform='translate(.311 .657)'/%3e%3cpath fill='%23DDDFE1' d='M66.739 71.825l-.177.106a4.97 4.97 0 01-6.803-1.695L46.712 48.581l8.68-5.187L68.44 65.05a4.928 4.928 0 01-1.7 6.775'/%3e%3cpath fill='%23F7F7F8' d='M42.259 49.512c-6.443 0-12.266-3.28-15.576-8.775-5.147-8.542-2.356-19.662 6.222-24.789a18.179 18.179 0 019.313-2.577c6.443 0 12.266 3.28 15.577 8.774a17.89 17.89 0 012.043 13.679 17.95 17.95 0 01-8.266 11.11 18.158 18.158 0 01-9.313 2.578'/%3e%3cpath fill='%23E5E7E9' d='M56.567 35.012c-.955 3.812-3.35 7.02-6.728 9.04a14.772 14.772 0 01-7.579 2.103c-5.25 0-9.995-2.674-12.687-7.146-4.192-6.953-1.917-16.01 5.064-20.184a14.782 14.782 0 017.579-2.094c5.25 0 9.995 2.666 12.687 7.138a14.586 14.586 0 011.664 11.143m4.117-14.596c-4.035-6.694-11.158-10.4-18.468-10.4a21.52 21.52 0 00-11.047 3.052c-10.19 6.091-13.486 19.247-7.377 29.395 4.035 6.693 11.159 10.406 18.467 10.406 3.767 0 7.579-.988 11.047-3.06 10.19-6.084 13.494-19.247 7.377-29.394'/%3e%3cpath fill='%23DDDFE1' d='M36.846 22.489l1.155 1.92c3.895-2.328 8.963-1.065 11.3 2.812l1.926-1.151c-2.974-4.934-9.426-6.541-14.381-3.58'/%3e%3cpath fill='%23DDDFE1' d='M43.767 25.526a5.588 5.588 0 00-4.251.631l1.156 1.92a3.337 3.337 0 012.55-.379c.873.217 1.609.76 2.072 1.527l1.927-1.15a5.578 5.578 0 00-3.454-2.55'/%3e%3cpath fill='%23E5E7E9' d='M69.961 5.742h-4.36V1.4h-2.248v4.342h-4.359V7.98h4.359v4.341h2.248V7.98h4.36zm1.265 11.636a.918.918 0 00-.919.914.918.918 0 001.837 0 .917.917 0 00-.918-.914m0 3.322a2.414 2.414 0 01-2.416-2.408 2.414 2.414 0 012.416-2.407 2.415 2.415 0 012.417 2.407 2.416 2.416 0 01-2.417 2.408M23.14 56.039c0 1.05-.854 1.9-1.908 1.9a1.903 1.903 0 01-1.907-1.9c0-1.048.854-1.9 1.907-1.9 1.054 0 1.908.852 1.908 1.9'/%3e%3c/g%3e%3c/svg%3e\") center center no-repeat}:host .is-dropdown-dual-multi-select-body .body-control .fu-multiselect-list-loader{position:absolute;display:flex}:host .is-dropdown-dual-multi-select-body .body-control .fu-multiselect-list-loader .right-loading{margin-left:8px}\n"] }]
    }], () => [], { wrapperLeftRef: [{
            type: ViewChild,
            args: ['wrapperLeft', { read: ElementRef, static: true }]
        }], containerLeftRef: [{
            type: ViewChild,
            args: ['containerLeft', { read: ElementRef, static: true }]
        }], wrapperRightRef: [{
            type: ViewChild,
            args: ['wrapperRight', { read: ElementRef, static: true }]
        }], containerRightRef: [{
            type: ViewChild,
            args: ['containerRight', { read: ElementRef, static: true }]
        }], totalItems: [{
            type: Input
        }], isPendingItems: [{
            type: Input
        }], hasSelectAll: [{
            type: Input
        }], testId: [{
            type: Input
        }], items: [{
            type: Input
        }], searchTerm: [{
            type: Input
        }], autoComplete: [{
            type: Input
        }], loadingLeft: [{
            type: Input
        }], hasBackendPagination: [{
            type: Input
        }], searchByProperties: [{
            type: Input
        }], scrollDown: [{
            type: Output
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownDualMultiSelectBodyComponent, { className: "DropdownDualMultiSelectBodyComponent", filePath: "components/dropdown-dual-multi-select-body/dropdown-dual-multi-select-body.component.ts", lineNumber: 33 }); })();
//# sourceMappingURL=data:application/json;base64, 