import { ChangeDetectionStrategy, Component } from '@angular/core';
import { DropdownOptionBaseComponent } from '@ironsource/fusion-ui/components/dropdown-option/common/base';
import * as i0 from "@angular/core";
function DropdownOptionComponent_ng_container_0_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 10);
    i0.ɵɵelement(1, "fusion-icon", 11);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r4 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance();
    i0.ɵɵproperty("name", ctx_r4.option.icon);
} }
function DropdownOptionComponent_ng_container_0_fusion_flag_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-flag", 12);
} if (rf & 2) {
    const ctx_r5 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("name", ctx_r5.option.flag);
} }
function DropdownOptionComponent_ng_container_0_img_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "img", 13);
} if (rf & 2) {
    const ctx_r6 = i0.ɵɵnextContext(2);
    i0.ɵɵproperty("src", ctx_r6.option.image, i0.ɵɵsanitizeUrl);
} }
const _c0 = () => ({ iconName: "status-dots", iconVersion: "v1" });
function DropdownOptionComponent_ng_container_0_fusion_icon_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 12);
} if (rf & 2) {
    i0.ɵɵproperty("name", i0.ɵɵpureFunction0(1, _c0));
} }
function DropdownOptionComponent_ng_container_0_div_9_fusion_icon_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-icon", 16);
} if (rf & 2) {
    const ctx_r10 = i0.ɵɵnextContext(3);
    i0.ɵɵproperty("name", ctx_r10.option.subText == null ? null : ctx_r10.option.subText.icon);
} }
function DropdownOptionComponent_ng_container_0_div_9_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 14);
    i0.ɵɵtemplate(1, DropdownOptionComponent_ng_container_0_div_9_fusion_icon_1_Template, 1, 1, "fusion-icon", 15);
    i0.ɵɵelementStart(2, "label");
    i0.ɵɵtext(3);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const ctx_r8 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r8.option.subText == null ? null : ctx_r8.option.subText.icon);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(ctx_r8.option.subText == null ? null : ctx_r8.option.subText.text);
} }
function DropdownOptionComponent_ng_container_0_span_10_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span", 17);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r9 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance();
    i0.ɵɵtextInterpolate(ctx_r9.optionRightHoverText);
} }
function DropdownOptionComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, DropdownOptionComponent_ng_container_0_div_1_Template, 2, 1, "div", 3)(2, DropdownOptionComponent_ng_container_0_fusion_flag_2_Template, 1, 1, "fusion-flag", 4)(3, DropdownOptionComponent_ng_container_0_img_3_Template, 1, 1, "img", 5);
    i0.ɵɵelementStart(4, "div", 6);
    i0.ɵɵpipe(5, "generic");
    i0.ɵɵtemplate(6, DropdownOptionComponent_ng_container_0_fusion_icon_6_Template, 1, 2, "fusion-icon", 4);
    i0.ɵɵelement(7, "span", 7);
    i0.ɵɵpipe(8, "generic");
    i0.ɵɵtemplate(9, DropdownOptionComponent_ng_container_0_div_9_Template, 4, 2, "div", 8);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(10, DropdownOptionComponent_ng_container_0_span_10_Template, 2, 1, "span", 9);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r0.option.icon);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r0.option.flag);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r0.option.image);
    i0.ɵɵadvance();
    i0.ɵɵpropertyInterpolate("fusionTooltip", i0.ɵɵpipeBind4(5, 9, ctx_r0.optionToStringFunc, ctx_r0.option, ctx_r0.mappingOptions, ctx_r0.settings));
    i0.ɵɵproperty("id", ctx_r0.option.id);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r0.option.indicationStatus);
    i0.ɵɵadvance();
    i0.ɵɵpropertyInterpolate("innerHTML", i0.ɵɵpipeBind4(8, 14, ctx_r0.optionToStringFunc, ctx_r0.option, ctx_r0.mappingOptions, ctx_r0.settings), i0.ɵɵsanitizeHtml);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", (ctx_r0.option.subText == null ? null : ctx_r0.option.subText.text) && ctx_r0.shouldDisplayMultiRaw);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", ctx_r0.optionRightHoverText);
} }
function DropdownOptionComponent_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "fusion-dynamic-components", 18);
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵproperty("configuration", ctx_r1.option.content);
} }
const _c1 = a0 => ({ "is-selected": a0 });
function DropdownOptionComponent_ng_container_3_ng_container_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "li", 22);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const childOption_r12 = ctx.$implicit;
    const ctx_r11 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance();
    i0.ɵɵproperty("fusionDropdownOption", childOption_r12)("mappingOptions", ctx_r11.mappingOptions)("ngClass", i0.ɵɵpureFunction1(4, _c1, childOption_r12.isSelected));
    i0.ɵɵattribute("data-id", childOption_r12.id);
} }
function DropdownOptionComponent_ng_container_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "fusion-icon", 19);
    i0.ɵɵelementStart(2, "ul", 20);
    i0.ɵɵtemplate(3, DropdownOptionComponent_ng_container_3_ng_container_3_Template, 2, 6, "ng-container", 21);
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("name", ctx_r3.dropdownArrowIconName);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", ctx_r3.option.childOptions);
} }
export class DropdownOptionComponent extends DropdownOptionBaseComponent {
    constructor() {
        super(...arguments);
        this.dropdownArrowIconName = {
            iconName: 'arrow-dropdown',
            iconVersion: 'v1'
        };
    }
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDropdownOptionComponent_BaseFactory; return function DropdownOptionComponent_Factory(t) { return (ɵDropdownOptionComponent_BaseFactory || (ɵDropdownOptionComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DropdownOptionComponent)))(t || DropdownOptionComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownOptionComponent, selectors: [["fusion-dropdown-option"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 3, consts: [[4, "ngIf", "ngIfElse"], ["customContentOption", ""], [4, "ngIf"], ["class", "icon-container", 4, "ngIf"], [3, "name", 4, "ngIf"], ["alt", "", 3, "src", 4, "ngIf"], [1, "text", "truncate", 3, "id", "fusionTooltip"], [3, "innerHTML"], ["class", "sub-text-container", 4, "ngIf"], ["class", "optionRightClickTextHover", 4, "ngIf"], [1, "icon-container"], ["id", "platform-icon", 1, "icon", 3, "name"], [3, "name"], ["alt", "", 3, "src"], [1, "sub-text-container"], ["class", "sub-text-icon", 3, "name", 4, "ngIf"], [1, "sub-text-icon", 3, "name"], [1, "optionRightClickTextHover"], [3, "configuration"], [1, "icon-arrow", 3, "name"], [1, "is-subgroup-options"], [4, "ngFor", "ngForOf"], [3, "fusionDropdownOption", "mappingOptions", "ngClass"]], template: function DropdownOptionComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵtemplate(0, DropdownOptionComponent_ng_container_0_Template, 11, 19, "ng-container", 0)(1, DropdownOptionComponent_ng_template_1_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor)(3, DropdownOptionComponent_ng_container_3_Template, 4, 2, "ng-container", 2);
        } if (rf & 2) {
            const _r2 = i0.ɵɵreference(2);
            i0.ɵɵproperty("ngIf", !ctx.option.content)("ngIfElse", _r2);
            i0.ɵɵadvance(3);
            i0.ɵɵproperty("ngIf", ctx.hasChildren);
        } }, styles: ["[_nghost-%COMP%]     .is-keyword{font-size:13px;font-family:var(--regular-font-family, \"Open Sans\");font-weight:600}[_nghost-%COMP%]   .optionRightClickTextHover[_ngcontent-%COMP%]{font-size:12px;font-family:var(--regular-font-family, \"Open Sans\");font-weight:400}[_nghost-%COMP%]{font-size:13px;font-family:var(--body-font-family, \"HelveticaNeue\");font-weight:400}[_nghost-%COMP%]     .is-id{font-size:12px;font-family:var(--body-font-family, \"HelveticaNeue\");font-weight:700}[_nghost-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}[_nghost-%COMP%]   .text.truncate[_ngcontent-%COMP%]{width:100%;display:inline-block;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}[_nghost-%COMP%]   ul[_ngcontent-%COMP%], [_nghost-%COMP%]   ol[_ngcontent-%COMP%]{padding:0;margin:0}[_nghost-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%], [_nghost-%COMP%]   ol[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]{list-style:none}li.option.is-selected[_nghost-%COMP%], li.option.is-selected   [_nghost-%COMP%], [_nghost-%COMP%]   img[_ngcontent-%COMP%]{border-radius:var(--border-radius, 3px)}[_nghost-%COMP%]{position:relative;background:#FFF;padding:5px 14px;color:var(--dark-color-300, #172D4C);display:inherit;line-height:16px;cursor:pointer}[_nghost-%COMP%]   .text[_ngcontent-%COMP%]{margin-left:2px;vertical-align:middle;line-height:20px}[_nghost-%COMP%]   img[_ngcontent-%COMP%]{max-width:19px;height:auto;vertical-align:middle;margin-right:3px}[_nghost-%COMP%]   img[_ngcontent-%COMP%] + .truncate[_ngcontent-%COMP%]{width:calc(100% - 24px)}[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]{margin-right:1px;margin-top:-3px;vertical-align:middle;display:inline-block}[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:13px;height:13px}[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--light-color-600, #C2CDD7)}[_nghost-%COMP%]   fusion-flag[_ngcontent-%COMP%]{margin-right:6px}[_nghost-%COMP%]   fusion-flag[_ngcontent-%COMP%] + .truncate[_ngcontent-%COMP%]{width:calc(100% - 24px)}[_nghost-%COMP%]     .is-id{color:var(--light-color-800, #678099);margin-right:1px}[_nghost-%COMP%]     .is-id:after{content:\" -\"}[_nghost-%COMP%]   .optionRightClickTextHover[_ngcontent-%COMP%]{display:none;color:var(--light-color-800, #678099);float:right;line-height:23px}[_nghost-%COMP%]:hover{background:var(--light-color-100, #F9FAFB)}[_nghost-%COMP%]:hover   .optionRightClickTextHover[_ngcontent-%COMP%]{display:inline}.is-has-children[_nghost-%COMP%]{position:relative;color:var(--light-color-800, #678099)}.is-has-children[_nghost-%COMP%]   fusion-icon.arrow-dropdown[_ngcontent-%COMP%]{position:absolute;right:11px;top:5px}.is-has-children[_nghost-%COMP%]   fusion-icon.arrow-dropdown[_ngcontent-%COMP%]     svg{width:8px;height:8px;transform:rotate(-90deg)}.is-has-children[_nghost-%COMP%]   fusion-icon.arrow-dropdown[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}.is-has-children[_nghost-%COMP%]   .is-subgroup-options[_ngcontent-%COMP%]{display:none}.is-has-children.is-open[_nghost-%COMP%]{padding-bottom:0}.is-has-children.is-open[_nghost-%COMP%]   fusion-icon.arrow-dropdown[_ngcontent-%COMP%]     svg{width:8px;height:8px;transform:rotate(360deg)}.is-has-children.is-open[_nghost-%COMP%]   fusion-icon.arrow-dropdown[_ngcontent-%COMP%]     svg *{fill:var(--dark-color-300, #172D4C)}.is-has-children.is-open[_nghost-%COMP%]   .is-subgroup-options[_ngcontent-%COMP%]{display:block;margin:5px -14px 0}.is-has-children.is-open[_nghost-%COMP%]   .is-subgroup-options[_ngcontent-%COMP%]   .option[_ngcontent-%COMP%]     fusion-dropdown-option{padding-left:30px}.is-has-children.is-open[_nghost-%COMP%]   .is-subgroup-options[_ngcontent-%COMP%]   .option.is-selected[_ngcontent-%COMP%]     fusion-dropdown-option{padding-left:27px}.is-has-children.is-open[_nghost-%COMP%]:hover{background:#FFF}.multi-raw-display[_nghost-%COMP%]{height:50px;display:flex;position:relative}.multi-raw-display[_nghost-%COMP%]   img[_ngcontent-%COMP%]{height:36px;max-width:36px}.multi-raw-display[_nghost-%COMP%]   .icon-container[_ngcontent-%COMP%]{position:absolute;height:20px;width:20px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;left:38px;bottom:5px}.multi-raw-display[_nghost-%COMP%]   .icon-container[_ngcontent-%COMP%]   fusion-icon#platform-icon[_ngcontent-%COMP%]{position:static;margin-top:2px}.multi-raw-display[_nghost-%COMP%]   .text[_ngcontent-%COMP%]{padding-left:5px}.multi-raw-display[_nghost-%COMP%]   .text[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%]{display:block;font-size:12px;color:#678099}.multi-raw-display[_nghost-%COMP%]   .text[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%]   fusion-icon.sub-text-icon[_ngcontent-%COMP%]{margin-right:5px;vertical-align:text-top}.multi-raw-display[_nghost-%COMP%]   .text[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%]   fusion-icon.sub-text-icon[_ngcontent-%COMP%]     svg{width:12px;height:12px}.multi-raw-display[_nghost-%COMP%]   .text[_ngcontent-%COMP%]   .sub-text-container[_ngcontent-%COMP%]   fusion-icon.sub-text-icon[_ngcontent-%COMP%]     svg *{fill:var(--light-color-700, #95A6B8)}.multi-raw-display[_nghost-%COMP%]     .is-id{color:inherit!important}[_nghost-%COMP%]   fusion-icon[class^=status-dots][_ngcontent-%COMP%]{margin-right:6px}[_nghost-%COMP%]   fusion-icon[class^=status-dots][_ngcontent-%COMP%]     svg{width:9px;height:9px}[_nghost-%COMP%]   fusion-icon[class^=status-dots][_ngcontent-%COMP%]     svg *{fill:var(--neutral-color-700, #FF9403)}.is-dropdown.is-icon-right-position[_nghost-%COMP%], .is-dropdown.is-icon-right-position   [_nghost-%COMP%], .is-tags-holder.is-icon-right-position[_nghost-%COMP%], .is-tags-holder.is-icon-right-position   [_nghost-%COMP%]{position:relative;padding-right:22px}.is-dropdown.is-icon-right-position[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%], .is-dropdown.is-icon-right-position   [_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%], .is-tags-holder.is-icon-right-position[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%], .is-tags-holder.is-icon-right-position   [_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]{position:absolute;right:10px;top:11px}.is-dropdown.is-icon-right-position[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg, .is-dropdown.is-icon-right-position   [_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg, .is-tags-holder.is-icon-right-position[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg, .is-tags-holder.is-icon-right-position   [_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg{width:12px;height:12px}.is-dropdown.is-icon-right-position[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *, .is-dropdown.is-icon-right-position   [_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *, .is-tags-holder.is-icon-right-position[_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *, .is-tags-holder.is-icon-right-position   [_nghost-%COMP%]   fusion-icon.icon[_ngcontent-%COMP%]     svg *{fill:var(--light-color-600, #C2CDD7)}li.option.is-selected[_nghost-%COMP%], li.option.is-selected   [_nghost-%COMP%]{border-left:solid 3px var(--primary-color, #3091F6);box-sizing:border-box;padding-left:10px}li.option.is-focused[_nghost-%COMP%]   dropdown-option.component.ts[_ngcontent-%COMP%], li.option.is-focused   [_nghost-%COMP%]   dropdown-option.component.ts[_ngcontent-%COMP%]{background:var(--light-color-100, #F9FAFB)}li.option.is-disabled[_nghost-%COMP%], li.option.is-disabled   [_nghost-%COMP%]{color:var(--light-color-800, #678099)}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownOptionComponent, [{
        type: Component,
        args: [{ selector: 'fusion-dropdown-option', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"!option.content; else customContentOption\">\n    <div *ngIf=\"option.icon\" class=\"icon-container\">\n        <fusion-icon id=\"platform-icon\" [name]=\"option.icon\" class=\"icon\"></fusion-icon>\n    </div>\n    <fusion-flag *ngIf=\"option.flag\" [name]=\"option.flag\"></fusion-flag>\n    <img [src]=\"option.image\" *ngIf=\"option.image\" alt=\"\"/>\n    <div [id]=\"option.id\" class=\"text truncate\"\n         fusionTooltip=\"{{ optionToStringFunc | generic: option:mappingOptions:settings }}\">\n        <fusion-icon *ngIf=\"option.indicationStatus\"\n                     [name]=\"{iconName: 'status-dots', iconVersion: 'v1'}\"></fusion-icon>\n        <span innerHTML=\"{{ optionToStringFunc | generic: option:mappingOptions:settings }}\"></span>\n        <div *ngIf=\"option.subText?.text && shouldDisplayMultiRaw\" class=\"sub-text-container\">\n            <fusion-icon *ngIf=\"option.subText?.icon\" class=\"sub-text-icon\" [name]=\"option.subText?.icon\"></fusion-icon>\n            <label>{{ option.subText?.text }}</label>\n        </div>\n    </div>\n    <span class=\"optionRightClickTextHover\" *ngIf=\"optionRightHoverText\">{{ optionRightHoverText }}</span>\n</ng-container>\n\n<ng-template #customContentOption>\n    <fusion-dynamic-components [configuration]=\"option.content\"></fusion-dynamic-components>\n</ng-template>\n<ng-container *ngIf=\"hasChildren\">\n    <fusion-icon class=\"icon-arrow\"\n                 [name]=\"dropdownArrowIconName\"></fusion-icon>\n    <ul class=\"is-subgroup-options\">\n        <ng-container *ngFor=\"let childOption of option.childOptions; index as i\">\n            <li\n                [fusionDropdownOption]=\"childOption\"\n                [mappingOptions]=\"mappingOptions\"\n                [attr.data-id]=\"childOption.id\"\n                [ngClass]=\"{'is-selected': childOption.isSelected}\"\n            ></li>\n        </ng-container>\n    </ul>\n</ng-container>\n", styles: [":host ::ng-deep .is-keyword{font-size:13px;font-family:var(--regular-font-family, \"Open Sans\");font-weight:600}:host .optionRightClickTextHover{font-size:12px;font-family:var(--regular-font-family, \"Open Sans\");font-weight:400}:host{font-size:13px;font-family:var(--body-font-family, \"HelveticaNeue\");font-weight:400}:host ::ng-deep .is-id{font-size:12px;font-family:var(--body-font-family, \"HelveticaNeue\");font-weight:700}:host *{box-sizing:border-box}:host .text.truncate{width:100%;display:inline-block;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}:host ul,:host ol{padding:0;margin:0}:host ul li,:host ol li{list-style:none}:host-context(li.option.is-selected),:host img{border-radius:var(--border-radius, 3px)}:host{position:relative;background:#FFF;padding:5px 14px;color:var(--dark-color-300, #172D4C);display:inherit;line-height:16px;cursor:pointer}:host .text{margin-left:2px;vertical-align:middle;line-height:20px}:host img{max-width:19px;height:auto;vertical-align:middle;margin-right:3px}:host img+.truncate{width:calc(100% - 24px)}:host fusion-icon.icon{margin-right:1px;margin-top:-3px;vertical-align:middle;display:inline-block}:host fusion-icon.icon ::ng-deep svg{width:13px;height:13px}:host fusion-icon.icon ::ng-deep svg *{fill:var(--light-color-600, #C2CDD7)}:host fusion-flag{margin-right:6px}:host fusion-flag+.truncate{width:calc(100% - 24px)}:host ::ng-deep .is-id{color:var(--light-color-800, #678099);margin-right:1px}:host ::ng-deep .is-id:after{content:\" -\"}:host .optionRightClickTextHover{display:none;color:var(--light-color-800, #678099);float:right;line-height:23px}:host:hover{background:var(--light-color-100, #F9FAFB)}:host:hover .optionRightClickTextHover{display:inline}:host.is-has-children{position:relative;color:var(--light-color-800, #678099)}:host.is-has-children fusion-icon.arrow-dropdown{position:absolute;right:11px;top:5px}:host.is-has-children fusion-icon.arrow-dropdown ::ng-deep svg{width:8px;height:8px;transform:rotate(-90deg)}:host.is-has-children fusion-icon.arrow-dropdown ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host.is-has-children .is-subgroup-options{display:none}:host.is-has-children.is-open{padding-bottom:0}:host.is-has-children.is-open fusion-icon.arrow-dropdown ::ng-deep svg{width:8px;height:8px;transform:rotate(360deg)}:host.is-has-children.is-open fusion-icon.arrow-dropdown ::ng-deep svg *{fill:var(--dark-color-300, #172D4C)}:host.is-has-children.is-open .is-subgroup-options{display:block;margin:5px -14px 0}:host.is-has-children.is-open .is-subgroup-options .option ::ng-deep fusion-dropdown-option{padding-left:30px}:host.is-has-children.is-open .is-subgroup-options .option.is-selected ::ng-deep fusion-dropdown-option{padding-left:27px}:host.is-has-children.is-open:hover{background:#FFF}:host.multi-raw-display{height:50px;display:flex;position:relative}:host.multi-raw-display img{height:36px;max-width:36px}:host.multi-raw-display .icon-container{position:absolute;height:20px;width:20px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;left:38px;bottom:5px}:host.multi-raw-display .icon-container fusion-icon#platform-icon{position:static;margin-top:2px}:host.multi-raw-display .text{padding-left:5px}:host.multi-raw-display .text .sub-text-container{display:block;font-size:12px;color:#678099}:host.multi-raw-display .text .sub-text-container fusion-icon.sub-text-icon{margin-right:5px;vertical-align:text-top}:host.multi-raw-display .text .sub-text-container fusion-icon.sub-text-icon ::ng-deep svg{width:12px;height:12px}:host.multi-raw-display .text .sub-text-container fusion-icon.sub-text-icon ::ng-deep svg *{fill:var(--light-color-700, #95A6B8)}:host.multi-raw-display ::ng-deep .is-id{color:inherit!important}:host fusion-icon[class^=status-dots]{margin-right:6px}:host fusion-icon[class^=status-dots] ::ng-deep svg{width:9px;height:9px}:host fusion-icon[class^=status-dots] ::ng-deep svg *{fill:var(--neutral-color-700, #FF9403)}:host-context(.is-dropdown.is-icon-right-position),:host-context(.is-tags-holder.is-icon-right-position){position:relative;padding-right:22px}:host-context(.is-dropdown.is-icon-right-position) fusion-icon.icon,:host-context(.is-tags-holder.is-icon-right-position) fusion-icon.icon{position:absolute;right:10px;top:11px}:host-context(.is-dropdown.is-icon-right-position) fusion-icon.icon ::ng-deep svg,:host-context(.is-tags-holder.is-icon-right-position) fusion-icon.icon ::ng-deep svg{width:12px;height:12px}:host-context(.is-dropdown.is-icon-right-position) fusion-icon.icon ::ng-deep svg *,:host-context(.is-tags-holder.is-icon-right-position) fusion-icon.icon ::ng-deep svg *{fill:var(--light-color-600, #C2CDD7)}:host-context(li.option.is-selected){border-left:solid 3px var(--primary-color, #3091F6);box-sizing:border-box;padding-left:10px}:host-context(li.option.is-focused) dropdown-option.component.ts{background:var(--light-color-100, #F9FAFB)}:host-context(li.option.is-disabled){color:var(--light-color-800, #678099)}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownOptionComponent, { className: "DropdownOptionComponent", filePath: "dropdown-option.component.ts", lineNumber: 10 }); })();
//# sourceMappingURL=data:application/json;base64, 