import { ChangeDetectionStrategy, Component } from '@angular/core';
import { DropdownOptionsListBaseComponent } from '@ironsource/fusion-ui/components/dropdown-options-list/common/base';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ironsource/fusion-ui/components/dropdown-option/v2";
function DropdownOptionsListComponent_ng_container_0_li_1_Template(rf, ctx) { if (rf & 1) {
    const _r1 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "li", 3);
    i0.ɵɵlistener("click", function DropdownOptionsListComponent_ng_container_0_li_1_Template_li_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const option_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onChangeSelected(option_r2, $event)); });
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const option_r2 = i0.ɵɵnextContext().$implicit;
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵproperty("fusionDropdownOption", option_r2)("isMultiRawDisplay", ctx_r2.isMultiRawDisplay)("mappingOptions", ctx_r2.mappingOptions)("optionCloseIcon", ctx_r2.optionCloseIcon)("ngClass", ctx_r2.getOptionClasses(option_r2))("lastSearchValue", ctx_r2.lastSearchValue)("optionRightHoverText", ctx_r2.optionRightHoverText);
    i0.ɵɵattribute("data-optionId", option_r2.id);
} }
function DropdownOptionsListComponent_ng_container_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "li", 4)(1, "div", 5);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const option_r2 = i0.ɵɵnextContext().$implicit;
    const ctx_r2 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate1(" ", ctx_r2.dropdownService.optionToString(option_r2), " ");
} }
function DropdownOptionsListComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, DropdownOptionsListComponent_ng_container_0_li_1_Template, 1, 8, "li", 2)(2, DropdownOptionsListComponent_ng_container_0_ng_template_2_Template, 3, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const option_r2 = ctx.$implicit;
    const groupOption_r4 = i0.ɵɵreference(3);
    i0.ɵɵadvance();
    i0.ɵɵproperty("ngIf", !option_r2.isGroup)("ngIfElse", groupOption_r4);
} }
export class DropdownOptionsListComponent extends DropdownOptionsListBaseComponent {
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDropdownOptionsListComponent_BaseFactory; return function DropdownOptionsListComponent_Factory(__ngFactoryType__) { return (ɵDropdownOptionsListComponent_BaseFactory || (ɵDropdownOptionsListComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DropdownOptionsListComponent)))(__ngFactoryType__ || DropdownOptionsListComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DropdownOptionsListComponent, selectors: [["fusion-dropdown-options-list"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["groupOption", ""], [4, "ngFor", "ngForOf"], [3, "fusionDropdownOption", "isMultiRawDisplay", "mappingOptions", "optionCloseIcon", "ngClass", "lastSearchValue", "optionRightHoverText", "click", 4, "ngIf", "ngIfElse"], [3, "click", "fusionDropdownOption", "isMultiRawDisplay", "mappingOptions", "optionCloseIcon", "ngClass", "lastSearchValue", "optionRightHoverText"], [1, "option"], [1, "is-dd-group"]], template: function DropdownOptionsListComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵtemplate(0, DropdownOptionsListComponent_ng_container_0_Template, 4, 2, "ng-container", 1);
        } if (rf & 2) {
            i0.ɵɵproperty("ngForOf", ctx.displayedOptions);
        } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2.DropdownOptionDirective], styles: ["[_nghost-%COMP%]   .option[_ngcontent-%COMP%]   .is-dd-group[_ngcontent-%COMP%]{font-size:11px;font-family:NHaasGroteskDSPro-65Md,sans-serif;font-weight:400;letter-spacing:.25px}[_nghost-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}[_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}[_nghost-%COMP%]   .option[_ngcontent-%COMP%]   .is-dd-group[_ngcontent-%COMP%]{text-transform:uppercase;color:var(--fu-light-900, #7b838c);background-color:var(--fu-light-200, #f0f1f2);border-radius:4px;cursor:default;padding:3px 8px;display:block;height:24px;margin:4px 0}[_nghost-%COMP%]   li[_ngcontent-%COMP%]:first-child.option   .is-dd-group[_ngcontent-%COMP%]{margin-top:0}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DropdownOptionsListComponent, [{
        type: Component,
        args: [{ selector: 'fusion-dropdown-options-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngFor=\"let option of displayedOptions; index as i\">\n    <li *ngIf=\"!option.isGroup; else groupOption\"\n        [fusionDropdownOption]=\"option\"\n        [isMultiRawDisplay]=\"isMultiRawDisplay\"\n        [mappingOptions]=\"mappingOptions\"\n        [optionCloseIcon]=\"optionCloseIcon\"\n        (click)=\"onChangeSelected(option, $event)\"\n        [ngClass]=\"getOptionClasses(option)\"\n        [lastSearchValue]=\"lastSearchValue\"\n        [optionRightHoverText]=\"optionRightHoverText\"\n        [attr.data-optionId]=\"option.id\"></li>\n    <ng-template #groupOption>\n        <li class=\"option\">\n            <div class=\"is-dd-group\">\n                {{dropdownService.optionToString(option)}}\n            </div>\n        </li>\n    </ng-template>\n</ng-container>\n", styles: [":host .option .is-dd-group{font-size:11px;font-family:NHaasGroteskDSPro-65Md,sans-serif;font-weight:400;letter-spacing:.25px}:host *{box-sizing:border-box}:host ul,:host ol{padding:0;margin:0}:host ul li,:host ol li{list-style:none}:host .option .is-dd-group{text-transform:uppercase;color:var(--fu-light-900, #7b838c);background-color:var(--fu-light-200, #f0f1f2);border-radius:4px;cursor:default;padding:3px 8px;display:block;height:24px;margin:4px 0}:host li:first-child.option .is-dd-group{margin-top:0}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DropdownOptionsListComponent, { className: "DropdownOptionsListComponent", filePath: "dropdown-options-list.component.ts", lineNumber: 10 }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tb3B0aW9ucy1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Z1c2lvbi11aS9jb21wb25lbnRzL2Ryb3Bkb3duLW9wdGlvbnMtbGlzdC92Mi9kcm9wZG93bi1vcHRpb25zLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZnVzaW9uLXVpL2NvbXBvbmVudHMvZHJvcGRvd24tb3B0aW9ucy1saXN0L2NvbW1vbi9iYXNlL2Ryb3Bkb3duLW9wdGlvbnMtbGlzdC5iYXNlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFDLGdDQUFnQyxFQUFDLE1BQU0sb0VBQW9FLENBQUM7Ozs7OztJQ0FoSCw2QkFTcUM7SUFKakMsd1BBQVMsMENBQWdDLEtBQUM7SUFJVCxpQkFBSzs7OztJQUR0QyxBQURBLEFBREEsQUFGQSxBQURBLEFBREEsQUFEQSxnREFBK0IsK0NBQ1EseUNBQ04sMkNBQ0UsK0NBRUMsMkNBQ0QscURBQ1U7Ozs7SUFJekMsQUFESiw2QkFBbUIsYUFDVTtJQUNyQixZQUNKO0lBQ0osQUFESSxpQkFBTSxFQUNMOzs7O0lBRkcsZUFDSjtJQURJLGlGQUNKOzs7SUFmWiw2QkFBa0U7SUFXOUQsQUFWQSwwRkFTcUMsZ0lBQ1g7Ozs7O0lBVnJCLGNBQXVCO0lBQUEsQUFBdkIseUNBQXVCLDRCQUFnQjs7QURRaEQsTUFBTSxPQUFPLDRCQUE2QixTQUFRLGdDQUFnQztvU0FBckUsNEJBQTRCLHlCQUE1Qiw0QkFBNEI7b0VBQTVCLDRCQUE0QjtZQ1R6QywrRkFBa0U7O1lBQWpDLDhDQUFxQjs7O2lGRFN6Qyw0QkFBNEI7Y0FOeEMsU0FBUzsyQkFDSSw4QkFBOEIsbUJBR3ZCLHVCQUF1QixDQUFDLE1BQU07O2tGQUV0Qyw0QkFBNEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtEcm9wZG93bk9wdGlvbnNMaXN0QmFzZUNvbXBvbmVudH0gZnJvbSAnQGlyb25zb3VyY2UvZnVzaW9uLXVpL2NvbXBvbmVudHMvZHJvcGRvd24tb3B0aW9ucy1saXN0L2NvbW1vbi9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmdXNpb24tZHJvcGRvd24tb3B0aW9ucy1saXN0JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4uL2NvbW1vbi9iYXNlL2Ryb3Bkb3duLW9wdGlvbnMtbGlzdC5iYXNlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi1vcHRpb25zLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEcm9wZG93bk9wdGlvbnNMaXN0Q29tcG9uZW50IGV4dGVuZHMgRHJvcGRvd25PcHRpb25zTGlzdEJhc2VDb21wb25lbnQge31cbiIsIjxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBkaXNwbGF5ZWRPcHRpb25zOyBpbmRleCBhcyBpXCI+XG4gICAgPGxpICpuZ0lmPVwiIW9wdGlvbi5pc0dyb3VwOyBlbHNlIGdyb3VwT3B0aW9uXCJcbiAgICAgICAgW2Z1c2lvbkRyb3Bkb3duT3B0aW9uXT1cIm9wdGlvblwiXG4gICAgICAgIFtpc011bHRpUmF3RGlzcGxheV09XCJpc011bHRpUmF3RGlzcGxheVwiXG4gICAgICAgIFttYXBwaW5nT3B0aW9uc109XCJtYXBwaW5nT3B0aW9uc1wiXG4gICAgICAgIFtvcHRpb25DbG9zZUljb25dPVwib3B0aW9uQ2xvc2VJY29uXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2hhbmdlU2VsZWN0ZWQob3B0aW9uLCAkZXZlbnQpXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiZ2V0T3B0aW9uQ2xhc3NlcyhvcHRpb24pXCJcbiAgICAgICAgW2xhc3RTZWFyY2hWYWx1ZV09XCJsYXN0U2VhcmNoVmFsdWVcIlxuICAgICAgICBbb3B0aW9uUmlnaHRIb3ZlclRleHRdPVwib3B0aW9uUmlnaHRIb3ZlclRleHRcIlxuICAgICAgICBbYXR0ci5kYXRhLW9wdGlvbklkXT1cIm9wdGlvbi5pZFwiPjwvbGk+XG4gICAgPG5nLXRlbXBsYXRlICNncm91cE9wdGlvbj5cbiAgICAgICAgPGxpIGNsYXNzPVwib3B0aW9uXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaXMtZGQtZ3JvdXBcIj5cbiAgICAgICAgICAgICAgICB7e2Ryb3Bkb3duU2VydmljZS5vcHRpb25Ub1N0cmluZyhvcHRpb24pfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2xpPlxuICAgIDwvbmctdGVtcGxhdGU+XG48L25nLWNvbnRhaW5lcj5cbiJdfQ==