import { ChangeDetectionStrategy, Component } from '@angular/core';
import { MenuBaseComponent } from '@ironsource/fusion-ui/components/menu/common/base';
import * as i0 from "@angular/core";
import * as i1 from "./components/menu-list/menu-list.component";
export class MenuComponent extends MenuBaseComponent {
    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵMenuComponent_BaseFactory; return function MenuComponent_Factory(t) { return (ɵMenuComponent_BaseFactory || (ɵMenuComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MenuComponent)))(t || MenuComponent); }; })(); }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MenuComponent, selectors: [["fusion-menu"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[1, "main-menu-wrapper", 3, "mouseleave", "mouseenter"], [3, "menuItems", "routeChanged", "menuItemClicked", "menuAdditionalItemClicked"]], template: function MenuComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0);
            i0.ɵɵlistener("mouseleave", function MenuComponent_Template_div_mouseleave_0_listener($event) { return ctx.mouseLeave.emit($event); })("mouseenter", function MenuComponent_Template_div_mouseenter_0_listener($event) { return ctx.mouseEnter.emit($event); });
            i0.ɵɵelementStart(1, "fusion-menu-list", 1);
            i0.ɵɵlistener("routeChanged", function MenuComponent_Template_fusion_menu_list_routeChanged_1_listener() { return ctx.routeChanged.emit(); })("menuItemClicked", function MenuComponent_Template_fusion_menu_list_menuItemClicked_1_listener($event) { return ctx.menuItemClicked.emit($event); })("menuAdditionalItemClicked", function MenuComponent_Template_fusion_menu_list_menuAdditionalItemClicked_1_listener($event) { return ctx.menuAdditionalItemClicked.emit($event); });
            i0.ɵɵelementEnd()();
        } if (rf & 2) {
            i0.ɵɵadvance();
            i0.ɵɵproperty("menuItems", ctx.menuItems);
        } }, dependencies: [i1.MenuListComponent], styles: ["[_nghost-%COMP%]   .main-menu-wrapper[_ngcontent-%COMP%]{position:absolute;z-index:3008;top:var(--menu-header-height, 60px);left:0;background-color:var(--layout-background-color, var(--dark-color-400, #112239));color:#fff;overflow-y:auto;height:calc(100vh - var(--header-padding-small, 6px) - var(--menu-header-height, 60px))}@media (max-width: 1023.98px){.collapsed[_nghost-%COMP%]   .main-menu-wrapper[_ngcontent-%COMP%]{display:none}}@media (min-width: 1280px){.collapsed[_nghost-%COMP%]   .main-menu-wrapper.opened[_ngcontent-%COMP%]{box-shadow:3px 0 5px #0000004d}}@media (min-width: 1024px) and (max-width: 1279.98px){.collapsed[_nghost-%COMP%]   .main-menu-wrapper[_ngcontent-%COMP%]{display:none}}@media (min-width: 1280px){[_nghost-%COMP%]   .main-menu-wrapper[_ngcontent-%COMP%]{top:calc(var(--menu-header-height, 60px) + 5px)}}@media (min-width: 1920px){[_nghost-%COMP%]   .main-menu-wrapper[_ngcontent-%COMP%]{top:calc(var(--menu-header-height, 60px) + var(--header-padding-large, 50px));height:calc(100vh - var(--menu-header-height, 60px) - var(--header-padding-large, 50px))}}@media (max-width: 1023.98px){[_nghost-%COMP%]   .main-menu-wrapper[_ngcontent-%COMP%]{display:block;width:100%;top:var(--mobile-header-height, 50px);bottom:0;overflow:scroll;height:calc(100vh + var(--header-padding-desktop, 44px));position:absolute}}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MenuComponent, [{
        type: Component,
        args: [{ selector: 'fusion-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"main-menu-wrapper\"\n    (mouseleave)=\"mouseLeave.emit($event)\"\n    (mouseenter)=\"mouseEnter.emit($event)\"\n>\n\n    <fusion-menu-list\n        (routeChanged)=\"routeChanged.emit()\"\n        [menuItems]=\"menuItems\"\n        (menuItemClicked)=\"menuItemClicked.emit($event)\"\n        (menuAdditionalItemClicked)=\"menuAdditionalItemClicked.emit($event)\"\n    ></fusion-menu-list>\n</div>\n", styles: [":host .main-menu-wrapper{position:absolute;z-index:3008;top:var(--menu-header-height, 60px);left:0;background-color:var(--layout-background-color, var(--dark-color-400, #112239));color:#fff;overflow-y:auto;height:calc(100vh - var(--header-padding-small, 6px) - var(--menu-header-height, 60px))}@media (max-width: 1023.98px){:host.collapsed .main-menu-wrapper{display:none}}@media (min-width: 1280px){:host.collapsed .main-menu-wrapper.opened{box-shadow:3px 0 5px #0000004d}}@media (min-width: 1024px) and (max-width: 1279.98px){:host.collapsed .main-menu-wrapper{display:none}}@media (min-width: 1280px){:host .main-menu-wrapper{top:calc(var(--menu-header-height, 60px) + 5px)}}@media (min-width: 1920px){:host .main-menu-wrapper{top:calc(var(--menu-header-height, 60px) + var(--header-padding-large, 50px));height:calc(100vh - var(--menu-header-height, 60px) - var(--header-padding-large, 50px))}}@media (max-width: 1023.98px){:host .main-menu-wrapper{display:block;width:100%;top:var(--mobile-header-height, 50px);bottom:0;overflow:scroll;height:calc(100vh + var(--header-padding-desktop, 44px));position:absolute}}\n"] }]
    }], null, null); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MenuComponent, { className: "MenuComponent", filePath: "menu.component.ts", lineNumber: 10 }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mdXNpb24tdWkvY29tcG9uZW50cy9tZW51L3YxL21lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZnVzaW9uLXVpL2NvbXBvbmVudHMvbWVudS9jb21tb24vYmFzZS9tZW51LmJhc2UuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLHVCQUF1QixFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxtREFBbUQsQ0FBQzs7O0FBUXBGLE1BQU0sT0FBTyxhQUFjLFNBQVEsaUJBQWlCO3dOQUF2QyxhQUFhLFNBQWIsYUFBYTtvRUFBYixhQUFhO1lDVDFCLDhCQUdDO1lBRkcsdUdBQWMsMkJBQXVCLElBQUMsMEZBQ3hCLDJCQUF1QixJQURDO1lBSXRDLDJDQUtDO1lBSkcsa0hBQWdCLHVCQUFtQixJQUFDLGlIQUVqQixnQ0FBNEIsSUFGWCxxSUFHUCwwQ0FBc0MsSUFIL0I7WUFJdkMsaUJBQW1CLEVBQUE7O1lBSGhCLGNBQXVCO1lBQXZCLHlDQUF1Qjs7O2lGREVsQixhQUFhO2NBTnpCLFNBQVM7MkJBQ0ksYUFBYSxtQkFHTix1QkFBdUIsQ0FBQyxNQUFNOztrRkFFdEMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge01lbnVCYXNlQ29tcG9uZW50fSBmcm9tICdAaXJvbnNvdXJjZS9mdXNpb24tdWkvY29tcG9uZW50cy9tZW51L2NvbW1vbi9iYXNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdmdXNpb24tbWVudScsXG4gICAgdGVtcGxhdGVVcmw6ICcuLi9jb21tb24vYmFzZS9tZW51LmJhc2UuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL21lbnUuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBNZW51Q29tcG9uZW50IGV4dGVuZHMgTWVudUJhc2VDb21wb25lbnQge31cbiIsIjxkaXYgY2xhc3M9XCJtYWluLW1lbnUtd3JhcHBlclwiXG4gICAgKG1vdXNlbGVhdmUpPVwibW91c2VMZWF2ZS5lbWl0KCRldmVudClcIlxuICAgIChtb3VzZWVudGVyKT1cIm1vdXNlRW50ZXIuZW1pdCgkZXZlbnQpXCJcbj5cblxuICAgIDxmdXNpb24tbWVudS1saXN0XG4gICAgICAgIChyb3V0ZUNoYW5nZWQpPVwicm91dGVDaGFuZ2VkLmVtaXQoKVwiXG4gICAgICAgIFttZW51SXRlbXNdPVwibWVudUl0ZW1zXCJcbiAgICAgICAgKG1lbnVJdGVtQ2xpY2tlZCk9XCJtZW51SXRlbUNsaWNrZWQuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgKG1lbnVBZGRpdGlvbmFsSXRlbUNsaWNrZWQpPVwibWVudUFkZGl0aW9uYWxJdGVtQ2xpY2tlZC5lbWl0KCRldmVudClcIlxuICAgID48L2Z1c2lvbi1tZW51LWxpc3Q+XG48L2Rpdj5cbiJdfQ==