import { ChangeDetectionStrategy, Component, EventEmitter, Injector, Input, Output } from '@angular/core';
import { IncludeExcludeTestIdModifiers } from '@ironsource/fusion-ui/entities';
import { TestIdsService } from '@ironsource/fusion-ui/services/test-ids';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ironsource/fusion-ui/components/checkbox/v3";
import * as i3 from "@ironsource/fusion-ui/components/icon/v1";
import * as i4 from "@ironsource/fusion-ui/components/flag/v1";
import * as i5 from "@ironsource/fusion-ui/components/tooltip/v3";
import * as i6 from "@ironsource/fusion-ui/components/dynamic-components/v1";
const _c0 = a0 => ({ item: a0 });
function DropdownDualMultiSelectBodyItemComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    const _r10 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "label", 5)(1, "fusion-checkbox", 6);
    i0.ɵɵlistener("changed", function DropdownDualMultiSelectBodyItemComponent_ng_template_1_Template_fusion_checkbox_changed_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r10); const item_r8 = restoredCtx.item; const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.changeSelectedItem(item_r8)); });
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainer(2, 0);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r8 = ctx.item;
    const ctx_r0 = i0.ɵɵnextContext();
    const _r5 = i0.ɵɵreference(6);
    const _r7 = i0.ɵɵreference(8);
    i0.ɵɵproperty("for", item_r8.id);
    i0.ɵɵadvance();
    i0.ɵɵproperty("id", item_r8.id)("isDisabled", ctx_r0.isDisabled)("checked", ctx_r0.isSelectedItem);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngTemplateOutlet", (item_r8 == null ? null : item_r8.content) ? _r5 : _r7)("ngTemplateOutletContext", i0.ɵɵpureFunction1(6, _c0, item_r8));
} }
const _c1 = () => ({ iconName: "close-bold", iconVersion: "v3" });
function DropdownDualMultiSelectBodyItemComponent_ng_template_3_fusion_icon_2_Template(rf, ctx) { if (rf & 1) {
    const _r15 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "fusion-icon", 9);
    i0.ɵɵlistener("click", function DropdownDualMultiSelectBodyItemComponent_ng_template_3_fusion_icon_2_Template_fusion_icon_click_0_listener() { i0.ɵɵrestoreView(_r15); const item_r11 = i0.ɵɵnextContext().item; const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.clearSelectItem(item_r11)); });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    i0.ɵɵproperty("name", i0.ɵɵpureFunction0(1, _c1));
} }
function DropdownDualMultiSelectBodyItemComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "label", 7);
    i0.ɵɵelementContainer(1, 0);
    i0.ɵɵtemplate(2, DropdownDualMultiSelectBodyItemComponent_ng_template_3_fusion_icon_2_Template, 1, 2, "fusion-icon", 8);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r11 = ctx.item;
    const ctx_r2 = i0.ɵɵnextContext();
    const _r5 = i0.ɵɵreference(6);
    const _r7 = i0.ɵɵreference(8);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngTemplateOutlet", (item_r11 == null ? null : item_r11.content) ? _r5 : _r7)("ngTemplateOutletContext", i0.ɵɵpureFunction1(3, _c0, item_r11));
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", !ctx_r2.isDisabled);
} }
function DropdownDualMultiSelectBodyItemComponent_ng_template_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span", 10);
    i0.ɵɵelement(1, "fusion-dynamic-components", 11);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r16 = ctx.item;
    i0.ɵɵadvance();
    i0.ɵɵproperty("configuration", item_r16 == null ? null : item_r16.content);
} }
function DropdownDualMultiSelectBodyItemComponent_ng_template_7_img_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "img", 18);
} if (rf & 2) {
    const item_r17 = i0.ɵɵnextContext().item;
    i0.ɵɵclassProp("fu-image-for-two-rows", item_r17 == null ? null : item_r17.subText);
    i0.ɵɵproperty("src", item_r17.image, i0.ɵɵsanitizeUrl);
} }
function DropdownDualMultiSelectBodyItemComponent_ng_template_7_fusion_flag_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-flag", 19);
} if (rf & 2) {
    const item_r17 = i0.ɵɵnextContext().item;
    i0.ɵɵproperty("name", item_r17.flag);
} }
function DropdownDualMultiSelectBodyItemComponent_ng_template_7_fusion_icon_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 20);
} if (rf & 2) {
    const item_r17 = i0.ɵɵnextContext().item;
    i0.ɵɵproperty("name", item_r17.icon);
} }
function DropdownDualMultiSelectBodyItemComponent_ng_template_7_div_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 21)(1, "label");
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const item_r17 = i0.ɵɵnextContext().item;
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate((item_r17 == null ? null : item_r17.subText == null ? null : item_r17.subText.text) || item_r17.subText);
} }
function DropdownDualMultiSelectBodyItemComponent_ng_template_7_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, DropdownDualMultiSelectBodyItemComponent_ng_template_7_img_0_Template, 1, 3, "img", 12)(1, DropdownDualMultiSelectBodyItemComponent_ng_template_7_fusion_flag_1_Template, 1, 1, "fusion-flag", 13)(2, DropdownDualMultiSelectBodyItemComponent_ng_template_7_fusion_icon_2_Template, 1, 1, "fusion-icon", 14);
    i0.ɵɵelementStart(3, "div", 15)(4, "span", 16);
    i0.ɵɵtext(5);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(6, DropdownDualMultiSelectBodyItemComponent_ng_template_7_div_6_Template, 3, 1, "div", 17);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r17 = ctx.item;
    i0.ɵɵproperty("ngIf", item_r17.image);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", item_r17.flag);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", item_r17.icon);
    i0.ɵɵadvance(2);
    i0.ɵɵpropertyInterpolate("fusionTooltip", item_r17.title || item_r17.displayText);
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate(item_r17.title || item_r17.displayText);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", item_r17 == null ? null : item_r17.subText);
} }
export class DropdownDualMultiSelectBodyItemComponent {
    constructor(injector) {
        this.injector = injector;
        this.changeSelected = new EventEmitter();
        this.clearSelect = new EventEmitter();
        /** @internal */
        this.testIdIncludeExcludeModifiers = IncludeExcludeTestIdModifiers;
        /** @internal */
        this.testIdsService = this.injector.get(TestIdsService);
    }
    changeSelectedItem(item) {
        this.changeSelected.emit(item);
    }
    clearSelectItem(item) {
        if (!item.isDisabled) {
            this.clearSelect.emit(item);
        }
    }
    static { this.ɵfac = function DropdownDualMultiSelectBodyItemComponent_Factory(t) { return new (t || DropdownDualMultiSelectBodyItemComponent)(i0.ɵɵdirectiveInject(i0.Injector)); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownDualMultiSelectBodyItemComponent, selectors: [["fusion-dropdown-dual-multi-select-body-item"]], inputs: { bodySide: "bodySide", item: "item", isDisabled: "isDisabled", isSelectedItem: "isSelectedItem", testId: "testId" }, outputs: { changeSelected: "changeSelected", clearSelect: "clearSelect" }, decls: 9, vars: 4, consts: [[3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["leftSide", ""], ["rightSide", ""], ["dynamicItem", ""], ["optionTemplate", ""], [1, "is-option-label", "left-side", 3, "for"], [1, "item-check", 3, "id", "isDisabled", "checked", "changed"], [1, "is-option-label", "right-side"], ["class", "icon-clear", 3, "name", "click", 4, "ngIf"], [1, "icon-clear", 3, "name", "click"], [1, "dynamic-item"], [3, "configuration"], ["alt", "item-image", 3, "src", "fu-image-for-two-rows", 4, "ngIf"], [3, "name", 4, "ngIf"], ["class", "icon", 3, "name", 4, "ngIf"], [1, "fu-text-content"], [1, "fu-option-title", "truncate", 3, "fusionTooltip"], ["class", "sub-text-container", 4, "ngIf"], ["alt", "item-image", 3, "src"], [3, "name"], [1, "icon", 3, "name"], [1, "sub-text-container"]], template: function DropdownDualMultiSelectBodyItemComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementContainer(0, 0);
            i0.ɵɵtemplate(1, DropdownDualMultiSelectBodyItemComponent_ng_template_1_Template, 3, 8, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(3, DropdownDualMultiSelectBodyItemComponent_ng_template_3_Template, 3, 5, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor)(5, DropdownDualMultiSelectBodyItemComponent_ng_template_5_Template, 2, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor)(7, DropdownDualMultiSelectBodyItemComponent_ng_template_7_Template, 7, 6, "ng-template", null, 4, i0.ɵɵtemplateRefExtractor);
        } if (rf & 2) {
            const _r1 = i0.ɵɵreference(2);
            const _r3 = i0.ɵɵreference(4);
            i0.ɵɵproperty("ngTemplateOutlet", ctx.bodySide === "left" ? _r1 : _r3)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, ctx.item));
        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i2.CheckboxComponent, i3.IconComponent, i4.FlagComponent, i5.TooltipDirective, i6.DynamicComponentsComponent], styles: ["@font-face{font-family:NHaasGroteskDSPro;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.ttf) format(\"truetype\")}@font-face{font-family:NHaasGroteskDSPro-65Md;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue-Medium;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.ttf) format(\"truetype\")}.font-heading-6[_ngcontent-%COMP%], .font-heading-5[_ngcontent-%COMP%], .font-heading-4[_ngcontent-%COMP%], .font-heading-3[_ngcontent-%COMP%], .font-heading-2[_ngcontent-%COMP%], .font-heading-1[_ngcontent-%COMP%]{font-family:NHaasGroteskDSPro,sans-serif}.font-heading-1[_ngcontent-%COMP%]{font-size:60px}.font-heading-2[_ngcontent-%COMP%]{font-size:32px}.font-heading-3[_ngcontent-%COMP%]{font-size:22px}.font-heading-4[_ngcontent-%COMP%]{font-size:18px}.font-heading-5[_ngcontent-%COMP%]{font-size:15px}.font-heading-6[_ngcontent-%COMP%]{font-size:13px}.font-heading-label[_ngcontent-%COMP%]{font-size:11px;font-family:NHaasGroteskDSPro-65Md,sans-serif;letter-spacing:.25px}.font-caption[_ngcontent-%COMP%], .options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%], .options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%], .font-bodyXSmall[_ngcontent-%COMP%], .options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%], .options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%], .font-bodySmall[_ngcontent-%COMP%], .font-bodyMedium[_ngcontent-%COMP%], .font-bodyLarge[_ngcontent-%COMP%]{font-family:HelveticaNeue,helvetica,sans-serif;line-height:1.5}.font-bodyXSmallStrong[_ngcontent-%COMP%], .font-bodySmallStrong[_ngcontent-%COMP%], .font-bodyMediumStrong[_ngcontent-%COMP%], .font-bodyLargeStrong[_ngcontent-%COMP%]{font-family:HelveticaNeue-Medium,helvetica,sans-serif;line-height:1.5}.font-bodyLarge[_ngcontent-%COMP%], .font-bodyLargeStrong[_ngcontent-%COMP%]{font-size:16px}.font-bodyMedium[_ngcontent-%COMP%], .font-bodyMediumStrong[_ngcontent-%COMP%]{font-size:14px}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%], .options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%], .font-bodySmall[_ngcontent-%COMP%]{font-size:13px;letter-spacing:.24px}.font-bodySmallStrong[_ngcontent-%COMP%]{font-size:13px;letter-spacing:.24px}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%], .options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%], .font-bodyXSmall[_ngcontent-%COMP%]{font-size:12px;letter-spacing:.24px}.font-bodyXSmallStrong[_ngcontent-%COMP%]{font-size:12px;letter-spacing:.24px}.font-caption[_ngcontent-%COMP%]{font-size:11px}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   *[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   *[_ngcontent-%COMP%], .options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   *[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   *[_ngcontent-%COMP%], .options-data-list[_nghost-%COMP%]   *[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}.options-data-list[_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   img[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0C2 0 0 2 0 10s2 10 10 10 10-2 10-10S18 0 10 0Zm0 0' fill='%23a5a5a5'/%3E%3C/svg%3E\");-webkit-mask-size:cover;mask-size:cover}@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}}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]:hover, .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]:hover, .options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]:hover, .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]:hover{border-radius:5px;background-color:var(--fu-light-50, #F7F8F9)}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .fu-option-title.truncate[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .fu-option-title.truncate[_ngcontent-%COMP%], .options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .fu-option-title.truncate[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .fu-option-title.truncate[_ngcontent-%COMP%]{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.options-data-list[_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]{position:relative;gap:4px}.options-data-list[_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   img[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:20px;height:20px;max-width:20px;border-radius:4px;vertical-align:middle}.options-data-list[_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   img.fu-image-for-two-rows[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   img.fu-image-for-two-rows[_ngcontent-%COMP%]{width:24px;height:24px;max-width:24px}.options-data-list[_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]{width:16px;height:16px;vertical-align:sub;display:inline-block}.options-data-list[_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg, .options-data-list   [_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:16px;height:16px}.options-data-list[_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *, .options-data-list   [_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--fu-light-600, #B7BBC0)}.options-data-list[_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   fusion-flag[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   fusion-flag[_ngcontent-%COMP%]{margin-right:4px}.options-data-list[_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   .dynamic-item[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label[_ngcontent-%COMP%]   .dynamic-item[_ngcontent-%COMP%]{display:inline-block}.options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]{padding:6px 8px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;width:256px;height:-moz-fit-content;height:fit-content;min-height:32px}.options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:3px}.options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .fu-option-title.truncate[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .fu-option-title.truncate[_ngcontent-%COMP%]{height:16px;width:176px;line-height:15.51px;color:var(--fu-black-500, #53575B)}.options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%]{line-height:14.32px;color:var(--fu-light-900, #7B838C);height:14px}.options-data-list[_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .item-check[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.left-side[_ngcontent-%COMP%]   .item-check[_ngcontent-%COMP%]{margin-right:4px;line-height:0}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]{padding:6px 8px;cursor:pointer;display:flex;width:256px;height:-moz-fit-content;height:fit-content;min-height:32px;justify-content:flex-start;align-items:center}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:3px}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .fu-option-title.truncate[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .fu-option-title.truncate[_ngcontent-%COMP%]{height:16px;line-height:15.51px;width:176px;color:var(--fu-black-500, #53575B)}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   .fu-text-content[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%]{line-height:14.32px;color:var(--fu-light-900, #7B838C);height:14px}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   fusion-icon.icon-clear[_ngcontent-%COMP%], .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   fusion-icon.icon-clear[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;position:absolute;right:5px;color:var(--fu-light-500, #D2D5D8);width:16px;height:16px}.options-data-list[_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   fusion-icon.icon-clear[_ngcontent-%COMP%]:hover, .options-data-list   [_nghost-%COMP%]   .is-option-label.right-side[_ngcontent-%COMP%]   fusion-icon.icon-clear[_ngcontent-%COMP%]:hover{color:var(--fu-light-800, #8E959D)}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownDualMultiSelectBodyItemComponent, [{
        type: Component,
        args: [{ selector: 'fusion-dropdown-dual-multi-select-body-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"bodySide === 'left' ? leftSide : rightSide\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n\n\n<ng-template #leftSide let-item=\"item\">\n    <label\n        [for]=\"item.id\"\n        class=\"is-option-label left-side\">\n        <fusion-checkbox\n            class=\"item-check\"\n            [id]=\"item.id\"\n            [isDisabled]=\"isDisabled\"\n            [checked]=\"isSelectedItem\"\n            (changed)=\"changeSelectedItem(item)\"\n        ></fusion-checkbox>\n        <ng-container [ngTemplateOutlet]=\"item?.content ? dynamicItem : optionTemplate\" [ngTemplateOutletContext]=\"{item: item}\">\n        </ng-container>\n    </label>\n</ng-template>\n\n\n<ng-template #rightSide let-item=\"item\" >\n    <label class=\"is-option-label right-side\">\n        <ng-container [ngTemplateOutlet]=\"item?.content ? dynamicItem : optionTemplate\" [ngTemplateOutletContext]=\"{item: item}\"></ng-container>\n        <fusion-icon *ngIf=\"!isDisabled\" (click)=\"clearSelectItem(item)\" class=\"icon-clear\" [name]=\"{iconName: 'close-bold', iconVersion: 'v3'}\"></fusion-icon>\n    </label>\n</ng-template>\n\n\n<ng-template #dynamicItem let-item=\"item\">\n    <span class=\"dynamic-item\">\n        <fusion-dynamic-components [configuration]=\"item?.content\"></fusion-dynamic-components>\n    </span>\n</ng-template>\n\n\n<ng-template #optionTemplate let-item=\"item\">\n    <img [src]=\"item.image\" *ngIf=\"item.image\" alt=\"item-image\" [class.fu-image-for-two-rows]=\"item?.subText\" />\n    <fusion-flag *ngIf=\"item.flag\" [name]=\"item.flag\"></fusion-flag>\n    <fusion-icon *ngIf=\"item.icon\" [name]=\"item.icon\" class=\"icon\"></fusion-icon>\n    <div class=\"fu-text-content\">\n        <span class=\"fu-option-title truncate\" fusionTooltip=\"{{item.title || item.displayText}}\">{{item.title || item.displayText}}</span>\n        <div *ngIf=\"item?.subText\" class=\"sub-text-container\">\n            <label>{{ item?.subText?.text || item.subText }}</label>\n        </div>\n    </div>\n\n</ng-template>\n", styles: ["@font-face{font-family:NHaasGroteskDSPro;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-75Bd.ttf) format(\"truetype\")}@font-face{font-family:NHaasGroteskDSPro-65Md;src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot);src:url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/NHaasGroteskDSPro-65Md.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue.ttf) format(\"truetype\")}@font-face{font-family:HelveticaNeue-Medium;src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot);src:url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.eot?#iefix) format(\"embedded-opentype\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff2) format(\"woff2\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.woff) format(\"woff\"),url(https://fusion.ironsrc.net/assets/fonts/HelveticaNeue-Medium.ttf) format(\"truetype\")}.font-heading-6,.font-heading-5,.font-heading-4,.font-heading-3,.font-heading-2,.font-heading-1{font-family:NHaasGroteskDSPro,sans-serif}.font-heading-1{font-size:60px}.font-heading-2{font-size:32px}.font-heading-3{font-size:22px}.font-heading-4{font-size:18px}.font-heading-5{font-size:15px}.font-heading-6{font-size:13px}.font-heading-label{font-size:11px;font-family:NHaasGroteskDSPro-65Md,sans-serif;letter-spacing:.25px}.font-caption,:host-context(.options-data-list) .is-option-label.right-side .fu-text-content .sub-text-container,:host-context(.options-data-list) .is-option-label.left-side .fu-text-content .sub-text-container,.font-bodyXSmall,:host-context(.options-data-list) .is-option-label.right-side,:host-context(.options-data-list) .is-option-label.left-side,.font-bodySmall,.font-bodyMedium,.font-bodyLarge{font-family:HelveticaNeue,helvetica,sans-serif;line-height:1.5}.font-bodyXSmallStrong,.font-bodySmallStrong,.font-bodyMediumStrong,.font-bodyLargeStrong{font-family:HelveticaNeue-Medium,helvetica,sans-serif;line-height:1.5}.font-bodyLarge,.font-bodyLargeStrong{font-size:16px}.font-bodyMedium,.font-bodyMediumStrong{font-size:14px}:host-context(.options-data-list) .is-option-label.right-side,:host-context(.options-data-list) .is-option-label.left-side,.font-bodySmall{font-size:13px;letter-spacing:.24px}.font-bodySmallStrong{font-size:13px;letter-spacing:.24px}:host-context(.options-data-list) .is-option-label.right-side .fu-text-content .sub-text-container,:host-context(.options-data-list) .is-option-label.left-side .fu-text-content .sub-text-container,.font-bodyXSmall{font-size:12px;letter-spacing:.24px}.font-bodyXSmallStrong{font-size:12px;letter-spacing:.24px}.font-caption{font-size:11px}:host-context(.options-data-list) .is-option-label.right-side *,:host-context(.options-data-list) .is-option-label.left-side *,:host-context(.options-data-list) *{box-sizing:border-box}:host-context(.options-data-list) .is-option-label img{mask:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 0C2 0 0 2 0 10s2 10 10 10 10-2 10-10S18 0 10 0Zm0 0' fill='%23a5a5a5'/%3E%3C/svg%3E\");-webkit-mask-size:cover;mask-size:cover}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes shineAnimation{0%{background-position:-750px 0}to{background-position:750px 0}}:host-context(.options-data-list) .is-option-label.right-side:hover,:host-context(.options-data-list) .is-option-label.left-side:hover{border-radius:5px;background-color:var(--fu-light-50, #F7F8F9)}:host-context(.options-data-list) .is-option-label.right-side .fu-text-content .fu-option-title.truncate,:host-context(.options-data-list) .is-option-label.left-side .fu-text-content .fu-option-title.truncate{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host-context(.options-data-list) .is-option-label{position:relative;gap:4px}:host-context(.options-data-list) .is-option-label img{width:20px;height:20px;max-width:20px;border-radius:4px;vertical-align:middle}:host-context(.options-data-list) .is-option-label img.fu-image-for-two-rows{width:24px;height:24px;max-width:24px}:host-context(.options-data-list) .is-option-label fusion-icon.icon{width:16px;height:16px;vertical-align:sub;display:inline-block}:host-context(.options-data-list) .is-option-label fusion-icon.icon ::ng-deep svg{width:16px;height:16px}:host-context(.options-data-list) .is-option-label fusion-icon.icon ::ng-deep svg *{fill:var(--fu-light-600, #B7BBC0)}:host-context(.options-data-list) .is-option-label fusion-flag{margin-right:4px}:host-context(.options-data-list) .is-option-label .dynamic-item{display:inline-block}:host-context(.options-data-list) .is-option-label.left-side{padding:6px 8px;cursor:pointer;display:flex;justify-content:flex-start;align-items:center;width:256px;height:-moz-fit-content;height:fit-content;min-height:32px}:host-context(.options-data-list) .is-option-label.left-side .fu-text-content{display:flex;flex-direction:column;gap:3px}:host-context(.options-data-list) .is-option-label.left-side .fu-text-content .fu-option-title.truncate{height:16px;width:176px;line-height:15.51px;color:var(--fu-black-500, #53575B)}:host-context(.options-data-list) .is-option-label.left-side .fu-text-content .sub-text-container{line-height:14.32px;color:var(--fu-light-900, #7B838C);height:14px}:host-context(.options-data-list) .is-option-label.left-side .item-check{margin-right:4px;line-height:0}:host-context(.options-data-list) .is-option-label.right-side{padding:6px 8px;cursor:pointer;display:flex;width:256px;height:-moz-fit-content;height:fit-content;min-height:32px;justify-content:flex-start;align-items:center}:host-context(.options-data-list) .is-option-label.right-side .fu-text-content{display:flex;flex-direction:column;gap:3px}:host-context(.options-data-list) .is-option-label.right-side .fu-text-content .fu-option-title.truncate{height:16px;line-height:15.51px;width:176px;color:var(--fu-black-500, #53575B)}:host-context(.options-data-list) .is-option-label.right-side .fu-text-content .sub-text-container{line-height:14.32px;color:var(--fu-light-900, #7B838C);height:14px}:host-context(.options-data-list) .is-option-label.right-side fusion-icon.icon-clear{display:flex;justify-content:center;align-items:center;position:absolute;right:5px;color:var(--fu-light-500, #D2D5D8);width:16px;height:16px}:host-context(.options-data-list) .is-option-label.right-side fusion-icon.icon-clear:hover{color:var(--fu-light-800, #8E959D)}\n"] }]
    }], () => [{ type: i0.Injector }], { bodySide: [{
            type: Input
        }], item: [{
            type: Input
        }], isDisabled: [{
            type: Input
        }], isSelectedItem: [{
            type: Input
        }], testId: [{
            type: Input
        }], changeSelected: [{
            type: Output
        }], clearSelect: [{
            type: Output
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownDualMultiSelectBodyItemComponent, { className: "DropdownDualMultiSelectBodyItemComponent", filePath: "v3/components/dropdown-dual-multi-select-body/dropdown-dual-multi-select-body-item/dropdown-dual-multi-select-body-item.component.ts", lineNumber: 12 }); })();
//# sourceMappingURL=data:application/json;base64, 