UNPKG

cfc-ds

Version:

Design System do Conselho Federal de Contabilidade baseado no govbr-ds

44 lines 55.3 kB
import { Component, Input } from '@angular/core'; import { NavigationEnd } from '@angular/router'; import * as i0 from "@angular/core"; import * as i1 from "@angular/router"; import * as i2 from "@angular/common"; import * as i3 from "@angular/flex-layout/extended"; export class MenuComponent { router; isMenuVisible = false; menuItems = []; constructor(router) { this.router = router; this.router.events.subscribe((event) => { if (event instanceof NavigationEnd) { this.closeMenu(); } }); } ngOnInit() { this.menuItems.forEach((menuItem) => { menuItem.isOpen = false; // Initialize all menus as closed }); } toggleMenu() { this.isMenuVisible = !this.isMenuVisible; } closeMenu() { this.isMenuVisible = false; } toggleSubMenu(menuItem) { menuItem.isOpen = !menuItem.isOpen; } static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuComponent, selector: "cfc-menu", inputs: { isMenuVisible: "isMenuVisible", menuItems: "menuItems" }, ngImport: i0, template: "<div class=\"row\">\r\n <div\r\n class=\"br-menu fixed\"\r\n [ngClass]=\"{'active': isMenuVisible}\"\r\n id=\"main-navigation\">\r\n <div class=\"menu-container menu-option\">\r\n <div class=\"menu-panel\">\r\n <nav class=\"menu-body\" role=\"tree\">\r\n <ng-container *ngFor=\"let menuItem of menuItems\">\r\n <div\r\n class=\"menu-folder\">\r\n <a\r\n class=\"menu-item d-flex align-items-center\"\r\n [id]=\"menuItem.id\"\r\n (click)=\"toggleSubMenu(menuItem)\"\r\n role=\"treeitem\">\r\n <span class=\"icon\">\r\n <i\r\n *ngIf=\"menuItem.iconName\"\r\n [ngClass]=\"'fas fa-' + menuItem.iconName\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n <span class=\"content\">\r\n {{ menuItem.label }}\r\n </span>\r\n <span class=\"support\">\r\n <i\r\n [ngClass]=\"{\r\n 'fas fa-angle-down': !menuItem.isOpen,\r\n 'fas fa-angle-top': menuItem.isOpen\r\n }\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n </a>\r\n </div>\r\n <ul\r\n *ngIf=\"menuItem.isOpen\">\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-heart\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-address-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-tree\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-moon\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-archive\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n </ul>\r\n </ng-container>\r\n <!-- <div class=\"menu-folder\">\r\n <a\r\n class=\"menu-item\"\r\n role=\"treeitem\">\r\n <span class=\"icon\"><i class=\"fas fa-bell\" aria-hidden=\"true\"></i></span>\r\n <span class=\"content\">Camada 1</span>\r\n </a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-heart\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-address-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-tree\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-moon\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-archive\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n </ul>\r\n </div>\r\n <div class=\"menu-folder\"><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-bell\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 1</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-heart\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-address-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-tree\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-moon\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-archive\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n </ul>\r\n </div>\r\n <div class=\"menu-folder\"><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-bell\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 1</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-heart\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-address-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-tree\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-moon\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-archive\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n </ul>\r\n </div> -->\r\n </nav>\r\n </div>\r\n <div\r\n class=\"menu-scrim\"\r\n data-dismiss=\"menu\"\r\n tabindex=\"0\"\r\n (click)=\"toggleMenu()\">\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n\r\n <!-- <div\r\n class=\"br-menu fixed\"\r\n [ngClass]=\"{'active': isMenuVisible}\"\r\n id=\"main-navigation\">\r\n <div class=\"menu-container menu-option\">\r\n <div class=\"menu-painel\">\r\n <nav class=\"menu-body\" role=\"tree\">\r\n <div class=\"menu-folder\">\r\n <ul>\r\n <ng-container *ngFor=\"let menuItem of menuItems\">\r\n <li class=\"divider\">\r\n <div\r\n *ngIf=\"menuItem.list; else linkTemplate\"\r\n fxLayout=\"column\"\r\n class=\"menu-item\">\r\n <a\r\n [id]=\"menuItem.id\"\r\n (click)=\"toggleSubMenu(menuItem)\"\r\n class=\"d-flex align-items-center\"\r\n role=\"treeitem\">\r\n <span class=\"icon\">\r\n <i\r\n *ngIf=\"menuItem.iconName\"\r\n [ngClass]=\"'fas fa-' + menuItem.iconName\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n <span class=\"content\">\r\n {{ menuItem.label }}\r\n </span>\r\n <span class=\"support\">\r\n <i\r\n [ngClass]=\"{\r\n 'fas fa-angle-down': !menuItem.isOpen,\r\n 'fas fa-angle-top': menuItem.isOpen\r\n }\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n </a>\r\n </div>\r\n\r\n <ul\r\n *ngIf=\"menuItem.isOpen\"\r\n class=\"meni\">\r\n <li *ngFor=\"let subItem of menuItem.list\">\r\n <a\r\n [routerLink]=\"subItem.url\"\r\n class=\"menu-item\"\r\n role=\"treeitem\">\r\n <span class=\"icon\">\r\n <i\r\n *ngIf=\"subItem.iconName\"\r\n [ngClass]=\"'fas fa-' + subItem.iconName\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n <span class=\"content\">\r\n {{ subItem.label }}\r\n </span>\r\n </a>\r\n </li>\r\n </ul>\r\n\r\n <ng-template #linkTemplate>\r\n <a\r\n [id]=\"menuItem.id\"\r\n [routerLink]=\"menuItem.url\"\r\n class=\"menu-item\"\r\n role=\"treeitem\">\r\n <span class=\"icon\">\r\n <i\r\n *ngIf=\"menuItem.iconName\"\r\n [ngClass]=\"'fas fa-' + menuItem.iconName\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n <span class=\"content\">\r\n {{ menuItem.label }}\r\n </span>\r\n </a>\r\n </ng-template>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </nav>\r\n </div>\r\n <div\r\n class=\"menu-scrim\"\r\n data-dismiss=\"menu\"\r\n tabindex=\"0\"\r\n (click)=\"toggleMenu()\">\r\n </div>\r\n </div>\r\n </div> -->\r\n\r\n\r\n\r\n <div class=\"col\">\r\n <div class=\"d-flex align-items-center\">\r\n <div>\r\n <button\r\n class=\"br-button small circle\"\r\n type=\"button\"\r\n aria-label=\"Menu\"\r\n data-toggle=\"menu\"\r\n data-target=\"#main-navigation\"\r\n (click)=\"toggleMenu()\">\r\n <i\r\n class=\"fas fa-bars\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".row{margin:10px!important}.menu-option{position:fixed;margin-top:70px;width:100%;box-shadow:0 4px 8px #0000001a;z-index:998}a{text-decoration:none!important}.menu-item{border-bottom:1px solid #dcdcdc}.br-menu{--menu-background-submenu: none}.br-menu .menu-painel{--focus-offset: calc(var(--spacing-scale-half)* -1);background:var(--background);display:flex;flex-direction:column;max-height:100vh;position:fixed;top:69px;min-width:270px;z-index:999;height:100vh}.br-menu .menu-scrim{min-height:100vh}.menu-folder .submenu{padding-left:1rem}\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.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, decorators: [{ type: Component, args: [{ selector: 'cfc-menu', template: "<div class=\"row\">\r\n <div\r\n class=\"br-menu fixed\"\r\n [ngClass]=\"{'active': isMenuVisible}\"\r\n id=\"main-navigation\">\r\n <div class=\"menu-container menu-option\">\r\n <div class=\"menu-panel\">\r\n <nav class=\"menu-body\" role=\"tree\">\r\n <ng-container *ngFor=\"let menuItem of menuItems\">\r\n <div\r\n class=\"menu-folder\">\r\n <a\r\n class=\"menu-item d-flex align-items-center\"\r\n [id]=\"menuItem.id\"\r\n (click)=\"toggleSubMenu(menuItem)\"\r\n role=\"treeitem\">\r\n <span class=\"icon\">\r\n <i\r\n *ngIf=\"menuItem.iconName\"\r\n [ngClass]=\"'fas fa-' + menuItem.iconName\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n <span class=\"content\">\r\n {{ menuItem.label }}\r\n </span>\r\n <span class=\"support\">\r\n <i\r\n [ngClass]=\"{\r\n 'fas fa-angle-down': !menuItem.isOpen,\r\n 'fas fa-angle-top': menuItem.isOpen\r\n }\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n </a>\r\n </div>\r\n <ul\r\n *ngIf=\"menuItem.isOpen\">\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-heart\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-address-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-tree\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-moon\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-archive\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n </ul>\r\n </ng-container>\r\n <!-- <div class=\"menu-folder\">\r\n <a\r\n class=\"menu-item\"\r\n role=\"treeitem\">\r\n <span class=\"icon\"><i class=\"fas fa-bell\" aria-hidden=\"true\"></i></span>\r\n <span class=\"content\">Camada 1</span>\r\n </a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-heart\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-address-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-tree\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-moon\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-archive\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n </ul>\r\n </div>\r\n <div class=\"menu-folder\"><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-bell\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 1</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-heart\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-address-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-tree\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-moon\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-archive\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n </ul>\r\n </div>\r\n <div class=\"menu-folder\"><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-bell\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 1</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-heart\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-address-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-book\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"icon\"><i class=\"fas fa-tree\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a>\r\n <ul>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\" role=\"treeitem\"><span class=\"content\">Camada 4</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-moon\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 3</span></a></li>\r\n </ul>\r\n </li>\r\n <li><a class=\"menu-item\" href=\"javascript: void(0)\"><span class=\"icon\"><i class=\"fas fa-archive\" aria-hidden=\"true\"></i></span><span class=\"content\">Camada 2</span></a></li>\r\n </ul>\r\n </div> -->\r\n </nav>\r\n </div>\r\n <div\r\n class=\"menu-scrim\"\r\n data-dismiss=\"menu\"\r\n tabindex=\"0\"\r\n (click)=\"toggleMenu()\">\r\n </div>\r\n </div>\r\n </div>\r\n\r\n\r\n\r\n <!-- <div\r\n class=\"br-menu fixed\"\r\n [ngClass]=\"{'active': isMenuVisible}\"\r\n id=\"main-navigation\">\r\n <div class=\"menu-container menu-option\">\r\n <div class=\"menu-painel\">\r\n <nav class=\"menu-body\" role=\"tree\">\r\n <div class=\"menu-folder\">\r\n <ul>\r\n <ng-container *ngFor=\"let menuItem of menuItems\">\r\n <li class=\"divider\">\r\n <div\r\n *ngIf=\"menuItem.list; else linkTemplate\"\r\n fxLayout=\"column\"\r\n class=\"menu-item\">\r\n <a\r\n [id]=\"menuItem.id\"\r\n (click)=\"toggleSubMenu(menuItem)\"\r\n class=\"d-flex align-items-center\"\r\n role=\"treeitem\">\r\n <span class=\"icon\">\r\n <i\r\n *ngIf=\"menuItem.iconName\"\r\n [ngClass]=\"'fas fa-' + menuItem.iconName\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n <span class=\"content\">\r\n {{ menuItem.label }}\r\n </span>\r\n <span class=\"support\">\r\n <i\r\n [ngClass]=\"{\r\n 'fas fa-angle-down': !menuItem.isOpen,\r\n 'fas fa-angle-top': menuItem.isOpen\r\n }\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n </a>\r\n </div>\r\n\r\n <ul\r\n *ngIf=\"menuItem.isOpen\"\r\n class=\"meni\">\r\n <li *ngFor=\"let subItem of menuItem.list\">\r\n <a\r\n [routerLink]=\"subItem.url\"\r\n class=\"menu-item\"\r\n role=\"treeitem\">\r\n <span class=\"icon\">\r\n <i\r\n *ngIf=\"subItem.iconName\"\r\n [ngClass]=\"'fas fa-' + subItem.iconName\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n <span class=\"content\">\r\n {{ subItem.label }}\r\n </span>\r\n </a>\r\n </li>\r\n </ul>\r\n\r\n <ng-template #linkTemplate>\r\n <a\r\n [id]=\"menuItem.id\"\r\n [routerLink]=\"menuItem.url\"\r\n class=\"menu-item\"\r\n role=\"treeitem\">\r\n <span class=\"icon\">\r\n <i\r\n *ngIf=\"menuItem.iconName\"\r\n [ngClass]=\"'fas fa-' + menuItem.iconName\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </span>\r\n <span class=\"content\">\r\n {{ menuItem.label }}\r\n </span>\r\n </a>\r\n </ng-template>\r\n </li>\r\n </ng-container>\r\n </ul>\r\n </div>\r\n </nav>\r\n </div>\r\n <div\r\n class=\"menu-scrim\"\r\n data-dismiss=\"menu\"\r\n tabindex=\"0\"\r\n (click)=\"toggleMenu()\">\r\n </div>\r\n </div>\r\n </div> -->\r\n\r\n\r\n\r\n <div class=\"col\">\r\n <div class=\"d-flex align-items-center\">\r\n <div>\r\n <button\r\n class=\"br-button small circle\"\r\n type=\"button\"\r\n aria-label=\"Menu\"\r\n data-toggle=\"menu\"\r\n data-target=\"#main-navigation\"\r\n (click)=\"toggleMenu()\">\r\n <i\r\n class=\"fas fa-bars\"\r\n aria-hidden=\"true\">\r\n </i>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".row{margin:10px!important}.menu-option{position:fixed;margin-top:70px;width:100%;box-shadow:0 4px 8px #0000001a;z-index:998}a{text-decoration:none!important}.menu-item{border-bottom:1px solid #dcdcdc}.br-menu{--menu-background-submenu: none}.br-menu .menu-painel{--focus-offset: calc(var(--spacing-scale-half)* -1);background:var(--background);display:flex;flex-direction:column;max-height:100vh;position:fixed;top:69px;min-width:270px;z-index:999;height:100vh}.br-menu .menu-scrim{min-height:100vh}.menu-folder .submenu{padding-left:1rem}\n"] }] }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { isMenuVisible: [{ type: Input }], menuItems: [{ type: Input }] } }); //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jZmMtZHMvc3JjL2xpYi9jb21wb25lbnRzL21lbnUvbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQVUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBT3hELE1BQU0sT0FBTyxhQUFhO0lBSUo7SUFIWCxhQUFhLEdBQVksS0FBSyxDQUFDO0lBQy9CLFNBQVMsR0FBVSxFQUFFLENBQUM7SUFFL0IsWUFBb0IsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFDaEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDckMsSUFBSSxLQUFLLFlBQVksYUFBYSxFQUFFLENBQUM7Z0JBQ25DLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztZQUNuQixDQUFDO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDbEMsUUFBUSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUMsQ0FBQyxpQ0FBaUM7UUFDNUQsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsVUFBVTtRQUNSLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzNDLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDN0IsQ0FBQztJQUVELGFBQWEsQ0FBQyxRQUFhO1FBQ3pCLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQ3JDLENBQUM7d0dBNUJVLGFBQWE7NEZBQWIsYUFBYSxvSENSMUIsOHZjQTBQQTs7NEZEbFBhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVTsyRUFLWCxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyLCBOYXZpZ2F0aW9uRW5kIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnY2ZjLW1lbnUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tZW51LmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBpc01lbnVWaXNpYmxlOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbWVudUl0ZW1zOiBhbnlbXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJvdXRlcjogUm91dGVyKSB7XHJcbiAgICB0aGlzLnJvdXRlci5ldmVudHMuc3Vic2NyaWJlKChldmVudCkgPT4ge1xyXG4gICAgICBpZiAoZXZlbnQgaW5zdGFuY2VvZiBOYXZpZ2F0aW9uRW5kKSB7XHJcbiAgICAgICAgdGhpcy5jbG9zZU1lbnUoKTtcclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubWVudUl0ZW1zLmZvckVhY2goKG1lbnVJdGVtKSA9PiB7XHJcbiAgICAgIG1lbnVJdGVtLmlzT3BlbiA9IGZhbHNlOyAvLyBJbml0aWFsaXplIGFsbCBtZW51cyBhcyBjbG9zZWRcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlTWVudSgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNNZW51VmlzaWJsZSA9ICF0aGlzLmlzTWVudVZpc2libGU7XHJcbiAgfVxyXG5cclxuICBjbG9zZU1lbnUoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzTWVudVZpc2libGUgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIHRvZ2dsZVN1Yk1lbnUobWVudUl0ZW06IGFueSk6IHZvaWQge1xyXG4gICAgbWVudUl0ZW0uaXNPcGVuID0gIW1lbnVJdGVtLmlzT3BlbjtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJvd1wiPlxyXG4gIDxkaXZcclxuICAgIGNsYXNzPVwiYnItbWVudSBmaXhlZFwiXHJcbiAgICBbbmdDbGFzc109XCJ7J2FjdGl2ZSc6IGlzTWVudVZpc2libGV9XCJcclxuICAgIGlkPVwibWFpbi1uYXZpZ2F0aW9uXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWVudS1jb250YWluZXIgbWVudS1vcHRpb25cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1lbnUtcGFuZWxcIj5cclxuICAgICAgICA8bmF2IGNsYXNzPVwibWVudS1ib2R5XCIgcm9sZT1cInRyZWVcIj5cclxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG1lbnVJdGVtIG9mIG1lbnVJdGVtc1wiPlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJtZW51LWZvbGRlclwiPlxyXG4gICAgICAgICAgICAgIDxhXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIm1lbnUtaXRlbSBkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCJcclxuICAgICAgICAgICAgICAgIFtpZF09XCJtZW51SXRlbS5pZFwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwidG9nZ2xlU3ViTWVudShtZW51SXRlbSlcIlxyXG4gICAgICAgICAgICAgICAgcm9sZT1cInRyZWVpdGVtXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImljb25cIj5cclxuICAgICAgICAgICAgICAgICAgPGlcclxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIm1lbnVJdGVtLmljb25OYW1lXCJcclxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCInZmFzIGZhLScgKyBtZW51SXRlbS5pY29uTmFtZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICAgIDwvaT5cclxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgICB7eyBtZW51SXRlbS5sYWJlbCB9fVxyXG4gICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdXBwb3J0XCI+XHJcbiAgICAgICAgICAgICAgICAgIDxpXHJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwie1xyXG4gICAgICAgICAgICAgICAgICAgICAgJ2ZhcyBmYS1hbmdsZS1kb3duJzogIW1lbnVJdGVtLmlzT3BlbixcclxuICAgICAgICAgICAgICAgICAgICAgICdmYXMgZmEtYW5nbGUtdG9wJzogbWVudUl0ZW0uaXNPcGVuXHJcbiAgICAgICAgICAgICAgICAgICAgfVwiXHJcbiAgICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XHJcbiAgICAgICAgICAgICAgICAgIDwvaT5cclxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8dWxcclxuICAgICAgICAgICAgICAqbmdJZj1cIm1lbnVJdGVtLmlzT3BlblwiPlxyXG4gICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtaGVhcnRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9zcGFuPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSAyPC9zcGFuPjwvYT48L2xpPlxyXG4gICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtYWRkcmVzcy1ib29rXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPjwvc3Bhbj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgMjwvc3Bhbj48L2E+XHJcbiAgICAgICAgICAgICAgICA8dWw+XHJcbiAgICAgICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtYm9va1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDM8L3NwYW4+PC9hPjwvbGk+XHJcbiAgICAgICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtdHJlZVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDM8L3NwYW4+PC9hPlxyXG4gICAgICAgICAgICAgICAgICAgIDx1bD5cclxuICAgICAgICAgICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDQ8L3NwYW4+PC9hPjwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiIHJvbGU9XCJ0cmVlaXRlbVwiPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSA0PC9zcGFuPjwvYT48L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGxpPjxhIGNsYXNzPVwibWVudS1pdGVtXCIgaHJlZj1cImphdmFzY3JpcHQ6IHZvaWQoMClcIiByb2xlPVwidHJlZWl0ZW1cIj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgNDwvc3Bhbj48L2E+PC9saT5cclxuICAgICAgICAgICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiPjxzcGFuIGNsYXNzPVwiaWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLW1vb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9zcGFuPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSAzPC9zcGFuPjwvYT48L2xpPlxyXG4gICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtYXJjaGl2ZVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDI8L3NwYW4+PC9hPjwvbGk+XHJcbiAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgIDwhLS0gPGRpdiBjbGFzcz1cIm1lbnUtZm9sZGVyXCI+XHJcbiAgICAgICAgICAgIDxhXHJcbiAgICAgICAgICAgICAgY2xhc3M9XCJtZW51LWl0ZW1cIlxyXG4gICAgICAgICAgICAgIHJvbGU9XCJ0cmVlaXRlbVwiPlxyXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLWJlbGxcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9zcGFuPlxyXG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSAxPC9zcGFuPlxyXG4gICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgIDx1bD5cclxuICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiIHJvbGU9XCJ0cmVlaXRlbVwiPjxzcGFuIGNsYXNzPVwiaWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLWhlYXJ0XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPjwvc3Bhbj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgMjwvc3Bhbj48L2E+PC9saT5cclxuICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiIHJvbGU9XCJ0cmVlaXRlbVwiPjxzcGFuIGNsYXNzPVwiaWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLWFkZHJlc3MtYm9va1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDI8L3NwYW4+PC9hPlxyXG4gICAgICAgICAgICAgICAgPHVsPlxyXG4gICAgICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiIHJvbGU9XCJ0cmVlaXRlbVwiPjxzcGFuIGNsYXNzPVwiaWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLWJvb2tcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9zcGFuPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSAzPC9zcGFuPjwvYT48L2xpPlxyXG4gICAgICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiIHJvbGU9XCJ0cmVlaXRlbVwiPjxzcGFuIGNsYXNzPVwiaWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLXRyZWVcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9zcGFuPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSAzPC9zcGFuPjwvYT5cclxuICAgICAgICAgICAgICAgICAgICA8dWw+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiIHJvbGU9XCJ0cmVlaXRlbVwiPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSA0PC9zcGFuPjwvYT48L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGxpPjxhIGNsYXNzPVwibWVudS1pdGVtXCIgaHJlZj1cImphdmFzY3JpcHQ6IHZvaWQoMClcIiByb2xlPVwidHJlZWl0ZW1cIj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgNDwvc3Bhbj48L2E+PC9saT5cclxuICAgICAgICAgICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDQ8L3NwYW4+PC9hPjwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICAgICAgPGxpPjxhIGNsYXNzPVwibWVudS1pdGVtXCIgaHJlZj1cImphdmFzY3JpcHQ6IHZvaWQoMClcIj48c3BhbiBjbGFzcz1cImljb25cIj48aSBjbGFzcz1cImZhcyBmYS1tb29uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPjwvc3Bhbj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgMzwvc3Bhbj48L2E+PC9saT5cclxuICAgICAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiPjxzcGFuIGNsYXNzPVwiaWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLWFyY2hpdmVcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9zcGFuPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSAyPC9zcGFuPjwvYT48L2xpPlxyXG4gICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibWVudS1mb2xkZXJcIj48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtYmVsbFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDE8L3NwYW4+PC9hPlxyXG4gICAgICAgICAgICA8dWw+XHJcbiAgICAgICAgICAgICAgPGxpPjxhIGNsYXNzPVwibWVudS1pdGVtXCIgaHJlZj1cImphdmFzY3JpcHQ6IHZvaWQoMClcIiByb2xlPVwidHJlZWl0ZW1cIj48c3BhbiBjbGFzcz1cImljb25cIj48aSBjbGFzcz1cImZhcyBmYS1oZWFydFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDI8L3NwYW4+PC9hPjwvbGk+XHJcbiAgICAgICAgICAgICAgPGxpPjxhIGNsYXNzPVwibWVudS1pdGVtXCIgaHJlZj1cImphdmFzY3JpcHQ6IHZvaWQoMClcIiByb2xlPVwidHJlZWl0ZW1cIj48c3BhbiBjbGFzcz1cImljb25cIj48aSBjbGFzcz1cImZhcyBmYS1hZGRyZXNzLWJvb2tcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9zcGFuPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSAyPC9zcGFuPjwvYT5cclxuICAgICAgICAgICAgICAgIDx1bD5cclxuICAgICAgICAgICAgICAgICAgPGxpPjxhIGNsYXNzPVwibWVudS1pdGVtXCIgaHJlZj1cImphdmFzY3JpcHQ6IHZvaWQoMClcIiByb2xlPVwidHJlZWl0ZW1cIj48c3BhbiBjbGFzcz1cImljb25cIj48aSBjbGFzcz1cImZhcyBmYS1ib29rXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPjwvc3Bhbj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgMzwvc3Bhbj48L2E+PC9saT5cclxuICAgICAgICAgICAgICAgICAgPGxpPjxhIGNsYXNzPVwibWVudS1pdGVtXCIgaHJlZj1cImphdmFzY3JpcHQ6IHZvaWQoMClcIiByb2xlPVwidHJlZWl0ZW1cIj48c3BhbiBjbGFzcz1cImljb25cIj48aSBjbGFzcz1cImZhcyBmYS10cmVlXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPjwvc3Bhbj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgMzwvc3Bhbj48L2E+XHJcbiAgICAgICAgICAgICAgICAgICAgPHVsPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGxpPjxhIGNsYXNzPVwibWVudS1pdGVtXCIgaHJlZj1cImphdmFzY3JpcHQ6IHZvaWQoMClcIiByb2xlPVwidHJlZWl0ZW1cIj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgNDwvc3Bhbj48L2E+PC9saT5cclxuICAgICAgICAgICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDQ8L3NwYW4+PC9hPjwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiIHJvbGU9XCJ0cmVlaXRlbVwiPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSA0PC9zcGFuPjwvYT48L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtbW9vblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDM8L3NwYW4+PC9hPjwvbGk+XHJcbiAgICAgICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgICAgPGxpPjxhIGNsYXNzPVwibWVudS1pdGVtXCIgaHJlZj1cImphdmFzY3JpcHQ6IHZvaWQoMClcIj48c3BhbiBjbGFzcz1cImljb25cIj48aSBjbGFzcz1cImZhcyBmYS1hcmNoaXZlXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPjwvc3Bhbj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgMjwvc3Bhbj48L2E+PC9saT5cclxuICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cIm1lbnUtZm9sZGVyXCI+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiIHJvbGU9XCJ0cmVlaXRlbVwiPjxzcGFuIGNsYXNzPVwiaWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLWJlbGxcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9zcGFuPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSAxPC9zcGFuPjwvYT5cclxuICAgICAgICAgICAgPHVsPlxyXG4gICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtaGVhcnRcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9zcGFuPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSAyPC9zcGFuPjwvYT48L2xpPlxyXG4gICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtYWRkcmVzcy1ib29rXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPjwvc3Bhbj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgMjwvc3Bhbj48L2E+XHJcbiAgICAgICAgICAgICAgICA8dWw+XHJcbiAgICAgICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtYm9va1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDM8L3NwYW4+PC9hPjwvbGk+XHJcbiAgICAgICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtdHJlZVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDM8L3NwYW4+PC9hPlxyXG4gICAgICAgICAgICAgICAgICAgIDx1bD5cclxuICAgICAgICAgICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCIgcm9sZT1cInRyZWVpdGVtXCI+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDQ8L3NwYW4+PC9hPjwvbGk+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiIHJvbGU9XCJ0cmVlaXRlbVwiPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSA0PC9zcGFuPjwvYT48L2xpPlxyXG4gICAgICAgICAgICAgICAgICAgICAgPGxpPjxhIGNsYXNzPVwibWVudS1pdGVtXCIgaHJlZj1cImphdmFzY3JpcHQ6IHZvaWQoMClcIiByb2xlPVwidHJlZWl0ZW1cIj48c3BhbiBjbGFzcz1cImNvbnRlbnRcIj5DYW1hZGEgNDwvc3Bhbj48L2E+PC9saT5cclxuICAgICAgICAgICAgICAgICAgICA8L3VsPlxyXG4gICAgICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgICAgICA8bGk+PGEgY2xhc3M9XCJtZW51LWl0ZW1cIiBocmVmPVwiamF2YXNjcmlwdDogdm9pZCgwKVwiPjxzcGFuIGNsYXNzPVwiaWNvblwiPjxpIGNsYXNzPVwiZmFzIGZhLW1vb25cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+PC9zcGFuPjxzcGFuIGNsYXNzPVwiY29udGVudFwiPkNhbWFkYSAzPC9zcGFuPjwvYT48L2xpPlxyXG4gICAgICAgICAgICAgICAgPC91bD5cclxuICAgICAgICAgICAgICA8L2xpPlxyXG4gICAgICAgICAgICAgIDxsaT48YSBjbGFzcz1cIm1lbnUtaXRlbVwiIGhyZWY9XCJqYXZhc2NyaXB0OiB2b2lkKDApXCI+PHNwYW4gY2xhc3M9XCJpY29uXCI+PGkgY2xhc3M9XCJmYXMgZmEtYXJjaGl2ZVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT48L3NwYW4+PHNwYW4gY2xhc3M9XCJjb250ZW50XCI+Q2FtYWRhIDI8L3NwYW4+PC9hPjwvbGk+XHJcbiAgICAgICAgICAgIDwvdWw+XHJcbiAgICAgICAgICA8L2Rpdj4gLS0+XHJcbiAgICAgICAgPC9uYXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2XHJcbiAgICAgICAgY2xhc3M9XCJtZW51LXNjcmltXCJcclxuICAgICAgICBkYXRhLWRpc21pc3M9XCJtZW51XCJcclxuICAgICAgICB0YWJpbmRleD1cIjBcIlxyXG4gICAgICAgIChjbGljayk9XCJ0b2dnbGVNZW51KClcIj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcblxyXG5cclxuICA8IS0tIDxkaXZcclxuICAgIGNsYXNzPVwiYnItbWVudSBmaXhlZFwiXHJcbiAgICBbbmdDbGFzc109XCJ7J2FjdGl2ZSc6IGlzTWVudVZpc2libGV9XCJcclxuICAgIGlkPVwibWFpbi1uYXZpZ2F0aW9uXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibWVudS1jb250YWluZXIgbWVudS1vcHRpb25cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm1lbnUtcGFpbmVsXCI+XHJcbiAgICAgICAgPG5hdiBjbGFzcz1cIm1lbnUtYm9keVwiIHJvbGU9XCJ0cmVlXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibWVudS1mb2xkZXJcIj5cclxuICAgICAgICAgICAgPHVsPlxyXG4gICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IG1lb