@openziti/ziti-console-lib 1.0.2 → 1.1.0

package/esm2022/lib/features/side-navigator/side-navigator.component.mjs

@@ -1,127 +0,0 @@
-import { Component, EventEmitter, Inject, Input } from '@angular/core';
-import { NavigationEnd } from '@angular/router';
-import { defer } from 'lodash-es';
-import { ZITI_NAVIGATOR } from "../../ziti-console.constants";
-import { filter } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/scrolling";
-export class SideNavigatorComponent {
-    constructor(router, currentNav) {
-        this.router = router;
-        this.currentNav = currentNav;
-        this.version = '';
-        this.currentNetwork = {};
-        this.navExpanded = true;
-        this.navHidden = false;
-        this.hideMenuNavBar = false;
-        this.betaFeaturesEnabled = false;
-        this.selectedNavItem = null;
-        this.showExpandCollapseIcon = false;
-        this.showExpandCollapseIconChange = new EventEmitter();
-    }
-    ngOnInit() {
-        // Set initial selected nav item based on current route
-        this.updateSelectedNavItem(this.router.url);
-        // Subscribe to router navigation events
-        this.routerSubscription = this.router.events.pipe(filter((event) => event instanceof NavigationEnd)).subscribe((event) => {
-            this.updateSelectedNavItem(event.urlAfterRedirects);
-        });
-    }
-    ngOnDestroy() {
-        if (this.routerSubscription) {
-            this.routerSubscription.unsubscribe();
-        }
-    }
-    updateSelectedNavItem(url) {
-        let bestMatch = null;
-        let bestMatchScore = -1;
-        for (const group of this.currentNav.groups) {
-            for (const item of group.menuItems) {
-                const matchScore = this.getRouteMatchScore(url, item);
-                if (matchScore > bestMatchScore) {
-                    bestMatchScore = matchScore;
-                    bestMatch = item;
-                }
-            }
-        }
-        this.selectedNavItem = bestMatch;
-    }
-    getRouteMatchScore(currentUrl, navItem) {
-        if (!navItem.route) {
-            return -1;
-        }
-        let highestScore = -1;
-        if (navItem.selectedRoutes && Array.isArray(navItem.selectedRoutes)) {
-            for (const route of navItem.selectedRoutes) {
-                const score = this.calculateMatchScore(currentUrl, route);
-                if (score > highestScore) {
-                    highestScore = score;
-                }
-            }
-        }
-        else {
-            highestScore = this.calculateMatchScore(currentUrl, navItem.route);
-        }
-        return highestScore;
-    }
-    calculateMatchScore(currentUrl, navRoute) {
-        const cleanUrl = currentUrl.split('?')[0].split('#')[0];
-        const normalizedUrl = cleanUrl.replace(/^\/|\/$/g, '');
-        const normalizedRoute = navRoute.replace(/^\/|\/$/g, '');
-        const urlSegments = normalizedUrl.split('/');
-        const routeSegments = normalizedRoute.split('/');
-        if (routeSegments.length > urlSegments.length) {
-            return -1;
-        }
-        const allSegmentsMatch = routeSegments.every((segment, index) => segment === urlSegments[index]);
-        if (!allSegmentsMatch) {
-            return -1; // No match
-        }
-        return routeSegments.length;
-    }
-    navItemSelected(navItem) {
-        return this.selectedNavItem === navItem;
-    }
-    isNavItemDisabled(navItem) {
-    }
-    doNavAction(event, navItem) {
-        const isCommandOrCtrl = event.metaKey || event.ctrlKey;
-        if (isCommandOrCtrl) {
-            // No-Op allow the native browser behavior (ie. open in new window)
-        }
-        else {
-            this.router.navigate([navItem.route]);
-            event.preventDefault();
-        }
-    }
-    showExpandCollapse(event) {
-        defer(() => {
-            this.showExpandCollapseIcon = true;
-            this.showExpandCollapseIconChange.emit(this.showExpandCollapseIcon);
-        });
-    }
-    hideExpandCollapse(event) {
-        this.showExpandCollapseIcon = false;
-        this.showExpandCollapseIconChange.emit(this.showExpandCollapseIcon);
-    }
-    toggleNavigationExpanded(event) {
-        this.navExpanded = !this.navExpanded;
-    }
-    get expandCollapseIconVisible() {
-        return this.showExpandCollapseIcon || !this.navExpanded;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavigatorComponent, deps: [{ token: i1.Router }, { token: ZITI_NAVIGATOR }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideNavigatorComponent, selector: "lib-side-navigator", inputs: { version: "version" }, ngImport: i0, template: "<div class=\"side-navigator-wrapper\">\n  <div [ngClass]=\"{ 'nav-expanded': navExpanded, 'nav-hiddnen': navHidden }\" class=\"side-navigator-container\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n    <div cdkScrollable class=\"side-navigator-menu-container\" [ngClass]=\"{'hide-menu-nav-bar': hideMenuNavBar}\">\n      <div *ngFor=\"let group of currentNav.groups\" class=\"side-navigator-menu-group\">\n        <span class=\"side-navigator-menu-group-label\">{{ group.label }}</span>\n        <div class=\"side-navigator-header-buffer\" *ngIf=\"group.headerBuffer\"></div>\n        <div *ngFor=\"let item of group.menuItems\" class=\"{{item.class}}\">\n          <a\n            *ngIf=\"(!item.isBetaFeature || (item.isBetaFeature && betaFeaturesEnabled))\"\n            class=\"side-navigator-menu-item {{ item.className }}\"\n            (click)=\"doNavAction($event, item)\"\n            [ngClass]=\"{\n              selected: navItemSelected(item),\n              disabled: isNavItemDisabled(item)\n            }\"\n            [title]=\"item.tooltip\"\n            [href]=\"'./'+item.route\"\n          >\n            <div class=\"side-navigator-menu-item-icon\">\n              <div class=\"image\" class=\"{{ item.iconClass }}\"></div>\n              <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n            </div>\n            <span class=\"side-navigator-menu-item-label\">\n              {{ item.label }}\n                <span class=\"side-navigator-menu-item-sublabel\">{{ item.sublabel }}</span>\n            </span>\n          </a>\n        </div>\n      </div>\n    </div>\n    <div class=\"side-navigator-footer-container\">\n      <div class=\"side-navigator-version-container\">\n        <div style=\"font-size: .875rem;\" class=\"networkInfo\" id=\"NetworkVersion\">\n          <span class=\"network-semver\">{{ version }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"expand-collapse-hitbox-container\" [ngClass]=\"{'expand-collapse-container-closed': !navExpanded}\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n    <div class=\"expand-collapse-icon icon-prev\" [ngClass]=\"{'expand-collapse-icon-visible': expandCollapseIconVisible}\" (click)=\"toggleNavigationExpanded($event)\"></div>\n  </div>\n</div>\n", styles: [".side-navigator-wrapper{display:flex;flex-direction:row;height:100%}[class*=\" icon-\"].image{font-family:icomoon!important}.side-navigator-container{position:relative;top:0;left:0rem;height:100%;width:1.25rem;bottom:-.625rem;padding-top:0;padding-bottom:0;background-color:var(--formBackground);transition:var(--transition);overflow-y:hidden;z-index:999;display:flex;flex-direction:column;margin-left:var(--sideBarMargin);box-shadow:var(--sideNavigatorBoxShadow);border:none}.side-navigator-container.nav-expanded{width:19.75rem;border-right-style:solid;border-right-color:var(--inputBorder);border-width:var(--navContainerBorderWidth);background-color:var(--mainBackground)}.side-navigator-container.nav-expanded .side-navigator-header-container,.side-navigator-container.nav-expanded .side-navigator-footer-container,.side-navigator-container.nav-expanded .side-navigator-menu-container{opacity:1}.side-navigator-container .side-navigator-header-container{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .625rem;padding-top:var(--navHeaderPadding);opacity:0}.side-navigator-container .side-navigator-header-container .app-name-title{font-family:Russo One;text-align:center;font-size:1.5rem;line-height:2.5rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark))}.side-navigator-container .side-navigator-header-container .list-area.search{padding-left:.625rem;padding-right:.625rem}.side-navigator-container .side-navigator-header-container .title{margin-top:.625rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark));font-size:1.75rem;font-family:Russo One;text-align:center;font-size:1.5rem;line-height:3.5rem;animation:_ngcontent-dev-c217_fadein 1s}.side-navigator-container .side-navigator-footer-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto;position:relative;max-height:5rem;opacity:0}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 auto;height:2.1875rem;max-height:2.1875rem;position:relative}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .zitiInfo,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .networkInfo{font-size:.75rem;font-weight:800}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{font-weight:900;margin-left:.1875rem;filter:brightness(.85)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{color:var(--primary)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver{color:#f4044d}.side-navigator-container .side-navigator-menu-container{display:flex;flex-direction:column;width:100%;max-width:19.6875rem!important;flex:1 1 auto;height:100%;padding-top:var(--paddingLarge);overflow-y:auto;opacity:0}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:.9375rem}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-group-label{margin-left:1.4375rem;color:var(--groupText);font-size:.875rem;position:relative;text-transform:uppercase;font-weight:600}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:3.3125rem;cursor:pointer;align-items:center;padding-left:var(--navItemPadding);margin-left:var(--navItemMargin);margin-right:var(--navItemMargin);border-radius:var(--inputBorderRadius)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--navItemSelectedColor);border-right-color:var(--secondaryColor);border-right-width:.25rem;border-right-style:none}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus-visible{background-color:var(--navItemSelectedColor)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled:hover{background-color:transparent}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus-visible{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:2.5rem;width:2.5rem;height:2.5rem;background-color:var(--mainBackground);border-radius:var(--inputBorderRadius);box-shadow:0 .1875rem .3125rem 1px var(--boxShadow);display:flex;align-items:center;justify-content:center;border-color:var(--mainBackground);border-width:.125rem;flex:1 0 auto;border-style:solid;font-size:1.875rem}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primaryColor)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label{color:var(--tableText);font-size:1rem;text-transform:unset;font-weight:600;text-align:left;font-family:Open Sans;width:100%;margin-bottom:0;margin-left:.9375rem;display:flex}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:.3125rem}.side-navigator-container .side-navigator-menu-container.hide-menu-nav-bar::-webkit-scrollbar{display:none}.side-navigator-container .headerNetworkList,.side-navigator-container .headerTenantList{height:11.375rem;overflow-y:scroll}.side-navigator-container .headerNetworkList .row,.side-navigator-container .headerTenantList .row{color:var(--white);font-size:.875rem;font-weight:600;line-height:1.875rem;padding-left:2.8125rem;cursor:pointer;height:2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative}.side-navigator-container .headerNetworkList .row.selected,.side-navigator-container .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans}.side-navigator-container .headerNetworkList .row:hover,.side-navigator-container .headerTenantList .row:hover{background-color:var(--primaryColor)}.side-navigator-container .headerNetworkList .row:active,.side-navigator-container .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95)}.side-navigator-container .headerNetworkList .status,.side-navigator-container .headerTenantList .status{width:1.5625rem;height:1.5625rem;top:.1875rem;left:.625rem}.side-navigator-container .navlogo{display:flex;align-items:center;justify-content:center;height:3.125rem;width:18.75rem;position:relative;background-image:var(--logoLight);background-color:transparent;background-size:14.0625rem;animation:fadein 3s;background-repeat:no-repeat;background-position:center}.side-navigator-container .navlogo.dark{background-image:var(--logoDark)}#Networks .currentNetwork,#Tenants .currentTenant{color:var(--white)}.tenants,.networks{border-color:var(--inputBorder);border-width:.125rem;border-radius:.4375rem;border-style:solid;width:16.9375rem;height:2.5rem;background-image:url(/assets/svgs/ArrowDown.svg);background-position:center right .625rem;background-size:1.25rem .625rem;cursor:pointer;background-color:var(--mainBackground);animation:fadein .5s;position:relative;margin-top:0;margin-bottom:.625rem}.counterBadge{display:flex;position:absolute;align-items:center;justify-content:center;top:.125rem;left:3.375rem;background-color:var(--red);box-shadow:0 .125rem .4375rem #ff0d4980;z-index:999;color:#fff;font-size:.75rem;font-weight:700;width:1.125rem;height:1.125rem;line-height:1.125rem;border-radius:.5625rem;font-family:Open Sans}.expand-collapse-hitbox-container-right{position:absolute;height:100%;width:.625rem;left:3.4375rem;z-index:1000001}.expand-collapse-hitbox-container{position:relative;height:100%;width:1.25rem;z-index:1000001}.expand-collapse-hitbox-container.expand-collapse-container-closed .expand-collapse-icon{transform:rotate(180deg)}.expand-collapse-hitbox-container .expand-collapse-icon{background:var(--background);border-radius:var(--inputBorderRadius);height:1.75rem;width:1.75rem;position:absolute;top:3.5rem;right:.4375rem;opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;box-shadow:0 0 .375rem .1875rem var(--boxShadow);cursor:pointer;border-style:solid;border-width:1px;border-color:var(--inputBorder);color:var(--icon);font-weight:600;font-family:icomoon!important}.expand-collapse-hitbox-container .expand-collapse-icon:before{content:\"\\e938\"}.expand-collapse-hitbox-container .expand-collapse-icon:hover{background-color:var(--primaryColor);color:var(--white)}.expand-collapse-hitbox-container .expand-collapse-icon:active{filter:grayscale(1)}.expand-collapse-hitbox-container .expand-collapse-icon.expand-collapse-icon-visible{opacity:1}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavigatorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-side-navigator', template: "<div class=\"side-navigator-wrapper\">\n  <div [ngClass]=\"{ 'nav-expanded': navExpanded, 'nav-hiddnen': navHidden }\" class=\"side-navigator-container\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n    <div cdkScrollable class=\"side-navigator-menu-container\" [ngClass]=\"{'hide-menu-nav-bar': hideMenuNavBar}\">\n      <div *ngFor=\"let group of currentNav.groups\" class=\"side-navigator-menu-group\">\n        <span class=\"side-navigator-menu-group-label\">{{ group.label }}</span>\n        <div class=\"side-navigator-header-buffer\" *ngIf=\"group.headerBuffer\"></div>\n        <div *ngFor=\"let item of group.menuItems\" class=\"{{item.class}}\">\n          <a\n            *ngIf=\"(!item.isBetaFeature || (item.isBetaFeature && betaFeaturesEnabled))\"\n            class=\"side-navigator-menu-item {{ item.className }}\"\n            (click)=\"doNavAction($event, item)\"\n            [ngClass]=\"{\n              selected: navItemSelected(item),\n              disabled: isNavItemDisabled(item)\n            }\"\n            [title]=\"item.tooltip\"\n            [href]=\"'./'+item.route\"\n          >\n            <div class=\"side-navigator-menu-item-icon\">\n              <div class=\"image\" class=\"{{ item.iconClass }}\"></div>\n              <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n            </div>\n            <span class=\"side-navigator-menu-item-label\">\n              {{ item.label }}\n                <span class=\"side-navigator-menu-item-sublabel\">{{ item.sublabel }}</span>\n            </span>\n          </a>\n        </div>\n      </div>\n    </div>\n    <div class=\"side-navigator-footer-container\">\n      <div class=\"side-navigator-version-container\">\n        <div style=\"font-size: .875rem;\" class=\"networkInfo\" id=\"NetworkVersion\">\n          <span class=\"network-semver\">{{ version }}</span>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"expand-collapse-hitbox-container\" [ngClass]=\"{'expand-collapse-container-closed': !navExpanded}\" (mouseenter)=\"showExpandCollapse($event)\" (mouseleave)=\"hideExpandCollapse($event)\">\n    <div class=\"expand-collapse-icon icon-prev\" [ngClass]=\"{'expand-collapse-icon-visible': expandCollapseIconVisible}\" (click)=\"toggleNavigationExpanded($event)\"></div>\n  </div>\n</div>\n", styles: [".side-navigator-wrapper{display:flex;flex-direction:row;height:100%}[class*=\" icon-\"].image{font-family:icomoon!important}.side-navigator-container{position:relative;top:0;left:0rem;height:100%;width:1.25rem;bottom:-.625rem;padding-top:0;padding-bottom:0;background-color:var(--formBackground);transition:var(--transition);overflow-y:hidden;z-index:999;display:flex;flex-direction:column;margin-left:var(--sideBarMargin);box-shadow:var(--sideNavigatorBoxShadow);border:none}.side-navigator-container.nav-expanded{width:19.75rem;border-right-style:solid;border-right-color:var(--inputBorder);border-width:var(--navContainerBorderWidth);background-color:var(--mainBackground)}.side-navigator-container.nav-expanded .side-navigator-header-container,.side-navigator-container.nav-expanded .side-navigator-footer-container,.side-navigator-container.nav-expanded .side-navigator-menu-container{opacity:1}.side-navigator-container .side-navigator-header-container{height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 .625rem;padding-top:var(--navHeaderPadding);opacity:0}.side-navigator-container .side-navigator-header-container .app-name-title{font-family:Russo One;text-align:center;font-size:1.5rem;line-height:2.5rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark))}.side-navigator-container .side-navigator-header-container .list-area.search{padding-left:.625rem;padding-right:.625rem}.side-navigator-container .side-navigator-header-container .title{margin-top:.625rem;color:var(--primaryColor);filter:brightness(var(--brightnessDark));font-size:1.75rem;font-family:Russo One;text-align:center;font-size:1.5rem;line-height:3.5rem;animation:_ngcontent-dev-c217_fadein 1s}.side-navigator-container .side-navigator-footer-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto;position:relative;max-height:5rem;opacity:0}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1 auto;height:2.1875rem;max-height:2.1875rem;position:relative}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .zitiInfo,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .networkInfo{font-size:.75rem;font-weight:800}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver,.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{font-weight:900;margin-left:.1875rem;filter:brightness(.85)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .network-semver{color:var(--primary)}.side-navigator-container .side-navigator-footer-container .side-navigator-version-container .ziti-semver{color:#f4044d}.side-navigator-container .side-navigator-menu-container{display:flex;flex-direction:column;width:100%;max-width:19.6875rem!important;flex:1 1 auto;height:100%;padding-top:var(--paddingLarge);overflow-y:auto;opacity:0}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:.9375rem}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-group-label{margin-left:1.4375rem;color:var(--groupText);font-size:.875rem;position:relative;text-transform:uppercase;font-weight:600}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:3.3125rem;cursor:pointer;align-items:center;padding-left:var(--navItemPadding);margin-left:var(--navItemMargin);margin-right:var(--navItemMargin);border-radius:var(--inputBorderRadius)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--navItemSelectedColor);border-right-color:var(--secondaryColor);border-right-width:.25rem;border-right-style:none}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.selected:focus-visible{background-color:var(--navItemSelectedColor)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled{opacity:.5;filter:grayscale(1);cursor:not-allowed}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item.disabled:hover{background-color:transparent}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus,.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item:focus-visible{background-color:var(--hoverBackground)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:2.5rem;width:2.5rem;height:2.5rem;background-color:var(--mainBackground);border-radius:var(--inputBorderRadius);box-shadow:0 .1875rem .3125rem 1px var(--boxShadow);display:flex;align-items:center;justify-content:center;border-color:var(--mainBackground);border-width:.125rem;flex:1 0 auto;border-style:solid;font-size:1.875rem}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primaryColor)}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label{color:var(--tableText);font-size:1rem;text-transform:unset;font-weight:600;text-align:left;font-family:Open Sans;width:100%;margin-bottom:0;margin-left:.9375rem;display:flex}.side-navigator-container .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:.3125rem}.side-navigator-container .side-navigator-menu-container.hide-menu-nav-bar::-webkit-scrollbar{display:none}.side-navigator-container .headerNetworkList,.side-navigator-container .headerTenantList{height:11.375rem;overflow-y:scroll}.side-navigator-container .headerNetworkList .row,.side-navigator-container .headerTenantList .row{color:var(--white);font-size:.875rem;font-weight:600;line-height:1.875rem;padding-left:2.8125rem;cursor:pointer;height:2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative}.side-navigator-container .headerNetworkList .row.selected,.side-navigator-container .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans}.side-navigator-container .headerNetworkList .row:hover,.side-navigator-container .headerTenantList .row:hover{background-color:var(--primaryColor)}.side-navigator-container .headerNetworkList .row:active,.side-navigator-container .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95)}.side-navigator-container .headerNetworkList .status,.side-navigator-container .headerTenantList .status{width:1.5625rem;height:1.5625rem;top:.1875rem;left:.625rem}.side-navigator-container .navlogo{display:flex;align-items:center;justify-content:center;height:3.125rem;width:18.75rem;position:relative;background-image:var(--logoLight);background-color:transparent;background-size:14.0625rem;animation:fadein 3s;background-repeat:no-repeat;background-position:center}.side-navigator-container .navlogo.dark{background-image:var(--logoDark)}#Networks .currentNetwork,#Tenants .currentTenant{color:var(--white)}.tenants,.networks{border-color:var(--inputBorder);border-width:.125rem;border-radius:.4375rem;border-style:solid;width:16.9375rem;height:2.5rem;background-image:url(/assets/svgs/ArrowDown.svg);background-position:center right .625rem;background-size:1.25rem .625rem;cursor:pointer;background-color:var(--mainBackground);animation:fadein .5s;position:relative;margin-top:0;margin-bottom:.625rem}.counterBadge{display:flex;position:absolute;align-items:center;justify-content:center;top:.125rem;left:3.375rem;background-color:var(--red);box-shadow:0 .125rem .4375rem #ff0d4980;z-index:999;color:#fff;font-size:.75rem;font-weight:700;width:1.125rem;height:1.125rem;line-height:1.125rem;border-radius:.5625rem;font-family:Open Sans}.expand-collapse-hitbox-container-right{position:absolute;height:100%;width:.625rem;left:3.4375rem;z-index:1000001}.expand-collapse-hitbox-container{position:relative;height:100%;width:1.25rem;z-index:1000001}.expand-collapse-hitbox-container.expand-collapse-container-closed .expand-collapse-icon{transform:rotate(180deg)}.expand-collapse-hitbox-container .expand-collapse-icon{background:var(--background);border-radius:var(--inputBorderRadius);height:1.75rem;width:1.75rem;position:absolute;top:3.5rem;right:.4375rem;opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;box-shadow:0 0 .375rem .1875rem var(--boxShadow);cursor:pointer;border-style:solid;border-width:1px;border-color:var(--inputBorder);color:var(--icon);font-weight:600;font-family:icomoon!important}.expand-collapse-hitbox-container .expand-collapse-icon:before{content:\"\\e938\"}.expand-collapse-hitbox-container .expand-collapse-icon:hover{background-color:var(--primaryColor);color:var(--white)}.expand-collapse-hitbox-container .expand-collapse-icon:active{filter:grayscale(1)}.expand-collapse-hitbox-container .expand-collapse-icon.expand-collapse-icon-visible{opacity:1}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ZITI_NAVIGATOR]
-                }] }]; }, propDecorators: { version: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXZpZ2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL3NpZGUtbmF2aWdhdG9yL3NpZGUtbmF2aWdhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9zaWRlLW5hdmlnYXRvci9zaWRlLW5hdmlnYXRvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFvQixNQUFNLGVBQWUsQ0FBQztBQUN4RixPQUFPLEVBQVMsYUFBYSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFHdEQsT0FBTyxFQUFDLEtBQUssRUFBQyxNQUFNLFdBQVcsQ0FBQztBQUNoQyxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sOEJBQThCLENBQUM7QUFFNUQsT0FBTyxFQUFDLE1BQU0sRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7OztBQU90QyxNQUFNLE9BQU8sc0JBQXNCO0lBYWpDLFlBQ1ksTUFBYyxFQUNTLFVBQWU7UUFEdEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNTLGVBQVUsR0FBVixVQUFVLENBQUs7UUFiekMsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUN0QixtQkFBYyxHQUFRLEVBQUUsQ0FBQztRQUV6QixnQkFBVyxHQUFHLElBQUksQ0FBQztRQUNuQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLG1CQUFjLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQUdwQixvQkFBZSxHQUFRLElBQUksQ0FBQztRQXlHcEMsMkJBQXNCLEdBQUcsS0FBSyxDQUFDO1FBQy9CLGlDQUE0QixHQUEwQixJQUFJ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QztRQUNwQyxJQUFJLENBQUMsNEJBQTRCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ3RFLENBQUM7SUFFRCx3QkFBd0IsQ0FBQyxLQUFVO1FBQ2pDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQ3ZDLENBQUM7SUFFRCxJQUFJLHlCQUF5QjtRQUMzQixPQUFPLElBQUksQ0FBQyxzQkFBc0IsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUQsQ0FBQzsrR0F4SVUsc0JBQXNCLHdDQWVyQixjQUFjO21HQWZmLHNCQUFzQiwwRkNkbkMseTFFQTBDQTs7NEZENUJhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxvQkFBb0I7OzBCQW1CekIsTUFBTTsyQkFBQyxjQUFjOzRDQWJqQixPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbmplY3QsIElucHV0LCBPbkluaXQsIE9uRGVzdHJveX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1JvdXRlciwgTmF2aWdhdGlvbkVuZH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQge2RlZmVyfSBmcm9tICdsb2Rhc2gtZXMnO1xuaW1wb3J0IHtaSVRJX05BVklHQVRPUn0gZnJvbSBcIi4uLy4uL3ppdGktY29uc29sZS5jb25zdGFudHNcIjtcbmltcG9ydCB7U3Vic2NyaXB0aW9ufSBmcm9tICdyeGpzJztcbmltcG9ydCB7ZmlsdGVyfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1zaWRlLW5hdmlnYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlLW5hdmlnYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NpZGUtbmF2aWdhdG9yLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNpZGVOYXZpZ2F0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgQElucHV0KCkgdmVyc2lvbiA9ICcnO1xuICBjdXJyZW50TmV0d29yazogYW55ID0ge307XG5cbiAgbmF2RXhwYW5kZWQgPSB0cnVlO1xuICBuYXZIaWRkZW4gPSBmYWxzZTtcbiAgaGlkZU1lbnVOYXZCYXIgPSBmYWxzZTtcbiAgYmV0YUZlYXR1cmVzRW5hYmxlZCA9IGZhbHNlO1xuXG4gIHByaXZhdGUgcm91dGVyU3Vic2NyaXB0aW9uPzogU3Vic2NyaXB0aW9uO1xuICBwcml2YXRlIHNlbGVjdGVkTmF2SXRlbTogYW55ID0gbnVsbDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICAgIHByaXZhdGUgcm91dGVyOiBSb3V0ZXIsXG4gICAgICBASW5qZWN0KFpJVElfTkFWSUdBVE9SKSBwdWJsaWMgY3VycmVudE5hdjogYW55XG4gICkge31cblxuICBuZ09uSW5pdCgpIHtcbiAgICAvLyBTZXQgaW5pdGlhbCBzZWxlY3RlZCBuYXYgaXRlbSBiYXNlZCBvbiBjdXJyZW50IHJvdXRlXG4gICAgdGhpcy51cGRhdGVTZWxlY3RlZE5hdkl0ZW0odGhpcy5yb3V0ZXIudXJsKTtcblxuICAgIC8vIFN1YnNjcmliZSB0byByb3V0ZXIgbmF2aWdhdGlvbiBldmVudHNcbiAgICB0aGlzLnJvdXRlclN1YnNjcmlwdGlvbiA9IHRoaXMucm91dGVyLmV2ZW50cy5waXBlKFxuICAgICAgZmlsdGVyKChldmVudCk6IGV2ZW50IGlzIE5hdmlnYXRpb25FbmQgPT4gZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKVxuICAgICkuc3Vic2NyaWJlKChldmVudCkgPT4ge1xuICAgICAgdGhpcy51cGRhdGVTZWxlY3RlZE5hdkl0ZW0oZXZlbnQudXJsQWZ0ZXJSZWRpcmVjdHMpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgaWYgKHRoaXMucm91dGVyU3Vic2NyaXB0aW9uKSB7XG4gICAgICB0aGlzLnJvdXRlclN1YnNjcmlwdGlvbi51bnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlU2VsZWN0ZWROYXZJdGVtKHVybDogc3RyaW5nKSB7XG4gICAgbGV0IGJlc3RNYXRjaDogYW55ID0gbnVsbDtcbiAgICBsZXQgYmVzdE1hdGNoU2NvcmUgPSAtMTtcblxuICAgIGZvciAoY29uc3QgZ3JvdXAgb2YgdGhpcy5jdXJyZW50TmF2Lmdyb3Vwcykge1xuICAgICAgZm9yIChjb25zdCBpdGVtIG9mIGdyb3VwLm1lbnVJdGVtcykge1xuICAgICAgICBjb25zdCBtYXRjaFNjb3JlID0gdGhpcy5nZXRSb3V0ZU1hdGNoU2NvcmUodXJsLCBpdGVtKTtcbiAgICAgICAgaWYgKG1hdGNoU2NvcmUgPiBiZXN0TWF0Y2hTY29yZSkge1xuICAgICAgICAgIGJlc3RNYXRjaFNjb3JlID0gbWF0Y2hTY29yZTtcbiAgICAgICAgICBiZXN0TWF0Y2ggPSBpdGVtO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdGhpcy5zZWxlY3RlZE5hdkl0ZW0gPSBiZXN0TWF0Y2g7XG4gIH1cblxuICBwcml2YXRlIGdldFJvdXRlTWF0Y2hTY29yZShjdXJyZW50VXJsOiBzdHJpbmcsIG5hdkl0ZW06IGFueSk6IG51bWJlciB7XG4gICAgaWYgKCFuYXZJdGVtLnJvdXRlKSB7XG4gICAgICByZXR1cm4gLTE7XG4gICAgfVxuXG4gICAgbGV0IGhpZ2hlc3RTY29yZSA9IC0xO1xuXG4gICAgaWYgKG5hdkl0ZW0uc2VsZWN0ZWRSb3V0ZXMgJiYgQXJyYXkuaXNBcnJheShuYXZJdGVtLnNlbGVjdGVkUm91dGVzKSkge1xuICAgICAgZm9yIChjb25zdCByb3V0ZSBvZiBuYXZJdGVtLnNlbGVjdGVkUm91dGVzKSB7XG4gICAgICAgIGNvbnN0IHNjb3JlID0gdGhpcy5jYWxjdWxhdGVNYXRjaFNjb3JlKGN1cnJlbnRVcmwsIHJvdXRlKTtcbiAgICAgICAgaWYgKHNjb3JlID4gaGlnaGVzdFNjb3JlKSB7XG4gICAgICAgICAgaGlnaGVzdFNjb3JlID0gc2NvcmU7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgaGlnaGVzdFNjb3JlID0gdGhpcy5jYWxjdWxhdGVNYXRjaFNjb3JlKGN1cnJlbnRVcmwsIG5hdkl0ZW0ucm91dGUpO1xuICAgIH1cblxuICAgIHJldHVybiBoaWdoZXN0U2NvcmU7XG4gIH1cblxuICBwcml2YXRlIGNhbGN1bGF0ZU1hdGNoU2NvcmUoY3VycmVudFVybDogc3RyaW5nLCBuYXZSb3V0ZTogc3RyaW5nKTogbnVtYmVyIHtcbiAgICBjb25zdCBjbGVhblVybCA9IGN1cnJlbnRVcmwuc3BsaXQoJz8nKVswXS5zcGxpdCgnIycpWzBdO1xuXG4gICAgY29uc3Qgbm9ybWFsaXplZFVybCA9IGNsZWFuVXJsLnJlcGxhY2UoL15cXC98XFwvJC9nLCAnJyk7XG4gICAgY29uc3Qgbm9ybWFsaXplZFJvdXRlID0gbmF2Um91dGUucmVwbGFjZSgvXlxcL3xcXC8kL2csICcnKTtcblxuICAgIGNvbnN0IHVybFNlZ21lbnRzID0gbm9ybWFsaXplZFVybC5zcGxpdCgnLycpO1xuICAgIGNvbnN0IHJvdXRlU2VnbWVudHMgPSBub3JtYWxpemVkUm91dGUuc3BsaXQoJy8nKTtcblxuICAgIGlmIChyb3V0ZVNlZ21lbnRzLmxlbmd0aCA+IHVybFNlZ21lbnRzLmxlbmd0aCkge1xuICAgICAgcmV0dXJuIC0xO1xuICAgIH1cblxuICAgIGNvbnN0IGFsbFNlZ21lbnRzTWF0Y2ggPSByb3V0ZVNlZ21lbnRzLmV2ZXJ5KChzZWdtZW50LCBpbmRleCkgPT4gc2VnbWVudCA9PT0gdXJsU2VnbWVudHNbaW5kZXhdKTtcblxuICAgIGlmICghYWxsU2VnbWVudHNNYXRjaCkge1xuICAgICAgcmV0dXJuIC0xOyAvLyBObyBtYXRjaFxuICAgIH1cblxuICAgIHJldHVybiByb3V0ZVNlZ21lbnRzLmxlbmd0aDtcbiAgfVxuXG5cbiAgbmF2SXRlbVNlbGVjdGVkKG5hdkl0ZW06IGFueSk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnNlbGVjdGVkTmF2SXRlbSA9PT0gbmF2SXRlbTtcbiAgfVxuXG4gIGlzTmF2SXRlbURpc2FibGVkKG5hdkl0ZW06IGFueSkge1xuXG4gIH1cblxuICBkb05hdkFjdGlvbihldmVudCwgbmF2SXRlbTogYW55KSB7XG4gICAgY29uc3QgaXNDb21tYW5kT3JDdHJsID0gZXZlbnQubWV0YUtleSB8fCBldmVudC5jdHJsS2V5O1xuXG4gICAgaWYgKGlzQ29tbWFuZE9yQ3RybCkge1xuICAgICAgLy8gTm8tT3AgYWxsb3cgdGhlIG5hdGl2ZSBicm93c2VyIGJlaGF2aW9yIChpZS4gb3BlbiBpbiBuZXcgd2luZG93KVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbbmF2SXRlbS5yb3V0ZV0pO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG4gIH1cblxuICBzaG93RXhwYW5kQ29sbGFwc2VJY29uID0gZmFsc2U7XG4gIHNob3dFeHBhbmRDb2xsYXBzZUljb25DaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgc2hvd0V4cGFuZENvbGxhcHNlKGV2ZW50OiBhbnkpIHtcbiAgICBkZWZlcigoKSA9PiB7XG4gICAgICB0aGlzLnNob3dFeHBhbmRDb2xsYXBzZUljb24gPSB0cnVlO1xuICAgICAgdGhpcy5zaG93RXhwYW5kQ29sbGFwc2VJY29uQ2hhbmdlLmVtaXQodGhpcy5zaG93RXhwYW5kQ29sbGFwc2VJY29uKTtcbiAgICB9KVxuICB9XG5cbiAgaGlkZUV4cGFuZENvbGxhcHNlKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLnNob3dFeHBhbmRDb2xsYXBzZUljb24gPSBmYWxzZTtcbiAgICB0aGlzLnNob3dFeHBhbmRDb2xsYXBzZUljb25DaGFuZ2UuZW1pdCh0aGlzLnNob3dFeHBhbmRDb2xsYXBzZUljb24pO1xuICB9XG5cbiAgdG9nZ2xlTmF2aWdhdGlvbkV4cGFuZGVkKGV2ZW50OiBhbnkpIHtcbiAgICB0aGlzLm5hdkV4cGFuZGVkID0gIXRoaXMubmF2RXhwYW5kZWQ7XG4gIH1cblxuICBnZXQgZXhwYW5kQ29sbGFwc2VJY29uVmlzaWJsZSgpIHtcbiAgICByZXR1cm4gdGhpcy5zaG93RXhwYW5kQ29sbGFwc2VJY29uIHx8ICF0aGlzLm5hdkV4cGFuZGVkO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2lkZS1uYXZpZ2F0b3Itd3JhcHBlclwiPlxuICA8ZGl2IFtuZ0NsYXNzXT1cInsgJ25hdi1leHBhbmRlZCc6IG5hdkV4cGFuZGVkLCAnbmF2LWhpZGRuZW4nOiBuYXZIaWRkZW4gfVwiIGNsYXNzPVwic2lkZS1uYXZpZ2F0b3ItY29udGFpbmVyXCIgKG1vdXNlZW50ZXIpPVwic2hvd0V4cGFuZENvbGxhcHNlKCRldmVudClcIiAobW91c2VsZWF2ZSk9XCJoaWRlRXhwYW5kQ29sbGFwc2UoJGV2ZW50KVwiPlxuICAgIDxkaXYgY2RrU2Nyb2xsYWJsZSBjbGFzcz1cInNpZGUtbmF2aWdhdG9yLW1lbnUtY29udGFpbmVyXCIgW25nQ2xhc3NdPVwieydoaWRlLW1lbnUtbmF2LWJhcic6IGhpZGVNZW51TmF2QmFyfVwiPlxuICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgZ3JvdXAgb2YgY3VycmVudE5hdi5ncm91cHNcIiBjbGFzcz1cInNpZGUtbmF2aWdhdG9yLW1lbnUtZ3JvdXBcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzaWRlLW5hdmlnYXRvci1tZW51LWdyb3VwLWxhYmVsXCI+e3sgZ3JvdXAubGFiZWwgfX08L3NwYW4+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlLW5hdmlnYXRvci1oZWFkZXItYnVmZmVyXCIgKm5nSWY9XCJncm91cC5oZWFkZXJCdWZmZXJcIj48L2Rpdj5cbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBncm91cC5tZW51SXRlbXNcIiBjbGFzcz1cInt7aXRlbS5jbGFzc319XCI+XG4gICAgICAgICAgPGFcbiAgICAgICAgICAgICpuZ0lmPVwiKCFpdGVtLmlzQmV0YUZlYXR1cmUgfHwgKGl0ZW0uaXNCZXRhRmVhdHVyZSAmJiBiZXRhRmVhdHVyZXNFbmFibGVkKSlcIlxuICAgICAgICAgICAgY2xhc3M9XCJzaWRlLW5hdmlnYXRvci1tZW51LWl0ZW0ge3sgaXRlbS5jbGFzc05hbWUgfX1cIlxuICAgICAgICAgICAgKGNsaWNrKT1cImRvTmF2QWN0aW9uKCRldmVudCwgaXRlbSlcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xuICAgICAgICAgICAgICBzZWxlY3RlZDogbmF2SXRlbVNlbGVjdGVkKGl0ZW0pLFxuICAgICAgICAgICAgICBkaXNhYmxlZDogaXNOYXZJdGVtRGlzYWJsZWQoaXRlbSlcbiAgICAgICAgICAgIH1cIlxuICAgICAgICAgICAgW3RpdGxlXT1cIml0ZW0udG9vbHRpcFwiXG4gICAgICAgICAgICBbaHJlZl09XCInLi8nK2l0ZW0ucm91dGVcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlLW5hdmlnYXRvci1tZW51LWl0ZW0taWNvblwiPlxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2VcIiBjbGFzcz1cInt7IGl0ZW0uaWNvbkNsYXNzIH19XCI+PC9kaXY+XG4gICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaXRlbS5iYWRnZUNvdW50XCIgY2xhc3M9XCJjb3VudGVyQmFkZ2VcIj57eyBpdGVtLmJhZGdlQ291bnQgfX08L3NwYW4+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2lkZS1uYXZpZ2F0b3ItbWVudS1pdGVtLWxhYmVsXCI+XG4gICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfX1cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNpZGUtbmF2aWdhdG9yLW1lbnUtaXRlbS1zdWJsYWJlbFwiPnt7IGl0ZW0uc3VibGFiZWwgfX08L3NwYW4+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPC9hPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzaWRlLW5hdmlnYXRvci1mb290ZXItY29udGFpbmVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic2lkZS1uYXZpZ2F0b3ItdmVyc2lvbi1jb250YWluZXJcIj5cbiAgICAgICAgPGRpdiBzdHlsZT1cImZvbnQtc2l6ZTogLjg3NXJlbTtcIiBjbGFzcz1cIm5ldHdvcmtJbmZvXCIgaWQ9XCJOZXR3b3JrVmVyc2lvblwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwibmV0d29yay1zZW12ZXJcIj57eyB2ZXJzaW9uIH19PC9zcGFuPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImV4cGFuZC1jb2xsYXBzZS1oaXRib3gtY29udGFpbmVyXCIgW25nQ2xhc3NdPVwieydleHBhbmQtY29sbGFwc2UtY29udGFpbmVyLWNsb3NlZCc6ICFuYXZFeHBhbmRlZH1cIiAobW91c2VlbnRlcik9XCJzaG93RXhwYW5kQ29sbGFwc2UoJGV2ZW50KVwiIChtb3VzZWxlYXZlKT1cImhpZGVFeHBhbmRDb2xsYXBzZSgkZXZlbnQpXCI+XG4gICAgPGRpdiBjbGFzcz1cImV4cGFuZC1jb2xsYXBzZS1pY29uIGljb24tcHJldlwiIFtuZ0NsYXNzXT1cInsnZXhwYW5kLWNvbGxhcHNlLWljb24tdmlzaWJsZSc6IGV4cGFuZENvbGxhcHNlSWNvblZpc2libGV9XCIgKGNsaWNrKT1cInRvZ2dsZU5hdmlnYXRpb25FeHBhbmRlZCgkZXZlbnQpXCI+PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/features/sidebars/side-navbar/side-navbar.component.mjs

@@ -1,54 +0,0 @@
-/*
-    Copyright NetFoundry Inc.
-
-    Licensed under the Apache License, Version 2.0 (the "License");
-    you may not use this file except in compliance with the License.
-    You may obtain a copy of the License at
-
-    https://www.apache.org/licenses/LICENSE-2.0
-
-    Unless required by applicable law or agreed to in writing, software
-    distributed under the License is distributed on an "AS IS" BASIS,
-    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-    See the License for the specific language governing permissions and
-    limitations under the License.
-*/
-import { Component, Inject, Input } from '@angular/core';
-import { NavigationEnd } from "@angular/router";
-import { ZITI_NAVIGATOR } from "../../../ziti-console.constants";
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "@angular/common";
-export class SideNavbarComponent {
-    constructor(router, currentNav) {
-        this.router = router;
-        this.currentNav = currentNav;
-        this.version = '';
-        this.open = true;
-        this.isOpened = false;
-        this.url = '';
-    }
-    ngOnInit() {
-        this.router.events.subscribe((event) => {
-            if (event instanceof NavigationEnd) {
-                this.url = event.url.split('?')[0];
-            }
-        });
-    }
-    toggleList(event) {
-        event.stopPropagation();
-        this.isOpened = !this.isOpened;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavbarComponent, deps: [{ token: i1.Router }, { token: ZITI_NAVIGATOR }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SideNavbarComponent, selector: "lib-side-navbar", inputs: { version: "version" }, ngImport: i0, template: "<div class=\"sideNavbar\">\n    <div class=\"title\" data-i18n=\"AppName\">Ziti Console</div>\n    <div id=\"Version\" class=\"version\">{{version}}</div>\n    <div id=\"CustomLogo\"></div>\n    <div class=\"side-navigator-menu-container\">\n        <div *ngFor=\"let group of currentNav.groups\" class=\"side-navigator-menu-group\">\n            <span class=\"side-navigator-menu-group-label\">{{ group.label }}</span>\n            <div *ngFor=\"let item of group.menuItems\">\n                <div class=\"side-navigator-menu-item {{item.className}}\" [routerLink]=\"item.route\" *ngIf=\"!item.hidden\"\n                     [ngClass]=\"{ selected: item.selectedRoutes?.includes(url) }\">\n                    <div class=\"side-navigator-menu-item-icon\">\n                        <div class=\"image\" [ngClass]=\"item.iconClass\"></div>\n                        <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n                    </div>\n                    <span class=\"side-navigator-menu-item-label\">{{ item.label }}\n                        <span class=\"side-navigator-menu-item-sublabel\">{{item.sublabel}}</span>\n                    </span>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".sideNavbar{position:relative;display:inline-block;width:19.75rem;background-color:transparent;height:100%}.sideNavbar .title{color:var(--primary);filter:brightness(50%);font-family:Russo One,serif;text-align:center;font-size:1.5rem;line-height:3.5rem}.sideNavbar .navList{display:grid;grid-template-columns:100%;grid-row-gap:1.25rem;color:var(--white);margin-left:1.25rem}.sideNavbar .lock:before{color:var(--text)!important}.sideNavbar .lock{position:absolute;bottom:1.25rem;right:.625rem;width:1.875rem;height:1.875rem;font-size:1.875rem;line-height:1.875rem;text-align:center;opacity:.2;cursor:pointer;transition:.2s}.sideNavbar .lock:hover{opacity:.4}.sideNavbar .lock.locked{opacity:.6}.sideNavbar .version{position:absolute;bottom:1.25rem;width:100%;color:var(--text);opacity:.7;font-size:.875rem;right:0;left:0;display:flex;align-items:center;justify-content:center}.sideNavbar #CustomLogo{width:75%;height:6.25rem;position:absolute;bottom:3.0625rem;right:1.25rem;background-repeat:no-repeat;background-size:contain;background-position:center center}.sideNavbar [class^=icon-],.sideNavbar [class*=\" icon-\"]{font-family:zac,serif!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sideNavbar .side-navigator-menu-container,.sideNavbar .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:.9375rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-group-label{margin-left:1.4375rem;color:var(--groupText);font-size:.875rem;position:relative;text-transform:uppercase;font-weight:600}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:3.3125rem;cursor:pointer;align-items:center;padding-left:1.5625rem;margin-bottom:.3125rem;margin-top:.3125rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--primaryColorShadowLight);border-right-color:var(--secondaryColor);border-right-width:.25rem;border-right-style:solid}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected:hover{border-right-color:var(--secondaryColor)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--primaryColorShadowLight);border-right-color:var(--primaryColor);border-right-width:.25rem;border-right-style:solid;transition:.3s}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:3.125rem;width:3.125rem;height:3.125rem;background-color:var(--white);box-shadow:var(--shadow);border-color:var(--white);transition:var(--transition);border-radius:var(--inputBorderRadius);display:flex;align-items:center;justify-content:center;border-width:var(--inputBorderWidth);flex:1 0 auto;border-style:solid;font-size:2.1875rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon:hover{box-shadow:0 .875rem 1.25rem #0000000d,0 .875rem 1.25rem #0000000d}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primary)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label{color:var(--tableText);font-size:1rem;text-transform:unset;font-weight:600;text-align:left;font-family:Open Sans,serif;width:100%;margin-bottom:0;margin-left:.9375rem;display:flex}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:.3125rem}.sideNavbar .headerNetworkList,.sideNavbar .headerTenantList{height:11.375rem;overflow-y:scroll}.sideNavbar .headerNetworkList .row,.sideNavbar .headerTenantList .row{color:var(--white);font-size:.875rem;font-weight:600;line-height:1.875rem;padding-left:2.8125rem;cursor:pointer;height:2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.2s;position:relative}.sideNavbar .headerNetworkList .row.selected,.sideNavbar .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans,serif}.sideNavbar .headerNetworkList .row:hover,.sideNavbar .headerTenantList .row:hover{background-color:var(--primaryColor);transition:.2s}.sideNavbar .headerNetworkList .row:active,.sideNavbar .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95);transition:.2s}.sideNavbar .headerNetworkList .status,.sideNavbar .headerTenantList .status{width:1.5625rem;height:1.5625rem;top:.1875rem;left:.625rem}.sideNavbar #Networks .currentNetwork,.sideNavbar #Tenants .currentTenant{color:var(--white)}.sideNavbar .networks{border-color:var(--inputBorder);border-width:var(--inputBorderWidth);border-radius:var(--inputBorderRadius);border-style:solid;width:16.9375rem;height:2.5rem;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 23.0.3%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg id%3D'Stroke_Color' style%3D'enable-background%3Anew 0 0 20.2 10.8%3B' version%3D'1.1'     viewBox%3D'0 0 20.2 10.8'     x%3D'0px' xml%3Aspace%3D'preserve' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' y%3D'0px'%3E%3Cstyle type%3D'text%2Fcss'%3E%09.st0 %7B    fill%3A %23668291%3B  %7D%3C%2Fstyle%3E  %3Cg%3E%09%3Cpath class%3D'st0' d%3D'M19.8%2C1.7c0%2C0.4-0.1%2C0.7-0.4%2C0.9l-8.5%2C7.3c-0.5%2C0.4-1.2%2C0.4-1.6%2C0L0.7%2C2.7C0.2%2C2.2%2C0.2%2C1.5%2C0.6%2C0.9%09%09c0.5-0.5%2C1.2-0.6%2C1.8-0.1l7.7%2C6.6l7.7-6.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C19.7%2C1.2%2C19.8%2C1.5%2C19.8%2C1.7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");background-position:center right .625rem;background-size:1.25rem .625rem;cursor:pointer;background-color:var(--background);animation:fadein .5s;position:relative;margin-top:1.125rem;margin-bottom:.625rem}.sideNavbar .currentNetwork{font-family:Russo One,serif;font-size:1.125rem;color:var(--tableText);padding-left:.625rem;line-height:2.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:1.25rem;width:16.1875rem}.sideNavbar #Networks{border-radius:var(--inputBorderRadius);height:0;width:101.5%;overflow:hidden;position:absolute;top:-.125rem;left:-.125rem;padding-top:.125rem;background-color:var(--menu);min-height:1.25rem;z-index:60;opacity:0;transition:.5s;pointer-events:none}.sideNavbar #Networks.opened{height:18.75rem;opacity:1;pointer-events:all}.sideNavbar #Networks .search.row{line-height:3.4375rem}.sideNavbar .counterBadge{display:flex;position:absolute;align-items:center;justify-content:center;top:.125rem;left:3.375rem;background-color:var(--red);box-shadow:0 .125rem .4375rem #ff0d4980;z-index:999;color:#fff;font-size:.75rem;font-weight:700;width:1.125rem;height:1.125rem;line-height:1.125rem;border-radius:.5625rem;font-family:Open Sans,serif}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SideNavbarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-side-navbar', template: "<div class=\"sideNavbar\">\n    <div class=\"title\" data-i18n=\"AppName\">Ziti Console</div>\n    <div id=\"Version\" class=\"version\">{{version}}</div>\n    <div id=\"CustomLogo\"></div>\n    <div class=\"side-navigator-menu-container\">\n        <div *ngFor=\"let group of currentNav.groups\" class=\"side-navigator-menu-group\">\n            <span class=\"side-navigator-menu-group-label\">{{ group.label }}</span>\n            <div *ngFor=\"let item of group.menuItems\">\n                <div class=\"side-navigator-menu-item {{item.className}}\" [routerLink]=\"item.route\" *ngIf=\"!item.hidden\"\n                     [ngClass]=\"{ selected: item.selectedRoutes?.includes(url) }\">\n                    <div class=\"side-navigator-menu-item-icon\">\n                        <div class=\"image\" [ngClass]=\"item.iconClass\"></div>\n                        <span *ngIf=\"item.badgeCount\" class=\"counterBadge\">{{ item.badgeCount }}</span>\n                    </div>\n                    <span class=\"side-navigator-menu-item-label\">{{ item.label }}\n                        <span class=\"side-navigator-menu-item-sublabel\">{{item.sublabel}}</span>\n                    </span>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".sideNavbar{position:relative;display:inline-block;width:19.75rem;background-color:transparent;height:100%}.sideNavbar .title{color:var(--primary);filter:brightness(50%);font-family:Russo One,serif;text-align:center;font-size:1.5rem;line-height:3.5rem}.sideNavbar .navList{display:grid;grid-template-columns:100%;grid-row-gap:1.25rem;color:var(--white);margin-left:1.25rem}.sideNavbar .lock:before{color:var(--text)!important}.sideNavbar .lock{position:absolute;bottom:1.25rem;right:.625rem;width:1.875rem;height:1.875rem;font-size:1.875rem;line-height:1.875rem;text-align:center;opacity:.2;cursor:pointer;transition:.2s}.sideNavbar .lock:hover{opacity:.4}.sideNavbar .lock.locked{opacity:.6}.sideNavbar .version{position:absolute;bottom:1.25rem;width:100%;color:var(--text);opacity:.7;font-size:.875rem;right:0;left:0;display:flex;align-items:center;justify-content:center}.sideNavbar #CustomLogo{width:75%;height:6.25rem;position:absolute;bottom:3.0625rem;right:1.25rem;background-repeat:no-repeat;background-size:contain;background-position:center center}.sideNavbar [class^=icon-],.sideNavbar [class*=\" icon-\"]{font-family:zac,serif!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sideNavbar .side-navigator-menu-container,.sideNavbar .side-navigator-menu-container .side-navigator-menu-group{display:flex;flex-direction:column;width:100%;margin-bottom:.9375rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-group-label{margin-left:1.4375rem;color:var(--groupText);font-size:.875rem;position:relative;text-transform:uppercase;font-weight:600}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item{position:relative;display:flex;height:3.3125rem;cursor:pointer;align-items:center;padding-left:1.5625rem;margin-bottom:.3125rem;margin-top:.3125rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected{background-color:var(--primaryColorShadowLight);border-right-color:var(--secondaryColor);border-right-width:.25rem;border-right-style:solid}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item.selected:hover{border-right-color:var(--secondaryColor)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item:hover{background-color:var(--primaryColorShadowLight);border-right-color:var(--primaryColor);border-right-width:.25rem;border-right-style:solid;transition:.3s}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon{max-width:3.125rem;width:3.125rem;height:3.125rem;background-color:var(--white);box-shadow:var(--shadow);border-color:var(--white);transition:var(--transition);border-radius:var(--inputBorderRadius);display:flex;align-items:center;justify-content:center;border-width:var(--inputBorderWidth);flex:1 0 auto;border-style:solid;font-size:2.1875rem}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon:hover{box-shadow:0 .875rem 1.25rem #0000000d,0 .875rem 1.25rem #0000000d}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-icon .image:before{color:var(--primary)}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label{color:var(--tableText);font-size:1rem;text-transform:unset;font-weight:600;text-align:left;font-family:Open Sans,serif;width:100%;margin-bottom:0;margin-left:.9375rem;display:flex}.sideNavbar .side-navigator-menu-container .side-navigator-menu-item .side-navigator-menu-item-label .side-navigator-menu-item-sublabel{color:var(--placeholder);margin-left:.3125rem}.sideNavbar .headerNetworkList,.sideNavbar .headerTenantList{height:11.375rem;overflow-y:scroll}.sideNavbar .headerNetworkList .row,.sideNavbar .headerTenantList .row{color:var(--white);font-size:.875rem;font-weight:600;line-height:1.875rem;padding-left:2.8125rem;cursor:pointer;height:2rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.2s;position:relative}.sideNavbar .headerNetworkList .row.selected,.sideNavbar .headerTenantList .row.selected{color:var(--white);font-weight:800;font-family:Open Sans,serif}.sideNavbar .headerNetworkList .row:hover,.sideNavbar .headerTenantList .row:hover{background-color:var(--primaryColor);transition:.2s}.sideNavbar .headerNetworkList .row:active,.sideNavbar .headerTenantList .row:active{background-color:var(--primaryColor);filter:brightness(.95);transition:.2s}.sideNavbar .headerNetworkList .status,.sideNavbar .headerTenantList .status{width:1.5625rem;height:1.5625rem;top:.1875rem;left:.625rem}.sideNavbar #Networks .currentNetwork,.sideNavbar #Tenants .currentTenant{color:var(--white)}.sideNavbar .networks{border-color:var(--inputBorder);border-width:var(--inputBorderWidth);border-radius:var(--inputBorderRadius);border-style:solid;width:16.9375rem;height:2.5rem;background-image:url(\"data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 23.0.3%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0)  --%3E%3Csvg id%3D'Stroke_Color' style%3D'enable-background%3Anew 0 0 20.2 10.8%3B' version%3D'1.1'     viewBox%3D'0 0 20.2 10.8'     x%3D'0px' xml%3Aspace%3D'preserve' xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' y%3D'0px'%3E%3Cstyle type%3D'text%2Fcss'%3E%09.st0 %7B    fill%3A %23668291%3B  %7D%3C%2Fstyle%3E  %3Cg%3E%09%3Cpath class%3D'st0' d%3D'M19.8%2C1.7c0%2C0.4-0.1%2C0.7-0.4%2C0.9l-8.5%2C7.3c-0.5%2C0.4-1.2%2C0.4-1.6%2C0L0.7%2C2.7C0.2%2C2.2%2C0.2%2C1.5%2C0.6%2C0.9%09%09c0.5-0.5%2C1.2-0.6%2C1.8-0.1l7.7%2C6.6l7.7-6.6c0.5-0.5%2C1.3-0.4%2C1.8%2C0.1C19.7%2C1.2%2C19.8%2C1.5%2C19.8%2C1.7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");background-position:center right .625rem;background-size:1.25rem .625rem;cursor:pointer;background-color:var(--background);animation:fadein .5s;position:relative;margin-top:1.125rem;margin-bottom:.625rem}.sideNavbar .currentNetwork{font-family:Russo One,serif;font-size:1.125rem;color:var(--tableText);padding-left:.625rem;line-height:2.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:1.25rem;width:16.1875rem}.sideNavbar #Networks{border-radius:var(--inputBorderRadius);height:0;width:101.5%;overflow:hidden;position:absolute;top:-.125rem;left:-.125rem;padding-top:.125rem;background-color:var(--menu);min-height:1.25rem;z-index:60;opacity:0;transition:.5s;pointer-events:none}.sideNavbar #Networks.opened{height:18.75rem;opacity:1;pointer-events:all}.sideNavbar #Networks .search.row{line-height:3.4375rem}.sideNavbar .counterBadge{display:flex;position:absolute;align-items:center;justify-content:center;top:.125rem;left:3.375rem;background-color:var(--red);box-shadow:0 .125rem .4375rem #ff0d4980;z-index:999;color:#fff;font-size:.75rem;font-weight:700;width:1.125rem;height:1.125rem;line-height:1.125rem;border-radius:.5625rem;font-family:Open Sans,serif}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.Router }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ZITI_NAVIGATOR]
-                }] }]; }, propDecorators: { version: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZS1uYXZiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMveml0aS1jb25zb2xlLWxpYi9zcmMvbGliL2ZlYXR1cmVzL3NpZGViYXJzL3NpZGUtbmF2YmFyL3NpZGUtbmF2YmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ppdGktY29uc29sZS1saWIvc3JjL2xpYi9mZWF0dXJlcy9zaWRlYmFycy9zaWRlLW5hdmJhci9zaWRlLW5hdmJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7Ozs7Ozs7Ozs7RUFjRTtBQUVGLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFrQixLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFDLGFBQWEsRUFBUyxNQUFNLGlCQUFpQixDQUFDO0FBQ3RELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxpQ0FBaUMsQ0FBQzs7OztBQU8vRCxNQUFNLE9BQU8sbUJBQW1CO0lBTTVCLFlBQ1ksTUFBYyxFQUNTLFVBQWU7UUFEdEMsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUNTLGVBQVUsR0FBVixVQUFVLENBQUs7UUFQekMsWUFBTyxHQUFHLEVBQUUsQ0FBQztRQUN0QixTQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ1osYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixRQUFHLEdBQUcsRUFBRSxDQUFDO0lBTVQsQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUNuQyxJQUFJLEtBQUssWUFBWSxhQUFhLEVBQUU7Z0JBQ2hDLElBQUksQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDdEM7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtRQUNqQixLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDbkMsQ0FBQzsrR0F2QlEsbUJBQW1CLHdDQVFoQixjQUFjO21HQVJqQixtQkFBbUIsdUZDekJoQywwdkNBc0JBOzs0RkRHYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0ksaUJBQWlCOzswQkFZdEIsTUFBTTsyQkFBQyxjQUFjOzRDQVBqQixPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICAgIENvcHlyaWdodCBOZXRGb3VuZHJ5IEluYy5cblxuICAgIExpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG4gICAgeW91IG1heSBub3QgdXNlIHRoaXMgZmlsZSBleGNlcHQgaW4gY29tcGxpYW5jZSB3aXRoIHRoZSBMaWNlbnNlLlxuICAgIFlvdSBtYXkgb2J0YWluIGEgY29weSBvZiB0aGUgTGljZW5zZSBhdFxuXG4gICAgaHR0cHM6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuXG4gICAgVW5sZXNzIHJlcXVpcmVkIGJ5IGFwcGxpY2FibGUgbGF3IG9yIGFncmVlZCB0byBpbiB3cml0aW5nLCBzb2Z0d2FyZVxuICAgIGRpc3RyaWJ1dGVkIHVuZGVyIHRoZSBMaWNlbnNlIGlzIGRpc3RyaWJ1dGVkIG9uIGFuIFwiQVMgSVNcIiBCQVNJUyxcbiAgICBXSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cbiAgICBTZWUgdGhlIExpY2Vuc2UgZm9yIHRoZSBzcGVjaWZpYyBsYW5ndWFnZSBnb3Zlcm5pbmcgcGVybWlzc2lvbnMgYW5kXG4gICAgbGltaXRhdGlvbnMgdW5kZXIgdGhlIExpY2Vuc2UuXG4qL1xuXG5pbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBJbmplY3Rpb25Ub2tlbiwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOYXZpZ2F0aW9uRW5kLCBSb3V0ZXJ9IGZyb20gXCJAYW5ndWxhci9yb3V0ZXJcIjtcbmltcG9ydCB7WklUSV9OQVZJR0FUT1J9IGZyb20gXCIuLi8uLi8uLi96aXRpLWNvbnNvbGUuY29uc3RhbnRzXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbGliLXNpZGUtbmF2YmFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2lkZS1uYXZiYXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3NpZGUtbmF2YmFyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2lkZU5hdmJhckNvbXBvbmVudCB7XG4gICAgQElucHV0KCkgdmVyc2lvbiA9ICcnO1xuICAgIG9wZW4gPSB0cnVlO1xuICAgIGlzT3BlbmVkID0gZmFsc2U7XG4gICAgdXJsID0gJyc7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcbiAgICAgICAgQEluamVjdChaSVRJX05BVklHQVRPUikgcHVibGljIGN1cnJlbnROYXY6IGFueVxuICAgICkge1xuICAgIH1cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJvdXRlci5ldmVudHMuc3Vic2NyaWJlKChldmVudCkgPT4ge1xuICAgICAgICAgICAgaWYgKGV2ZW50IGluc3RhbmNlb2YgTmF2aWdhdGlvbkVuZCkge1xuICAgICAgICAgICAgICAgIHRoaXMudXJsID0gZXZlbnQudXJsLnNwbGl0KCc/JylbMF07XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHRvZ2dsZUxpc3QoZXZlbnQ6IGFueSkge1xuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgdGhpcy5pc09wZW5lZCA9ICF0aGlzLmlzT3BlbmVkO1xuICAgIH1cbn1cblxuIiwiPGRpdiBjbGFzcz1cInNpZGVOYXZiYXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIiBkYXRhLWkxOG49XCJBcHBOYW1lXCI+Wml0aSBDb25zb2xlPC9kaXY+XG4gICAgPGRpdiBpZD1cIlZlcnNpb25cIiBjbGFzcz1cInZlcnNpb25cIj57e3ZlcnNpb259fTwvZGl2PlxuICAgIDxkaXYgaWQ9XCJDdXN0b21Mb2dvXCI+PC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNpZGUtbmF2aWdhdG9yLW1lbnUtY29udGFpbmVyXCI+XG4gICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGdyb3VwIG9mIGN1cnJlbnROYXYuZ3JvdXBzXCIgY2xhc3M9XCJzaWRlLW5hdmlnYXRvci1tZW51LWdyb3VwXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNpZGUtbmF2aWdhdG9yLW1lbnUtZ3JvdXAtbGFiZWxcIj57eyBncm91cC5sYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDxkaXYgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZ3JvdXAubWVudUl0ZW1zXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNpZGUtbmF2aWdhdG9yLW1lbnUtaXRlbSB7e2l0ZW0uY2xhc3NOYW1lfX1cIiBbcm91dGVyTGlua109XCJpdGVtLnJvdXRlXCIgKm5nSWY9XCIhaXRlbS5oaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyBzZWxlY3RlZDogaXRlbS5zZWxlY3RlZFJvdXRlcz8uaW5jbHVkZXModXJsKSB9XCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzaWRlLW5hdmlnYXRvci1tZW51LWl0ZW0taWNvblwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImltYWdlXCIgW25nQ2xhc3NdPVwiaXRlbS5pY29uQ2xhc3NcIj48L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaXRlbS5iYWRnZUNvdW50XCIgY2xhc3M9XCJjb3VudGVyQmFkZ2VcIj57eyBpdGVtLmJhZGdlQ291bnQgfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNpZGUtbmF2aWdhdG9yLW1lbnUtaXRlbS1sYWJlbFwiPnt7IGl0ZW0ubGFiZWwgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2lkZS1uYXZpZ2F0b3ItbWVudS1pdGVtLXN1YmxhYmVsXCI+e3tpdGVtLnN1YmxhYmVsfX08L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19