import { AlRoute } from '@al/core';
import { Component, EventEmitter, Input, Output, Renderer2, ViewChild, } from '@angular/core';
import { Sidebar } from 'primeng-lts/sidebar';
import { AlManageExperienceService } from '../../services/al-manage-experience.service';
import { AlNavigationService } from '../../services/al-navigation.service';
import * as i0 from "@angular/core";
import * as i1 from "../../services/al-navigation.service";
import * as i2 from "../../services/al-manage-experience.service";
import * as i3 from "primeng-lts/sidebar";
import * as i4 from "../menu-trigger/al-menu-trigger.component";
import * as i5 from "@angular/common";
const _c0 = ["navSideBar"];
function AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_div_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div");
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const menuItem_r4 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(menuItem_r4.caption);
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_a_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "a", 17);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const menuItem_r4 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵproperty("href", menuItem_r4.href, i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(menuItem_r4.caption);
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_div_7_ng_template_1_div_0_Template(rf, ctx) { if (rf & 1) {
    const _r16 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 20);
    i0.ɵɵelementStart(1, "span", 21);
    i0.ɵɵlistener("click", function AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_div_7_ng_template_1_div_0_Template_span_click_1_listener($event) { i0.ɵɵrestoreView(_r16); const childItem_r12 = i0.ɵɵnextContext().$implicit; const ctx_r14 = i0.ɵɵnextContext(5); return ctx_r14.dispatch(childItem_r12, $event); });
    i0.ɵɵelementStart(2, "a", 22);
    i0.ɵɵtext(3);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const childItem_r12 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵclassProp("active", childItem_r12.activated);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("href", childItem_r12.href, i0.ɵɵsanitizeUrl)("target", childItem_r12.properties.target ? childItem_r12.properties.target : "");
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(childItem_r12.caption);
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_div_7_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_div_7_ng_template_1_div_0_Template, 4, 5, "div", 19);
} if (rf & 2) {
    const childItem_r12 = ctx.$implicit;
    i0.ɵɵproperty("ngIf", childItem_r12.visible && !childItem_r12.properties.isHeaderAction);
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_div_7_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 18);
    i0.ɵɵtemplate(1, AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_div_7_ng_template_1_Template, 1, 1, "ng-template", 8);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const menuItem_r4 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵproperty("hidden", !menuItem_r4.properties.expanded);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", menuItem_r4.children);
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_Template(rf, ctx) { if (rf & 1) {
    const _r21 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 11);
    i0.ɵɵelementStart(1, "div", 12);
    i0.ɵɵlistener("click", function AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r21); const menuItem_r4 = i0.ɵɵnextContext().$implicit; const ctx_r19 = i0.ɵɵnextContext(2); return ctx_r19.dispatchParent(menuItem_r4, $event); });
    i0.ɵɵelementStart(2, "i", 13);
    i0.ɵɵtext(3);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(4, "span");
    i0.ɵɵtemplate(5, AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_div_5_Template, 2, 1, "div", 14);
    i0.ɵɵtemplate(6, AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_a_6_Template, 2, 2, "a", 15);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(7, AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_div_7_Template, 2, 2, "div", 16);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const menuItem_r4 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance(1);
    i0.ɵɵclassProp("highlight", menuItem_r4.caption === "Dashboards");
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(menuItem_r4.properties.iconClass);
    i0.ɵɵadvance(1);
    i0.ɵɵclassProp("active", menuItem_r4.activated);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !menuItem_r4.href);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", menuItem_r4.href);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", menuItem_r4.children);
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, AlArchipeligo19SidenavComponent_div_5_ng_template_2_div_0_Template, 8, 8, "div", 10);
} if (rf & 2) {
    const menuItem_r4 = ctx.$implicit;
    i0.ɵɵproperty("ngIf", menuItem_r4.visible && !menuItem_r4.properties.atEndSideNav && !menuItem_r4.properties.isHeaderAction);
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_4_div_0_4_ng_template_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtext(0);
} if (rf & 2) {
    const menuItem_r23 = i0.ɵɵnextContext(3).$implicit;
    i0.ɵɵtextInterpolate(menuItem_r23.caption);
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_4_div_0_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, AlArchipeligo19SidenavComponent_div_5_ng_template_4_div_0_4_ng_template_0_Template, 1, 1, "ng-template");
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_4_div_0_a_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "a", 17);
    i0.ɵɵtext(1);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const menuItem_r23 = i0.ɵɵnextContext(2).$implicit;
    i0.ɵɵproperty("href", menuItem_r23.href, i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(menuItem_r23.caption);
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_4_div_0_Template(rf, ctx) { if (rf & 1) {
    const _r32 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div", 24);
    i0.ɵɵelementStart(1, "i", 13);
    i0.ɵɵtext(2);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "span", 21);
    i0.ɵɵlistener("click", function AlArchipeligo19SidenavComponent_div_5_ng_template_4_div_0_Template_span_click_3_listener($event) { i0.ɵɵrestoreView(_r32); const menuItem_r23 = i0.ɵɵnextContext().$implicit; const ctx_r30 = i0.ɵɵnextContext(2); return ctx_r30.dispatch(menuItem_r23, $event, true); });
    i0.ɵɵtemplate(4, AlArchipeligo19SidenavComponent_div_5_ng_template_4_div_0_4_Template, 1, 0, undefined, 14);
    i0.ɵɵtemplate(5, AlArchipeligo19SidenavComponent_div_5_ng_template_4_div_0_a_5_Template, 2, 2, "a", 15);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const menuItem_r23 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(menuItem_r23.properties.iconClass);
    i0.ɵɵadvance(1);
    i0.ɵɵclassProp("active", menuItem_r23.activated);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", !menuItem_r23.href);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", menuItem_r23.href);
} }
function AlArchipeligo19SidenavComponent_div_5_ng_template_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵtemplate(0, AlArchipeligo19SidenavComponent_div_5_ng_template_4_div_0_Template, 6, 5, "div", 23);
} if (rf & 2) {
    const menuItem_r23 = ctx.$implicit;
    i0.ɵɵproperty("ngIf", menuItem_r23.visible && menuItem_r23.properties.atEndSideNav);
} }
function AlArchipeligo19SidenavComponent_div_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 6);
    i0.ɵɵelementStart(1, "div", 7);
    i0.ɵɵtemplate(2, AlArchipeligo19SidenavComponent_div_5_ng_template_2_Template, 1, 1, "ng-template", 8);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "div", 9);
    i0.ɵɵtemplate(4, AlArchipeligo19SidenavComponent_div_5_ng_template_4_Template, 1, 1, "ng-template", 8);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", ctx_r1.menu.children);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", ctx_r1.menu.children);
} }
const _c1 = function () { return { width: "280px" }; };
export class AlArchipeligo19SidenavComponent {
    constructor(alNavigation, alManageExperience, renderer) {
        this.alNavigation = alNavigation;
        this.alManageExperience = alManageExperience;
        this.renderer = renderer;
        this.displayNav = false; // See al-nav-header toggle button click handling, this should be based on value from a service (observable)
        this.menu = null;
        this.displayNavChange = new EventEmitter();
        this.onHide = new EventEmitter();
        this.toggleButtonClick = new EventEmitter();
    }
    ngOnChanges(changes) {
        if (changes.hasOwnProperty("menu")) {
            this.expandActivatedItems();
        }
        if (changes.hasOwnProperty("displayNav")) {
            const display = changes['displayNav'];
            if (!display.firstChange && !display.currentValue) {
                this.destroyMask();
            }
        }
    }
    ngAfterViewInit() {
        this.bindDocumentEscapeListener();
    }
    dispatch(route, $event, closeNav = false) {
        if ($event) {
            $event.preventDefault();
        }
        // open in a new tab if user using the combo: (CMD + click)  or (Ctrl + click) or (middle click)
        if ($event.metaKey || $event.ctrlKey || $event.button === 1) {
            return window.open(route.href, '_blank');
        }
        route.dispatch();
        if (!route.children || route.parent.caption !== "primary" || closeNav || route.caption === 'Dashboards') {
            this.displayNav = false;
            this.destroyMask();
            this.displayNavChange.emit(false);
        }
        return true;
    }
    dispatchParent(route, $event) {
        if ($event) {
            $event.preventDefault();
        }
        let visibleChildren = route.children.reduce((alpha, child) => alpha || child.visible, false);
        if (visibleChildren && route.caption !== "Dashboards") {
            if (!route.getProperty('expanded', false)) {
                // Expose children
                route.setProperty('expanded', true);
            }
            else {
                // Unexposed children
                route.setProperty('expanded', false);
            }
        }
        else {
            //  Children already exposed, just dispatch!
            this.dispatch(route, $event);
        }
    }
    expandActivatedItems() {
        if (!this.menu) {
            return;
        }
        const expander = (route) => {
            if (route.activated) {
                route.setProperty("expanded", true);
                route.children.forEach(expander);
            }
        };
        expander(this.menu);
    }
    bindDocumentEscapeListener() {
        this.documentEscapeListener = this.renderer.listen('document', 'keydown', (event) => {
            if (event.which === 27 && this.displayNav) {
                this.displayNav = false;
                this.displayNavChange.emit(false);
            }
        });
    }
    hideSideBar() {
        this.onHide.emit(true);
    }
    destroyMask() {
        if (this.navSideBar.mask) {
            this.navSideBar.disableModality();
        }
    }
    toggleClick() {
        this.toggleButtonClick.emit();
    }
}
/** @nocollapse */ AlArchipeligo19SidenavComponent.ɵfac = function AlArchipeligo19SidenavComponent_Factory(t) { return new (t || AlArchipeligo19SidenavComponent)(i0.ɵɵdirectiveInject(i1.AlNavigationService), i0.ɵɵdirectiveInject(i2.AlManageExperienceService), i0.ɵɵdirectiveInject(i0.Renderer2)); };
/** @nocollapse */ AlArchipeligo19SidenavComponent.ɵcmp = i0.ɵɵdefineComponent({ type: AlArchipeligo19SidenavComponent, selectors: [["al-archipeligo19-sidenav"]], viewQuery: function AlArchipeligo19SidenavComponent_Query(rf, ctx) { if (rf & 1) {
        i0.ɵɵviewQuery(_c0, true);
    } if (rf & 2) {
        var _t;
        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.navSideBar = _t.first);
    } }, inputs: { displayNav: "displayNav", menu: "menu" }, outputs: { displayNavChange: "displayNavChange", onHide: "onHide", toggleButtonClick: "toggleButtonClick" }, features: [i0.ɵɵNgOnChangesFeature], decls: 6, vars: 10, consts: [["styleClass", "al-sidenav", 3, "visible", "modal", "showCloseIcon", "baseZIndex", "autoZIndex", "dismissible", "visibleChange", "onHide"], ["navSideBar", ""], [1, "sidenav-container"], [1, "al-sidenav-sticky-header"], [3, "toggleButtonClick"], ["class", "sidenav-items", 4, "ngIf"], [1, "sidenav-items"], [1, "top-items"], ["ngFor", "", 3, "ngForOf"], [1, "bottom-elements"], ["class", "menu-item-container", 4, "ngIf"], [1, "menu-item-container"], [1, "menu-item-parent", 3, "click"], [1, "material-icons"], [4, "ngIf"], [3, "href", 4, "ngIf"], ["class", "menu-item-children-container", 3, "hidden", 4, "ngIf"], [3, "href"], [1, "menu-item-children-container", 3, "hidden"], ["class", "menu-item-child", 3, "active", 4, "ngIf"], [1, "menu-item-child"], [3, "click"], [3, "href", "target"], ["class", "menu-item-parent", 4, "ngIf"], [1, "menu-item-parent"]], template: function AlArchipeligo19SidenavComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵelementStart(0, "p-sidebar", 0, 1);
        i0.ɵɵlistener("visibleChange", function AlArchipeligo19SidenavComponent_Template_p_sidebar_visibleChange_0_listener($event) { return ctx.menu && ctx.menu.visible && (ctx.displayNav = $event); })("onHide", function AlArchipeligo19SidenavComponent_Template_p_sidebar_onHide_0_listener() { return ctx.hideSideBar(); });
        i0.ɵɵelementStart(2, "div", 2);
        i0.ɵɵelementStart(3, "div", 3);
        i0.ɵɵelementStart(4, "al-menu-trigger", 4);
        i0.ɵɵlistener("toggleButtonClick", function AlArchipeligo19SidenavComponent_Template_al_menu_trigger_toggleButtonClick_4_listener() { return ctx.toggleClick(); });
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
        i0.ɵɵtemplate(5, AlArchipeligo19SidenavComponent_div_5_Template, 5, 2, "div", 5);
        i0.ɵɵelementEnd();
        i0.ɵɵelementEnd();
    } if (rf & 2) {
        i0.ɵɵstyleMap(i0.ɵɵpureFunction0(9, _c1));
        i0.ɵɵproperty("visible", ctx.menu && ctx.menu.visible && ctx.displayNav)("modal", true)("showCloseIcon", false)("baseZIndex", 1000)("autoZIndex", false)("dismissible", true);
        i0.ɵɵadvance(5);
        i0.ɵɵproperty("ngIf", ctx.menu && ctx.menu.visible);
    } }, directives: [i3.Sidebar, i4.AlArchipeligo19MenuTriggerComponent, i5.NgIf, i5.NgForOf], styles: [".al-sidenav{background-color:#fff;padding:0;box-shadow:5.5px 0 5px 0 rgba(0,0,0,.24);width:280px;bottom:0;top:0;height:auto;box-shadow:3px 1px 5px 0 rgba(0,0,0,.24);border:0;z-index:1001}[_nghost-%COMP%]     .p-sidebar-content{height:100%}.al-sidenav-sticky-header[_ngcontent-%COMP%]{position:-webkit-sticky;position:sticky;left:0;width:100%}.sidenav-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;font-size:var(--ald-g-text-sm);line-height:var(--ald-g-leading-sm);color:var(--ald-g-color-gray-700)}.sidenav-container[_ngcontent-%COMP%]   .sidenav-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:flex-start;height:60px;border-bottom:1px solid rgba(0,0,0,.16);padding-left:24px}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]{height:100%;overflow-y:auto;overflow-x:hidden;display:grid}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .bottom-border[_ngcontent-%COMP%]{border-bottom:1px solid #ededed}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .bottom-elements[_ngcontent-%COMP%]{margin-bottom:10px;margin-top:auto}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%]{display:flex;align-items:center;padding:10px 20px}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%]:hover{background-color:#ededed;cursor:pointer}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-parent.active[_ngcontent-%COMP%]{font-weight:600}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{margin-left:12px}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]:hover{cursor:pointer}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{text-decoration:none;color:inherit}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:24px}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%] > .active[_ngcontent-%COMP%]{font-weight:600}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-parent.highlight[_ngcontent-%COMP%]{border-bottom:1px solid #cbcbcb}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]{position:relative}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%]{height:36px;display:flex}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%]{position:relative;display:flex;height:100%;width:100%}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{display:flex;width:100%;height:36px;align-items:center;text-decoration:none;color:inherit;padding-left:56px}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover:before{background-color:#535353}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child.active[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]{font-weight:600}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:before{content:\"\";position:absolute;top:0;left:30px;width:3px;height:36px;background-color:#cbcbcb}.sidenav-container[_ngcontent-%COMP%]   .sidenav-items[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child.active[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:before{background-color:#535353}.darkMode[_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%], .darkMode   [_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]{background-color:#3c3c3c;color:#ededed}.darkMode[_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%]:hover, .darkMode   [_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%]:hover{background-color:#535353;color:#fff}.darkMode[_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:before, .darkMode   [_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:before{background-color:#535353}.darkMode[_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover, .darkMode   [_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover{color:#fff}.darkMode[_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover:before, .darkMode   [_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover:before{background-color:#fff}.blueMode[_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%], .blueMode   [_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]{background-color:#2a3849;color:#ededed}.blueMode[_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%]:hover, .blueMode   [_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-parent[_ngcontent-%COMP%]:hover{background-color:#324153;color:#fff}.blueMode[_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:before, .blueMode   [_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:before{background-color:#7e95b1}.blueMode[_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover, .blueMode   [_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover{color:#fff}.blueMode[_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover:before, .blueMode   [_nghost-%COMP%]   .sidenav-container[_ngcontent-%COMP%]   .menu-item-children-container[_ngcontent-%COMP%]   .menu-item-child[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] > a[_ngcontent-%COMP%]:hover:before{background-color:#fff}"] });
/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(AlArchipeligo19SidenavComponent, [{
        type: Component,
        args: [{
                selector: 'al-archipeligo19-sidenav',
                templateUrl: './al-archipeligo19-sidenav.component.html',
                styleUrls: ['./al-archipeligo19-sidenav.component.scss']
            }]
    }], function () { return [{ type: i1.AlNavigationService }, { type: i2.AlManageExperienceService }, { type: i0.Renderer2 }]; }, { displayNav: [{
            type: Input
        }], menu: [{
            type: Input
        }], displayNavChange: [{
            type: Output
        }], onHide: [{
            type: Output
        }], navSideBar: [{
            type: ViewChild,
            args: ["navSideBar", { static: false }]
        }], toggleButtonClick: [{
            type: Output
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 