keevo-components 1.8.80 → 1.8.82

package/esm2022/lib/components/kv-menu/kv-menu.component.mjs

@@ -151,11 +151,11 @@ export class KvMenuComponent {
         return this.router.url.includes(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvMenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Router }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvMenuComponent, selector: "kv-menu", inputs: { aplicativos: "aplicativos", ultimoAplicativoSelecionado: "ultimoAplicativoSelecionado", breadCrumbItems: "breadCrumbItems", licencas: "licencas", licencaSelecionada: "licencaSelecionada", logoImage: "logoImage", nomeUsuario: "nomeUsuario" }, outputs: { expandMenuEmit: "expandMenuEmit", gerenciarKeePassEvent: "gerenciarKeePassEvent", licencaChange: "licencaChange", sairEvent: "sairEvent", selecionarAplicativoEmit: "selecionarAplicativoEmit", trocarLicencaEmit: "trocarLicencaEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }, { propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n\r\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column mx-1\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\r\n          >\r\n            <img\r\n              *ngIf=\"expandMenu\"\r\n              alt=\"Card\"\r\n              [src]=\"logoImage\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                menu\r\n              </i>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"trocarLicenca()\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.nome\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\r\n                cpfCnpj }}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"trocarLicenca()\"\r\n              [pTooltip]=\"'Alterar workspace'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                sync_alt\r\n              </i>\r\n            </button>\r\n\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n        </div>\r\n\r\n        <div\r\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\r\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\r\n          style=\"overflow-y: auto;\"\r\n        >\r\n          <!-- menus -->\r\n          <li *ngFor=\"let menu of menus; let i = index\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (mouseenter)=\"onMouseEnter(i)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n            >\r\n\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                (mouseenter)=\"onMouseEnter(i)\"\r\n                (mouseleave)=\"onMouseLeave()\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                class=\"menu-option flex align-items-center {{!expandMenu ? 'justify-content-center' : 'justify-content-between'}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n\r\n                  <i\r\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium\"\r\n                    *ngIf=\"expandMenu\"\r\n                  >{{ menu.descricaomenu }}</span>\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\r\n                  *ngIf=\"expandMenu\"\r\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n          <li *ngFor=\"\r\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\r\n            \">\r\n            <a\r\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n            >\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                *ngIf=\"filho.icone\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              >\r\n                {{ filho.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ filho.descricaomenu }}</span>\r\n            </a>\r\n          </li>\r\n        </div>\r\n      </div>\r\n</div>\r\n</div>\r\n</ng-template>\r\n</p-sidebar>\r\n\r\n<div\r\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n  id=\"page-content\"\r\n>\r\n\r\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\r\n    <div>\r\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\r\n        1]?.label}}</p>\r\n      <p-breadcrumb\r\n        *ngIf=\"widthCard > 400\"\r\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n        [model]=\"breadCrumbItems\"\r\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n      ></p-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-th-large\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      ></p-button>\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-user\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n      ></p-button>\r\n\r\n    </div>\r\n  </div>\r\n\r\n  <p-card\r\n    class=\"card-container\"\r\n    styleClass=\"m-3 border-noround overflow-y-auto card-container\"\r\n    [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\"\r\n  >\r\n    <div\r\n      class=\"card-container w-full overflow-y-hidden\"\r\n      [style]=\"{width: widthCard + 'px'}\"\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\r\n<p-overlayPanel\r\n  #sistemasPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n  <ng-template pTemplate=\"container\">\r\n    <p class=\"title-style mt-3\">Sistemas</p>\r\n    <div\r\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    >\r\n      <button\r\n        *ngFor=\"let aplicativo of aplicativos\"\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n        (click)=\"selecionarAplicativo(aplicativo.idaplicativo)\"\r\n        [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel\r\n  #meusDadosPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n\r\n  <ng-template pTemplate=\"container\">\r\n\r\n    <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ?\r\n      nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\r\n    <div class=\"mt-5 mb-3\">\r\n\r\n    </div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Acessar Keepass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      (onClick)=\"sair($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}\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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i7.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i8.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i9.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i10.Ripple, selector: "[pRipple]" }, { kind: "component", type: i11.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i12.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "pipe", type: i13.CpfCnpjPipe, name: "cpfCnpj" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvMenuComponent, selector: "kv-menu", inputs: { aplicativos: "aplicativos", ultimoAplicativoSelecionado: "ultimoAplicativoSelecionado", breadCrumbItems: "breadCrumbItems", licencas: "licencas", licencaSelecionada: "licencaSelecionada", logoImage: "logoImage", nomeUsuario: "nomeUsuario" }, outputs: { expandMenuEmit: "expandMenuEmit", gerenciarKeePassEvent: "gerenciarKeePassEvent", licencaChange: "licencaChange", sairEvent: "sairEvent", selecionarAplicativoEmit: "selecionarAplicativoEmit", trocarLicencaEmit: "trocarLicencaEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }, { propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }], ngImport: i0, template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n\r\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column mx-1\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\r\n          >\r\n            <img\r\n              *ngIf=\"expandMenu\"\r\n              alt=\"Card\"\r\n              [src]=\"logoImage\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                menu\r\n              </i>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"trocarLicenca()\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.nome\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\r\n                cpfCnpj }}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"trocarLicenca()\"\r\n              [pTooltip]=\"'Alterar workspace'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                sync_alt\r\n              </i>\r\n            </button>\r\n\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n        </div>\r\n\r\n        <div\r\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\r\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\r\n          style=\"overflow-y: auto;\"\r\n        >\r\n          <!-- menus -->\r\n          <li *ngFor=\"let menu of menus; let i = index\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (mouseenter)=\"onMouseEnter(i)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n            >\r\n\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                (mouseenter)=\"onMouseEnter(i)\"\r\n                (mouseleave)=\"onMouseLeave()\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                class=\"menu-option flex align-items-center {{!expandMenu ? 'justify-content-center' : 'justify-content-between'}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n\r\n                  <i\r\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium\"\r\n                    *ngIf=\"expandMenu\"\r\n                  >{{ menu.descricaomenu }}</span>\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\r\n                  *ngIf=\"expandMenu\"\r\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n          <li *ngFor=\"\r\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\r\n            \">\r\n            <a\r\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n            >\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                *ngIf=\"filho.icone\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              >\r\n                {{ filho.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ filho.descricaomenu }}</span>\r\n            </a>\r\n          </li>\r\n        </div>\r\n      </div>\r\n</div>\r\n</div>\r\n</ng-template>\r\n</p-sidebar>\r\n\r\n<div\r\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n  id=\"page-content\"\r\n>\r\n\r\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\r\n    <div>\r\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\r\n        1]?.label}}</p>\r\n      <p-breadcrumb\r\n        *ngIf=\"widthCard > 400\"\r\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n        [model]=\"breadCrumbItems\"\r\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n      ></p-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-th-large\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      ></p-button>\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-user\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n      ></p-button>\r\n\r\n    </div>\r\n  </div>\r\n\r\n  <p-card\r\n    class=\"card-container\"\r\n    styleClass=\"m-3 border-noround overflow-y-auto card-container\"\r\n    [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\"\r\n  >\r\n    <div\r\n      class=\"card-container w-full overflow-y-hidden\"\r\n      [style]=\"{width: widthCard + 'px'}\"\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\r\n<p-overlayPanel\r\n  #sistemasPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n  <ng-template pTemplate=\"container\">\r\n    <p class=\"title-style mt-3\">Sistemas</p>\r\n    <div\r\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    >\r\n      <button\r\n        *ngFor=\"let aplicativo of aplicativos\"\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n        (click)=\"selecionarAplicativo(aplicativo.idaplicativo)\"\r\n        [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel\r\n  #meusDadosPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n\r\n  <ng-template pTemplate=\"container\">\r\n\r\n    <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ?\r\n      nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\r\n    <div class=\"mt-5 mb-3\">\r\n\r\n    </div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Acessar Keepass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      (onClick)=\"sair($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:auto!important}\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.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "component", type: i6.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "tabindex", "size", "style", "styleClass", "badgeClass", "ariaLabel", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i7.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: i8.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i9.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i10.Ripple, selector: "[pRipple]" }, { kind: "component", type: i11.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i12.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "pipe", type: i13.CpfCnpjPipe, name: "cpfCnpj" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-menu', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n\r\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column mx-1\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\r\n          >\r\n            <img\r\n              *ngIf=\"expandMenu\"\r\n              alt=\"Card\"\r\n              [src]=\"logoImage\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                menu\r\n              </i>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"trocarLicenca()\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.nome\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\r\n                cpfCnpj }}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"trocarLicenca()\"\r\n              [pTooltip]=\"'Alterar workspace'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                sync_alt\r\n              </i>\r\n            </button>\r\n\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n        </div>\r\n\r\n        <div\r\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\r\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\r\n          style=\"overflow-y: auto;\"\r\n        >\r\n          <!-- menus -->\r\n          <li *ngFor=\"let menu of menus; let i = index\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (mouseenter)=\"onMouseEnter(i)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n            >\r\n\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                (mouseenter)=\"onMouseEnter(i)\"\r\n                (mouseleave)=\"onMouseLeave()\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                class=\"menu-option flex align-items-center {{!expandMenu ? 'justify-content-center' : 'justify-content-between'}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n\r\n                  <i\r\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium\"\r\n                    *ngIf=\"expandMenu\"\r\n                  >{{ menu.descricaomenu }}</span>\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\r\n                  *ngIf=\"expandMenu\"\r\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n          <li *ngFor=\"\r\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\r\n            \">\r\n            <a\r\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n            >\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                *ngIf=\"filho.icone\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              >\r\n                {{ filho.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ filho.descricaomenu }}</span>\r\n            </a>\r\n          </li>\r\n        </div>\r\n      </div>\r\n</div>\r\n</div>\r\n</ng-template>\r\n</p-sidebar>\r\n\r\n<div\r\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n  id=\"page-content\"\r\n>\r\n\r\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\r\n    <div>\r\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\r\n        1]?.label}}</p>\r\n      <p-breadcrumb\r\n        *ngIf=\"widthCard > 400\"\r\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n        [model]=\"breadCrumbItems\"\r\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n      ></p-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-th-large\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      ></p-button>\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-user\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n      ></p-button>\r\n\r\n    </div>\r\n  </div>\r\n\r\n  <p-card\r\n    class=\"card-container\"\r\n    styleClass=\"m-3 border-noround overflow-y-auto card-container\"\r\n    [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\"\r\n  >\r\n    <div\r\n      class=\"card-container w-full overflow-y-hidden\"\r\n      [style]=\"{width: widthCard + 'px'}\"\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\r\n<p-overlayPanel\r\n  #sistemasPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n  <ng-template pTemplate=\"container\">\r\n    <p class=\"title-style mt-3\">Sistemas</p>\r\n    <div\r\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    >\r\n      <button\r\n        *ngFor=\"let aplicativo of aplicativos\"\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n        (click)=\"selecionarAplicativo(aplicativo.idaplicativo)\"\r\n        [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel\r\n  #meusDadosPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n\r\n  <ng-template pTemplate=\"container\">\r\n\r\n    <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ?\r\n      nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\r\n    <div class=\"mt-5 mb-3\">\r\n\r\n    </div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Acessar Keepass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      (onClick)=\"sair($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}\n"] }]
+            args: [{ selector: 'kv-menu', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\r\n\r\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column mx-1\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\"\r\n          >\r\n            <img\r\n              *ngIf=\"expandMenu\"\r\n              alt=\"Card\"\r\n              [src]=\"logoImage\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"toggleMenu()\"\r\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                menu\r\n              </i>\r\n            </button>\r\n          </div>\r\n\r\n          <div\r\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\"\r\n          >\r\n            <div\r\n              class=\"flex flex-column cursor-pointer\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"trocarLicenca()\"\r\n            >\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                [pTooltip]=\"this.licencaSelecionada.nome\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\r\n                cpfCnpj }}</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\r\n              (click)=\"trocarLicenca()\"\r\n              [pTooltip]=\"'Alterar workspace'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            >\r\n              <i class=\"material-symbols-outlined\">\r\n                sync_alt\r\n              </i>\r\n            </button>\r\n\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n        </div>\r\n\r\n        <div\r\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\r\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\r\n          style=\"overflow-y: auto;\"\r\n        >\r\n          <!-- menus -->\r\n          <li *ngFor=\"let menu of menus; let i = index\">\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            <a\r\n              (mouseenter)=\"onMouseEnter(i)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              (click)=\"callRoute(menu.link)\"\r\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\r\n              pRipple\r\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n              [tooltipPosition]=\"'right'\"\r\n              class=\"{{verificarPaginaSelecionada(menu.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline {{!expandMenu ? 'justify-content-center' : ''}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n            >\r\n\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"menu.icone\"\r\n              >\r\n                {{ menu.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ menu.descricaomenu }}</span>\r\n            </a>\r\n            <!-- menu com filho -->\r\n            <div *ngIf=\"menu.indmenupai\">\r\n              <a\r\n                (mouseenter)=\"onMouseEnter(i)\"\r\n                (mouseleave)=\"onMouseLeave()\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                pRipple\r\n                pStyleClass=\"@next\"\r\n                enterClass=\"hidden\"\r\n                enterActiveClass=\"slidedown\"\r\n                leaveToClass=\"hidden\"\r\n                leaveActiveClass=\"slideup\"\r\n                class=\"menu-option flex align-items-center {{!expandMenu ? 'justify-content-center' : 'justify-content-between'}} cursor-pointer border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                [tooltipPosition]=\"'right'\"\r\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\r\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\"\r\n              >\r\n                <div class=\"flex flex-row align-items-center\">\r\n\r\n                  <i\r\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                    *ngIf=\"menu.icone\"\r\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                  >\r\n                    {{ menu.icone }}\r\n                  </i>\r\n                  <span\r\n                    class=\"text-base text-blue-900 font-medium\"\r\n                    *ngIf=\"expandMenu\"\r\n                  >{{ menu.descricaomenu }}</span>\r\n                </div>\r\n                <i\r\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\r\n                  *ngIf=\"expandMenu\"\r\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n                ></i>\r\n              </a>\r\n\r\n              <!-- filhos -->\r\n              <div\r\n                class=\"list-none py-0 pl-3 pr-0 m-0 hidden overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out\"\r\n              >\r\n          <li *ngFor=\"\r\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\r\n            \">\r\n            <a\r\n              (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\r\n              (mouseleave)=\"onMouseLeave()\"\r\n              [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\r\n              *ngIf=\"expandMenu\"\r\n              (click)=\"callRoute(filho.link)\"\r\n              pRipple\r\n              class=\"{{verificarPaginaSelecionada(filho.link) ? 'bg-green-600' : ''}} menu-option flex align-items-center no-underline cursor-pointer border-round text-700 hover:bg-green-600 transition-duration-150 transition-colors p-ripple p-2\"\r\n            >\r\n              <i\r\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\r\n                *ngIf=\"filho.icone\"\r\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\r\n              >\r\n                {{ filho.icone }}\r\n              </i>\r\n              <span\r\n                class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\r\n                *ngIf=\"expandMenu\"\r\n              >{{ filho.descricaomenu }}</span>\r\n            </a>\r\n          </li>\r\n        </div>\r\n      </div>\r\n</div>\r\n</div>\r\n</ng-template>\r\n</p-sidebar>\r\n\r\n<div\r\n  class=\"w-auto h-screen page-content overflow-y-hidden\"\r\n  id=\"page-content\"\r\n>\r\n\r\n  <div class=\"flex flex-row align-items-center justify-content-between m-3\">\r\n    <div>\r\n      <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length -\r\n        1]?.label}}</p>\r\n      <p-breadcrumb\r\n        *ngIf=\"widthCard > 400\"\r\n        styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\r\n        [model]=\"breadCrumbItems\"\r\n        [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n        (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n      ></p-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-th-large\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      ></p-button>\r\n\r\n      <p-button\r\n        styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\r\n        icon=\"pi pi-user\"\r\n        [rounded]=\"true\"\r\n        [text]=\"true\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n      ></p-button>\r\n\r\n    </div>\r\n  </div>\r\n\r\n  <p-card\r\n    class=\"card-container\"\r\n    styleClass=\"m-3 border-noround overflow-y-auto card-container\"\r\n    [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\"\r\n  >\r\n    <div\r\n      class=\"card-container w-full overflow-y-hidden\"\r\n      [style]=\"{width: widthCard + 'px'}\"\r\n    >\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\r\n<p-overlayPanel\r\n  #sistemasPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n  <ng-template pTemplate=\"container\">\r\n    <p class=\"title-style mt-3\">Sistemas</p>\r\n    <div\r\n      class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    >\r\n      <button\r\n        *ngFor=\"let aplicativo of aplicativos\"\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\r\n        (click)=\"selecionarAplicativo(aplicativo.idaplicativo)\"\r\n        [pTooltip]=\"aplicativo?.descricaoaplicativo\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-overlayPanel>\r\n\r\n<p-overlayPanel\r\n  #meusDadosPanel\r\n  [showTransitionOptions]=\"'350ms ease-out'\"\r\n  [hideTransitionOptions]=\"'250ms ease-in'\"\r\n>\r\n\r\n  <ng-template pTemplate=\"container\">\r\n\r\n    <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ?\r\n      nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\r\n    <div class=\"mt-5 mb-3\">\r\n\r\n    </div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Acessar Keepass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      (onClick)=\"sair($event)\"\r\n      styleClass=\"border-noround w-full text-blue-900\"\r\n      [text]=\"true\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>", styles: [".material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1em;display:inline-block;width:1em;height:1em;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}::ng-deep .p-button:focus{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}::ng-deep .p-overlaypanel .p-overlaypanel-content{padding:0}::ng-deep .hover-btn-cor-padrao.p-button:enabled:hover{background:#0c3e66;border-color:#002542}.p-button.p-button-icon-only.p-button-rounded{background:#0c3e66;border-color:#002542}::ng-deep .remove-focus:focus{border:none}::ng-deep .p-sidebar .p-sidebar-content{padding:0}::ng-deep .sidebar-header-sistema.p-sidebar .p-sidebar-header{padding-top:.5rem;padding-right:0;padding-bottom:0;padding-left:0;display:block}.btn-sistema{display:flex;align-items:center;justify-content:center;background-color:#0c3e66;font-size:20px}::ng-deep .p-sidebar .p-sidebar-header{padding:0rem!important}::ng-deep body{margin:0!important}::ng-deep .p-breadcrumb ul li.p-breadcrumb-chevron{position:relative;top:3px;color:#0c3e66!important}.page-content{background:linear-gradient(to bottom,#d4d3d3 16%,#fff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}span{font-size:.9rem!important}.breadcrumb-title{font-size:1rem!important;font-family:Inter var,Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .card-container{overflow-x:hidden}::ng-deep .card-container::-webkit-scrollbar{width:6px}::ng-deep .card-container::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .card-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .card-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.title-style{position:relative;top:10px;margin-left:20px;font-size:25px;color:#002542;border-bottom:2px solid green;font-weight:600;display:inline}::ng-deep p-sidebar .p-sidebar-content{overflow-y:hidden}::ng-deep p-dialog .p-dialog-content{overflow-y:unset}.icon-menu{color:#002542;display:flex;justify-content:center;align-items:center}::ng-deep .padding-style{padding:15px!important}::ng-deep .menu-option{padding:15px 5px!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb .p-breadcrumb-list .p-menuitem-text:hover{opacity:.7}.pl-3{padding-left:0rem!important}::ng-deep svg.p-icon{width:.7rem;height:1rem}.hover-color .text-base,.hover-color .icon-hover-color{color:#fff!important}::ng-deep .p-card .p-card-body{padding:0rem!important}::ng-deep .p-card .p-card-content{padding:0rem!important}::ng-deep .p-sidebar-left{z-index:auto!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.Router }, { type: i1.ActivatedRoute }], propDecorators: { aplicativos: [{
                 type: Input
             }], ultimoAplicativoSelecionado: [{

package/esm2022/lib/components/kv-modal/kv-modal.component.mjs

@@ -4,8 +4,9 @@ import * as i1 from "primeng/dynamicdialog";
 import * as i2 from "@angular/common";
 import * as i3 from "../kv-buttons/kv-button-personalize/kv-button-personalize.component";
 export class KvModalComponent {
-    constructor(dynamicDialogRef) {
+    constructor(dynamicDialogRef, dynamicDialogConfig) {
         this.dynamicDialogRef = dynamicDialogRef;
+        this.dynamicDialogConfig = dynamicDialogConfig;
         /**
          * Ações do Dialog
          */
@@ -14,12 +15,38 @@ export class KvModalComponent {
         this.justify_content = 'justify-content-start';
     }
     ngOnInit() {
+        this.addSubTitle();
         this.setMarginBottom();
         this.defPositionButtons();
     }
     onWindowResize() {
         this.setMarginBottom();
     }
+    /**
+     * Adiciona sub-título à tela
+     */
+    addSubTitle() {
+        if (this.subtitle) {
+            const headerElement = document.querySelector('.p-dialog .p-dialog-header');
+            if (headerElement) {
+                const subtitleElement = document.createElement('span');
+                subtitleElement.textContent = this.subtitle;
+                subtitleElement.style.fontSize = '0.75rem';
+                subtitleElement.style.width = '100%';
+                subtitleElement.style.marginLeft = '2px';
+                headerElement.appendChild(subtitleElement);
+            }
+        }
+        if (this.subHeader) {
+            const headerElement = document.querySelector('.p-dialog .p-dialog-header');
+            const subHeader = this.subHeader.nativeElement;
+            if (headerElement && this.subHeader) {
+                subHeader.style.width = '100%';
+                subHeader.style.marginLeft = '2px';
+                headerElement.appendChild(this.subHeader.nativeElement);
+            }
+        }
+    }
     defPositionButtons() {
         if (this.actionsPosition === 'right') {
             this.justify_content = 'justify-content-end';
@@ -50,13 +77,17 @@ export class KvModalComponent {
                 this.dynamicDialogRef.close();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvModalComponent, deps: [{ token: i1.DynamicDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvModalComponent, selector: "kv-modal", inputs: { actions: "actions", actionsPosition: "actionsPosition" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n    <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n    <kv-button-personalize\r\n        *ngFor=\" let action of actions\"\r\n        [ngClass]=\"action.visible==false?'hidden':''\"\r\n        color=\"{{action.color}}\"\r\n        colorHover=\"{{action.colorHover}}\"\r\n        textColor=\"{{action.textColor}}\"\r\n        icon=\"{{action.icon}}\"\r\n        label=\"{{action.label}}\"\r\n        [disabled]=\"action.disabled || false\"\r\n        (onClick)=\"clickExecute(action)\"\r\n    />\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{background:#002542!important;color:#fff!important}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\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: "component", type: i3.KvButtonPersonalizeComponent, selector: "kv-button-personalize", inputs: ["colorHover", "textColor"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvModalComponent, deps: [{ token: i1.DynamicDialogRef }, { token: i1.DynamicDialogConfig }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.8", type: KvModalComponent, selector: "kv-modal", inputs: { subHeader: "subHeader", subtitle: "subtitle", actions: "actions", actionsPosition: "actionsPosition" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n    <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n    <kv-button-personalize\r\n        *ngFor=\" let action of actions\"\r\n        [ngClass]=\"action.visible==false?'hidden':''\"\r\n        color=\"{{action.color}}\"\r\n        colorHover=\"{{action.colorHover}}\"\r\n        textColor=\"{{action.textColor}}\"\r\n        icon=\"{{action.icon}}\"\r\n        label=\"{{action.label}}\"\r\n        [disabled]=\"action.disabled || false\"\r\n        (onClick)=\"clickExecute(action)\"\r\n    />\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\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: "component", type: i3.KvButtonPersonalizeComponent, selector: "kv-button-personalize", inputs: ["colorHover", "textColor"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-modal', template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n    <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n    <kv-button-personalize\r\n        *ngFor=\" let action of actions\"\r\n        [ngClass]=\"action.visible==false?'hidden':''\"\r\n        color=\"{{action.color}}\"\r\n        colorHover=\"{{action.colorHover}}\"\r\n        textColor=\"{{action.textColor}}\"\r\n        icon=\"{{action.icon}}\"\r\n        label=\"{{action.label}}\"\r\n        [disabled]=\"action.disabled || false\"\r\n        (onClick)=\"clickExecute(action)\"\r\n    />\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{background:#002542!important;color:#fff!important}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\n"] }]
-        }], ctorParameters: () => [{ type: i1.DynamicDialogRef }], propDecorators: { onWindowResize: [{
+            args: [{ selector: 'kv-modal', template: "<!-- RENDERIZA\u00C7\u00C3O DO MODAL -->\r\n<div class=\"col-12 mb-4\" id=\"content-modal\">\r\n    <ng-content></ng-content>\r\n</div>\r\n\r\n<!-- RENDERIZA\u00C7\u00C3O DOS BOT\u00D5ES -->\r\n\r\n<div class=\"bg-white flex flex-row flex-wrap gap-2 p-2 modal-barra-acoes {{justify_content}}\" *ngIf=\"actions\" id=\"actions-field\">\r\n    <kv-button-personalize\r\n        *ngFor=\" let action of actions\"\r\n        [ngClass]=\"action.visible==false?'hidden':''\"\r\n        color=\"{{action.color}}\"\r\n        colorHover=\"{{action.colorHover}}\"\r\n        textColor=\"{{action.textColor}}\"\r\n        icon=\"{{action.icon}}\"\r\n        label=\"{{action.label}}\"\r\n        [disabled]=\"action.disabled || false\"\r\n        (onClick)=\"clickExecute(action)\"\r\n    />\r\n</div>", styles: ["::ng-deep .p-dialog .p-dialog-header{color:#fff!important;background:#002542!important;display:flex!important;flex-wrap:wrap}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}.sub-title{color:#ff0;position:relative;bottom:25px;z-index:1}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:10px;z-index:999}#page-form-container{padding-bottom:40px}@media screen and (max-width: 991px){#page-form-container{padding-bottom:100px}}.modal-barra-acoes{position:fixed;bottom:0;left:0;right:0;z-index:999;margin-right:1.5rem}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DynamicDialogRef }, { type: i1.DynamicDialogConfig }], propDecorators: { subHeader: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], onWindowResize: [{
                 type: HostListener,
                 args: ['window:resize', ['$event']]
             }], actions: [{
@@ -64,4 +95,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             }], actionsPosition: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtbW9kYWwva3YtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtbW9kYWwva3YtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNOLE1BQU0sZUFBZSxDQUFDOzs7OztBQVd2QixNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLFlBQXNCLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBWXhEOztXQUVHO1FBQ00sWUFBTyxHQUFpQixFQUFFLENBQUM7UUFDM0Isb0JBQWUsR0FBVyxPQUFPLENBQUM7UUFFM0Msb0JBQWUsR0FBVyx1QkFBdUIsQ0FBQztJQWxCVSxDQUFDO0lBRTdELFFBQVE7UUFDTixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDdkIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUdELGNBQWM7UUFDWixJQUFJLENBQUMsZUFBZSxFQUFFLENBQUE7SUFDeEIsQ0FBQztJQVVELGtCQUFrQjtRQUNoQixJQUFJLElBQUksQ0FBQyxlQUFlLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDckMsSUFBSSxDQUFDLGVBQWUsR0FBRyxxQkFBcUIsQ0FBQTtRQUM5QyxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLFFBQVEsRUFBRSxDQUFDO1lBQ3RDLElBQUksQ0FBQyxlQUFlLEdBQUcsd0JBQXdCLENBQUE7UUFDakQsQ0FBQztRQUNELElBQUksSUFBSSxDQUFDLGVBQWUsS0FBSyxNQUFNLEVBQUUsQ0FBQztZQUNwQyxJQUFJLENBQUMsZUFBZSxHQUFHLHVCQUF1QixDQUFBO1FBQ2hELENBQUM7SUFDSCxDQUFDO0lBRUQsZUFBZTtRQUNiLElBQUksa0JBQWtCLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsRUFBRSxZQUFZLENBQUM7UUFFaEYsSUFBSSxNQUFNLEdBQUcsUUFBUSxDQUFDLGNBQWMsQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUV0RCxJQUFJLE1BQU0sRUFBRSxDQUFDO1lBRVgsSUFBSSxrQkFBa0IsRUFBRSxDQUFDO2dCQUN2QixNQUFNLENBQUMsS0FBSyxDQUFDLFlBQVksR0FBRyxHQUFHLGtCQUFrQixHQUFHLEVBQUUsSUFBSSxDQUFDO1lBQzdELENBQUM7aUJBQ0ksQ0FBQztnQkFDSixNQUFNLENBQUMsS0FBSyxDQUFDLFlBQVksR0FBRyxNQUFNLENBQUM7WUFDckMsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQWtCO1FBQzdCLElBQUksTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBRW5CLE1BQU0sQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUVqQixJQUFJLE1BQU0sQ0FBQyxlQUFlLElBQUksS0FBSztnQkFBRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDckUsQ0FBQztJQUNILENBQUM7OEdBekRVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLHdMQ2Y3Qix3eEJBbUJNOzsyRkRKTyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVTtxRkFjcEIsY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFRaEMsT0FBTztzQkFBZixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgSW5wdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IER5bmFtaWNEaWFsb2dSZWYgfSBmcm9tICdwcmltZW5nL2R5bmFtaWNkaWFsb2cnO1xyXG5cclxuaW1wb3J0IHsgQWN0aW9uSXRlbSB9IGZyb20gJy4uLy4uLy4uL3B1YmxpYy1hcGknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9rdi1tb2RhbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdk1vZGFsQ29tcG9uZW50IHtcclxuXHJcbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGR5bmFtaWNEaWFsb2dSZWY6IER5bmFtaWNEaWFsb2dSZWYpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2V0TWFyZ2luQm90dG9tKCk7XHJcbiAgICB0aGlzLmRlZlBvc2l0aW9uQnV0dG9ucygpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXHJcbiAgb25XaW5kb3dSZXNpemUoKSB7XHJcbiAgICB0aGlzLnNldE1hcmdpbkJvdHRvbSgpXHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBBw6fDtWVzIGRvIERpYWxvZ1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFjdGlvbnM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGFjdGlvbnNQb3NpdGlvbjogc3RyaW5nID0gJ3JpZ2h0JztcclxuXHJcbiAganVzdGlmeV9jb250ZW50OiBzdHJpbmcgPSAnanVzdGlmeS1jb250ZW50LXN0YXJ0JztcclxuXHJcbiAgZGVmUG9zaXRpb25CdXR0b25zKCkge1xyXG4gICAgaWYgKHRoaXMuYWN0aW9uc1Bvc2l0aW9uID09PSAncmlnaHQnKSB7XHJcbiAgICAgIHRoaXMuanVzdGlmeV9jb250ZW50ID0gJ2p1c3RpZnktY29udGVudC1lbmQnXHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5hY3Rpb25zUG9zaXRpb24gPT09ICdjZW50ZXInKSB7XHJcbiAgICAgIHRoaXMuanVzdGlmeV9jb250ZW50ID0gJ2p1c3RpZnktY29udGVudC1jZW50ZXInXHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5hY3Rpb25zUG9zaXRpb24gPT09ICdsZWZ0Jykge1xyXG4gICAgICB0aGlzLmp1c3RpZnlfY29udGVudCA9ICdqdXN0aWZ5LWNvbnRlbnQtc3RhcnQnXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZXRNYXJnaW5Cb3R0b20oKSB7XHJcbiAgICBsZXQgYWN0aW9uc0ZpZWxkSGVpZ2h0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2FjdGlvbnMtZmllbGQnKT8ub2Zmc2V0SGVpZ2h0O1xyXG5cclxuICAgIGxldCBkaXZCb3ggPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY29udGVudC1tb2RhbCcpO1xyXG4gICAgXHJcbiAgICBpZiAoZGl2Qm94KSB7XHJcbiAgICAgIFxyXG4gICAgICBpZiAoYWN0aW9uc0ZpZWxkSGVpZ2h0KSB7XHJcbiAgICAgICAgZGl2Qm94LnN0eWxlLm1hcmdpbkJvdHRvbSA9IGAke2FjdGlvbnNGaWVsZEhlaWdodCArIDMwfXB4YDtcclxuICAgICAgfVxyXG4gICAgICBlbHNlIHtcclxuICAgICAgICBkaXZCb3guc3R5bGUubWFyZ2luQm90dG9tID0gYDUwcHhgO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbGlja0V4ZWN1dGUoYWN0aW9uOiBBY3Rpb25JdGVtKSB7XHJcbiAgICBpZiAoYWN0aW9uLmNvbW1hbmQpIHtcclxuXHJcbiAgICAgIGFjdGlvbi5jb21tYW5kKCk7XHJcblxyXG4gICAgICBpZiAoYWN0aW9uLmNsb3NlQWZ0ZXJDbGljayAhPSBmYWxzZSkgdGhpcy5keW5hbWljRGlhbG9nUmVmLmNsb3NlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG59IiwiPCEtLSBSRU5ERVJJWkHDh8ODTyBETyBNT0RBTCAtLT5cclxuPGRpdiBjbGFzcz1cImNvbC0xMiBtYi00XCIgaWQ9XCJjb250ZW50LW1vZGFsXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PlxyXG5cclxuPCEtLSBSRU5ERVJJWkHDh8ODTyBET1MgQk9Uw5VFUyAtLT5cclxuXHJcbjxkaXYgY2xhc3M9XCJiZy13aGl0ZSBmbGV4IGZsZXgtcm93IGZsZXgtd3JhcCBnYXAtMiBwLTIgbW9kYWwtYmFycmEtYWNvZXMge3tqdXN0aWZ5X2NvbnRlbnR9fVwiICpuZ0lmPVwiYWN0aW9uc1wiIGlkPVwiYWN0aW9ucy1maWVsZFwiPlxyXG4gICAgPGt2LWJ1dHRvbi1wZXJzb25hbGl6ZVxyXG4gICAgICAgICpuZ0Zvcj1cIiBsZXQgYWN0aW9uIG9mIGFjdGlvbnNcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cImFjdGlvbi52aXNpYmxlPT1mYWxzZT8naGlkZGVuJzonJ1wiXHJcbiAgICAgICAgY29sb3I9XCJ7e2FjdGlvbi5jb2xvcn19XCJcclxuICAgICAgICBjb2xvckhvdmVyPVwie3thY3Rpb24uY29sb3JIb3Zlcn19XCJcclxuICAgICAgICB0ZXh0Q29sb3I9XCJ7e2FjdGlvbi50ZXh0Q29sb3J9fVwiXHJcbiAgICAgICAgaWNvbj1cInt7YWN0aW9uLmljb259fVwiXHJcbiAgICAgICAgbGFiZWw9XCJ7e2FjdGlvbi5sYWJlbH19XCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiYWN0aW9uLmRpc2FibGVkIHx8IGZhbHNlXCJcclxuICAgICAgICAob25DbGljayk9XCJjbGlja0V4ZWN1dGUoYWN0aW9uKVwiXHJcbiAgICAvPlxyXG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtbW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtbW9kYWwva3YtbW9kYWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtbW9kYWwva3YtbW9kYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxZQUFZLEVBQ1osS0FBSyxFQUNOLE1BQU0sZUFBZSxDQUFDOzs7OztBQVd2QixNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLFlBQXNCLGdCQUFrQyxFQUNoRCxtQkFBd0M7UUFEMUIscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUNoRCx3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBa0RoRDs7V0FFRztRQUNNLFlBQU8sR0FBaUIsRUFBRSxDQUFDO1FBQzNCLG9CQUFlLEdBQVcsT0FBTyxDQUFDO1FBRTNDLG9CQUFlLEdBQVcsdUJBQXVCLENBQUM7SUF0RDlDLENBQUM7SUFLTCxRQUFRO1FBQ04sSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBR0QsY0FBYztRQUNaLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQTtJQUN4QixDQUFDO0lBRUQ7O09BRUc7SUFDSCxXQUFXO1FBRVQsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbEIsTUFBTSxhQUFhLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1lBQzNFLElBQUksYUFBYSxFQUFFLENBQUM7Z0JBQ2xCLE1BQU0sZUFBZSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3ZELGVBQWUsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztnQkFDNUMsZUFBZSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsU0FBUyxDQUFBO2dCQUMxQyxlQUFlLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUE7Z0JBQ3BDLGVBQWUsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQTtnQkFFeEMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsQ0FBQztZQUM3QyxDQUFDO1FBQ0gsQ0FBQztRQUVELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ25CLE1BQU0sYUFBYSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsNEJBQTRCLENBQUMsQ0FBQztZQUMzRSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsQ0FBQztZQUMvQyxJQUFJLGFBQWEsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQ3BDLFNBQVMsQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLE1BQU0sQ0FBQTtnQkFDOUIsU0FBUyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFBO2dCQUVsQyxhQUFhLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDMUQsQ0FBQztRQUNILENBQUM7SUFHSCxDQUFDO0lBVUQsa0JBQWtCO1FBQ2hCLElBQUksSUFBSSxDQUFDLGVBQWUsS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUNyQyxJQUFJLENBQUMsZUFBZSxHQUFHLHFCQUFxQixDQUFBO1FBQzlDLENBQUM7UUFDRCxJQUFJLElBQUksQ0FBQyxlQUFlLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDdEMsSUFBSSxDQUFDLGVBQWUsR0FBRyx3QkFBd0IsQ0FBQTtRQUNqRCxDQUFDO1FBQ0QsSUFBSSxJQUFJLENBQUMsZUFBZSxLQUFLLE1BQU0sRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxlQUFlLEdBQUcsdUJBQXVCLENBQUE7UUFDaEQsQ0FBQztJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxrQkFBa0IsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxFQUFFLFlBQVksQ0FBQztRQUVoRixJQUFJLE1BQU0sR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBRXRELElBQUksTUFBTSxFQUFFLENBQUM7WUFFWCxJQUFJLGtCQUFrQixFQUFFLENBQUM7Z0JBQ3ZCLE1BQU0sQ0FBQyxLQUFLLENBQUMsWUFBWSxHQUFHLEdBQUcsa0JBQWtCLEdBQUcsRUFBRSxJQUFJLENBQUM7WUFDN0QsQ0FBQztpQkFDSSxDQUFDO2dCQUNKLE1BQU0sQ0FBQyxLQUFLLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQztZQUNyQyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFRCxZQUFZLENBQUMsTUFBa0I7UUFDN0IsSUFBSSxNQUFNLENBQUMsT0FBTyxFQUFFLENBQUM7WUFFbkIsTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBRWpCLElBQUksTUFBTSxDQUFDLGVBQWUsSUFBSSxLQUFLO2dCQUFFLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNyRSxDQUFDO0lBQ0gsQ0FBQzs4R0FoR1UsZ0JBQWdCO2tHQUFoQixnQkFBZ0Isc09DaEI3Qix3eEJBbUJNOzsyRkRITyxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsVUFBVTt1SEFXWCxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBU04sY0FBYztzQkFEYixZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkF3Q2hDLE9BQU87c0JBQWYsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBIb3N0TGlzdGVuZXIsXHJcbiAgSW5wdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IER5bmFtaWNEaWFsb2dDb25maWcsIER5bmFtaWNEaWFsb2dSZWYgfSBmcm9tICdwcmltZW5nL2R5bmFtaWNkaWFsb2cnO1xyXG5cclxuaW1wb3J0IHsgQWN0aW9uSXRlbSB9IGZyb20gJy4uLy4uLy4uL3B1YmxpYy1hcGknO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9rdi1tb2RhbC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdk1vZGFsQ29tcG9uZW50IHtcclxuXHJcbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGR5bmFtaWNEaWFsb2dSZWY6IER5bmFtaWNEaWFsb2dSZWYsXHJcbiAgcHJpdmF0ZSBkeW5hbWljRGlhbG9nQ29uZmlnOiBEeW5hbWljRGlhbG9nQ29uZmlnLFxyXG5cclxuICApIHsgfVxyXG5cclxuICBASW5wdXQoKSBzdWJIZWFkZXIhOiBFbGVtZW50UmVmO1xyXG4gIEBJbnB1dCgpIHN1YnRpdGxlITogc3RyaW5nO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYWRkU3ViVGl0bGUoKTtcclxuICAgIHRoaXMuc2V0TWFyZ2luQm90dG9tKCk7XHJcbiAgICB0aGlzLmRlZlBvc2l0aW9uQnV0dG9ucygpO1xyXG4gIH1cclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXHJcbiAgb25XaW5kb3dSZXNpemUoKSB7XHJcbiAgICB0aGlzLnNldE1hcmdpbkJvdHRvbSgpXHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBBZGljaW9uYSBzdWItdMOtdHVsbyDDoCB0ZWxhXHJcbiAgICovXHJcbiAgYWRkU3ViVGl0bGUoKSB7XHJcblxyXG4gICAgaWYgKHRoaXMuc3VidGl0bGUpIHtcclxuICAgICAgY29uc3QgaGVhZGVyRWxlbWVudCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5wLWRpYWxvZyAucC1kaWFsb2ctaGVhZGVyJyk7XHJcbiAgICAgIGlmIChoZWFkZXJFbGVtZW50KSB7XHJcbiAgICAgICAgY29uc3Qgc3VidGl0bGVFbGVtZW50ID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnc3BhbicpO1xyXG4gICAgICAgIHN1YnRpdGxlRWxlbWVudC50ZXh0Q29udGVudCA9IHRoaXMuc3VidGl0bGU7XHJcbiAgICAgICAgc3VidGl0bGVFbGVtZW50LnN0eWxlLmZvbnRTaXplID0gJzAuNzVyZW0nXHJcbiAgICAgICAgc3VidGl0bGVFbGVtZW50LnN0eWxlLndpZHRoID0gJzEwMCUnXHJcbiAgICAgICAgc3VidGl0bGVFbGVtZW50LnN0eWxlLm1hcmdpbkxlZnQgPSAnMnB4J1xyXG5cclxuICAgICAgICBoZWFkZXJFbGVtZW50LmFwcGVuZENoaWxkKHN1YnRpdGxlRWxlbWVudCk7XHJcbiAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5zdWJIZWFkZXIpIHtcclxuICAgICAgY29uc3QgaGVhZGVyRWxlbWVudCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoJy5wLWRpYWxvZyAucC1kaWFsb2ctaGVhZGVyJyk7XHJcbiAgICAgIGNvbnN0IHN1YkhlYWRlciA9IHRoaXMuc3ViSGVhZGVyLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgICAgIGlmIChoZWFkZXJFbGVtZW50ICYmIHRoaXMuc3ViSGVhZGVyKSB7XHJcbiAgICAgICAgc3ViSGVhZGVyLnN0eWxlLndpZHRoID0gJzEwMCUnXHJcbiAgICAgICAgc3ViSGVhZGVyLnN0eWxlLm1hcmdpbkxlZnQgPSAnMnB4J1xyXG5cclxuICAgICAgICBoZWFkZXJFbGVtZW50LmFwcGVuZENoaWxkKHRoaXMuc3ViSGVhZGVyLm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgXHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBBw6fDtWVzIGRvIERpYWxvZ1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFjdGlvbnM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGFjdGlvbnNQb3NpdGlvbjogc3RyaW5nID0gJ3JpZ2h0JztcclxuXHJcbiAganVzdGlmeV9jb250ZW50OiBzdHJpbmcgPSAnanVzdGlmeS1jb250ZW50LXN0YXJ0JztcclxuXHJcbiAgZGVmUG9zaXRpb25CdXR0b25zKCkge1xyXG4gICAgaWYgKHRoaXMuYWN0aW9uc1Bvc2l0aW9uID09PSAncmlnaHQnKSB7XHJcbiAgICAgIHRoaXMuanVzdGlmeV9jb250ZW50ID0gJ2p1c3RpZnktY29udGVudC1lbmQnXHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5hY3Rpb25zUG9zaXRpb24gPT09ICdjZW50ZXInKSB7XHJcbiAgICAgIHRoaXMuanVzdGlmeV9jb250ZW50ID0gJ2p1c3RpZnktY29udGVudC1jZW50ZXInXHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy5hY3Rpb25zUG9zaXRpb24gPT09ICdsZWZ0Jykge1xyXG4gICAgICB0aGlzLmp1c3RpZnlfY29udGVudCA9ICdqdXN0aWZ5LWNvbnRlbnQtc3RhcnQnXHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZXRNYXJnaW5Cb3R0b20oKSB7XHJcbiAgICBsZXQgYWN0aW9uc0ZpZWxkSGVpZ2h0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2FjdGlvbnMtZmllbGQnKT8ub2Zmc2V0SGVpZ2h0O1xyXG5cclxuICAgIGxldCBkaXZCb3ggPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY29udGVudC1tb2RhbCcpO1xyXG4gICAgXHJcbiAgICBpZiAoZGl2Qm94KSB7XHJcbiAgICAgIFxyXG4gICAgICBpZiAoYWN0aW9uc0ZpZWxkSGVpZ2h0KSB7XHJcbiAgICAgICAgZGl2Qm94LnN0eWxlLm1hcmdpbkJvdHRvbSA9IGAke2FjdGlvbnNGaWVsZEhlaWdodCArIDMwfXB4YDtcclxuICAgICAgfVxyXG4gICAgICBlbHNlIHtcclxuICAgICAgICBkaXZCb3guc3R5bGUubWFyZ2luQm90dG9tID0gYDUwcHhgO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbGlja0V4ZWN1dGUoYWN0aW9uOiBBY3Rpb25JdGVtKSB7XHJcbiAgICBpZiAoYWN0aW9uLmNvbW1hbmQpIHtcclxuXHJcbiAgICAgIGFjdGlvbi5jb21tYW5kKCk7XHJcblxyXG4gICAgICBpZiAoYWN0aW9uLmNsb3NlQWZ0ZXJDbGljayAhPSBmYWxzZSkgdGhpcy5keW5hbWljRGlhbG9nUmVmLmNsb3NlKCk7XHJcbiAgICB9XHJcbiAgfVxyXG59IiwiPCEtLSBSRU5ERVJJWkHDh8ODTyBETyBNT0RBTCAtLT5cclxuPGRpdiBjbGFzcz1cImNvbC0xMiBtYi00XCIgaWQ9XCJjb250ZW50LW1vZGFsXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbjwvZGl2PlxyXG5cclxuPCEtLSBSRU5ERVJJWkHDh8ODTyBET1MgQk9Uw5VFUyAtLT5cclxuXHJcbjxkaXYgY2xhc3M9XCJiZy13aGl0ZSBmbGV4IGZsZXgtcm93IGZsZXgtd3JhcCBnYXAtMiBwLTIgbW9kYWwtYmFycmEtYWNvZXMge3tqdXN0aWZ5X2NvbnRlbnR9fVwiICpuZ0lmPVwiYWN0aW9uc1wiIGlkPVwiYWN0aW9ucy1maWVsZFwiPlxyXG4gICAgPGt2LWJ1dHRvbi1wZXJzb25hbGl6ZVxyXG4gICAgICAgICpuZ0Zvcj1cIiBsZXQgYWN0aW9uIG9mIGFjdGlvbnNcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cImFjdGlvbi52aXNpYmxlPT1mYWxzZT8naGlkZGVuJzonJ1wiXHJcbiAgICAgICAgY29sb3I9XCJ7e2FjdGlvbi5jb2xvcn19XCJcclxuICAgICAgICBjb2xvckhvdmVyPVwie3thY3Rpb24uY29sb3JIb3Zlcn19XCJcclxuICAgICAgICB0ZXh0Q29sb3I9XCJ7e2FjdGlvbi50ZXh0Q29sb3J9fVwiXHJcbiAgICAgICAgaWNvbj1cInt7YWN0aW9uLmljb259fVwiXHJcbiAgICAgICAgbGFiZWw9XCJ7e2FjdGlvbi5sYWJlbH19XCJcclxuICAgICAgICBbZGlzYWJsZWRdPVwiYWN0aW9uLmRpc2FibGVkIHx8IGZhbHNlXCJcclxuICAgICAgICAob25DbGljayk9XCJjbGlja0V4ZWN1dGUoYWN0aW9uKVwiXHJcbiAgICAvPlxyXG48L2Rpdj4iXX0=