keevo-components 1.8.40 → 1.8.41

package/fesm2022/keevo-components.mjs

@@ -100,6 +100,7 @@ import { BreadcrumbModule } from 'primeng/breadcrumb';
 import * as i9 from 'primeng/treetable';
 import { TreeTableModule } from 'primeng/treetable';
 import { ImageModule } from 'primeng/image';
+import { TagModule } from 'primeng/tag';
 import Quill from 'quill';
 import * as i1$5 from 'ngx-loading';
 import { NgxLoadingModule } from 'ngx-loading';
@@ -1960,7 +1961,8 @@ class PrimeNgModule {
             StyleClassModule,
             BreadcrumbModule,
             TreeTableModule,
-            ImageModule] }); }
+            ImageModule,
+            TagModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrimeNgModule, providers: [
             ConfirmationService,
             DialogService,
@@ -2022,7 +2024,8 @@ class PrimeNgModule {
             StyleClassModule,
             BreadcrumbModule,
             TreeTableModule,
-            ImageModule] }); }
+            ImageModule,
+            TagModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PrimeNgModule, decorators: [{
             type: NgModule,
@@ -2083,7 +2086,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         StyleClassModule,
                         BreadcrumbModule,
                         TreeTableModule,
-                        ImageModule
+                        ImageModule,
+                        TagModule
                     ],
                     providers: [
                         ConfirmationService,
@@ -2174,11 +2178,11 @@ class KvAvatarComponent {
         event.target.src = this.imageService.userDefaultImage();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvAvatarComponent, deps: [{ token: ImagensService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: KvAvatarComponent, selector: "kv-avatar", inputs: { imageUrl: "imageUrl", borderColor: "borderColor", width: "width", height: "height", btnAlterarFoto: "btnAlterarFoto" }, outputs: { imageUrlChange: "imageUrlChange", removerFotoEvent: "removerFotoEvent" }, ngImport: i0, template: "<div class=\"image-container\">\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\n  <div class=\"btn\">\n    <input *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($event)\">\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\n      <i class=\"pi pi-camera icon-edit\"></i>\n    </button>\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\n      <i class=\"pi pi-trash icon-delete\"></i>\n    </button>\n  </div>\n</div>\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#3b82f6;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#ef4444;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:85%;left:75%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: KvAvatarComponent, selector: "kv-avatar", inputs: { imageUrl: "imageUrl", borderColor: "borderColor", width: "width", height: "height", btnAlterarFoto: "btnAlterarFoto" }, outputs: { imageUrlChange: "imageUrlChange", removerFotoEvent: "removerFotoEvent" }, ngImport: i0, template: "<div class=\"image-container\">\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\n  <div class=\"btn\">\n    <input *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($event)\">\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\n      <i class=\"pi pi-camera icon-edit\"></i>\n    </button>\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\n      <i class=\"pi pi-trash icon-delete\"></i>\n    </button>\n  </div>\n</div>\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-avatar', template: "<div class=\"image-container\">\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\n  <div class=\"btn\">\n    <input *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($event)\">\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\n      <i class=\"pi pi-camera icon-edit\"></i>\n    </button>\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\n      <i class=\"pi pi-trash icon-delete\"></i>\n    </button>\n  </div>\n</div>\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#3b82f6;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#ef4444;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:85%;left:75%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"] }]
+            args: [{ selector: 'kv-avatar', template: "<div class=\"image-container\">\n  <img [src]=\"getImageSrc() || imageService.userDefaultImage()\" alt=\"Foto\" class=\"container-foto\" [style.border-color]=\"borderColor\" [style.width.px]=\"width\" [style.height.px]=\"height\" (error)=\"handleImageError($event)\" >\n  <div class=\"btn\">\n    <input *ngIf=\"btnAlterarFoto\" id=\"fotoEscolhida\" type=\"file\" accept=\"image/*\" style=\"display:none\" (change)=\"selectFotoSelecionada($event)\">\n    <button *ngIf=\"btnAlterarFoto && !existeLogo\" class=\"botao-alterar-foto border-circle\" (click)=\"openFile()\">\n      <i class=\"pi pi-camera icon-edit\"></i>\n    </button>\n    <button *ngIf=\"btnAlterarFoto && existeLogo\" class=\"botao-excluir-foto border-circle\" (click)=\"removerFoto()\">\n      <i class=\"pi pi-trash icon-delete\"></i>\n    </button>\n  </div>\n</div>\n", styles: ["img{border-style:solid;border-width:4px;border-radius:50%}.botao-alterar-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-alterar-foto i{color:#fff}.botao-excluir-foto{border-style:none;width:max-content;background-color:#5289b4;color:#000;font-weight:700;cursor:pointer;padding:10px 12px}.botao-excluir-foto i{color:#fff}.btn{position:absolute;top:87%;left:87%;transform:translate(-50%,-50%)}.image-container{display:inline-block;position:relative}\n"] }]
         }], ctorParameters: function () { return [{ type: ImagensService }]; }, propDecorators: { imageUrl: [{
                 type: Input
             }], borderColor: [{
@@ -3278,6 +3282,7 @@ class KvMenuComponent {
         this.configurarLicencas();
         this.heigthCard = Number(document.getElementById('page-content')?.offsetHeight);
         this.widthCard = Number(window.innerWidth) - (this.expandMenu ? 333 : 93);
+        this.expandMenuEvent();
     }
     onMouseEnter(index) {
         this.mouseOverIndex = index;
@@ -3312,11 +3317,11 @@ class KvMenuComponent {
         return this.router.url.includes(link);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvMenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: KvMenuComponent, selector: "kv-menu", inputs: { aplicativos: "aplicativos", breadCrumbItems: "breadCrumbItems", licencas: "licencas", licencaSelecionada: "licencaSelecionada", logoImage: "logoImage", nomeUsuario: "nomeUsuario" }, outputs: { expandMenuEmit: "expandMenuEmit", gerenciarKeePassEvent: "gerenciarKeePassEvent", licencaChange: "licencaChange", sairEvent: "sairEvent", 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\">\n\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\n\n  <p-sidebar\n    #sidebarRef\n    [visible]=\"true\"\n    [showCloseIcon]=\"false\"\n    [modal]=\"false\"\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\">\n    <ng-template pTemplate=\"headless\">\n      <div class=\"flex flex-column mx-1\">\n        <div\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\">\n            <img\n              *ngIf=\"expandMenu\"\n              alt=\"Card\"\n              [src]=\"logoImage\"\n              width=\"150\" />\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"toggleMenu()\"\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\n              [tooltipPosition]=\"'right'\">\n              <i class=\"material-symbols-outlined\">\n                menu\n              </i>\n            </button>\n          </div>\n\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\">\n            <div\n              class=\"flex flex-column cursor-pointer\"\n              *ngIf=\"expandMenu\"\n              (click)=\"trocarLicenca()\">\n              <span\n                class=\"text-sm font-semibold mr-2\"\n                [pTooltip]=\"this.licencaSelecionada.nome\"\n                [tooltipPosition]=\"'right'\">\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\n              </span>\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\n                cpfCnpj }}</span>\n            </div>\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"trocarLicenca()\"\n              [pTooltip]=\"'Alterar workspace'\"\n              [tooltipPosition]=\"'right'\">\n              <i class=\"material-symbols-outlined\">\n                sync_alt\n              </i>\n            </button>\n\n          </div>\n          <p-divider type=\"solid\"></p-divider>\n        </div>\n\n        <div\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\n          style=\"overflow-y: auto;\">\n          <!-- menus -->\n          <li *ngFor=\"let menu of menus; let i = index\">\n            <!-- menu que n\u00E3o tem filho -->\n            <a\n              (mouseenter)=\"onMouseEnter(i)\"\n              (mouseleave)=\"onMouseLeave()\"\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n              (click)=\"callRoute(menu.link)\"\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\n              pRipple\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n              [tooltipPosition]=\"'right'\"\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\">\n\n              <i\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"menu.icone && menu.icone !== ''\">\n                {{ menu.icone }}\n              </i>\n              <span\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n            </a>\n            <!-- menu com filho -->\n            <div *ngIf=\"menu.indmenupai\">\n              <a\n                (mouseenter)=\"onMouseEnter(i)\"\n                (mouseleave)=\"onMouseLeave()\"\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n                pRipple\n                pStyleClass=\"@next\"\n                enterClass=\"hidden\"\n                enterActiveClass=\"slidedown\"\n                leaveToClass=\"hidden\"\n                leaveActiveClass=\"slideup\"\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\"\n                [tooltipPosition]=\"'right'\"\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\">\n                <div class=\"flex flex-row align-items-center\">\n\n                  <i\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\n                    *ngIf=\"menu.icone && menu.icone !== ''\"\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\">\n                    {{ menu.icone }}\n                  </i>\n                  <span\n                    class=\"text-base text-blue-900 font-medium\"\n                    *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n                </div>\n                <i\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\n                  *ngIf=\"expandMenu\"\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"></i>\n              </a>\n\n              <!-- filhos -->\n              <div\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\">\n                <li *ngFor=\"\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\n            \">\n                  <a\n                    (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\n                    (mouseleave)=\"onMouseLeave()\"\n                    [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\n                    *ngIf=\"expandMenu\"\n                    (click)=\"callRoute(filho.link)\"\n                    pRipple\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\">\n                    <i\n                      class=\"pi pi-chart-line mr-2 ml-1 adjust-icon-menu\"\n                      *ngIf=\"filho.icone && filho.icone !== ''\"></i>\n                    <span\n                      class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\n                      *ngIf=\"expandMenu\">{{ filho.descricaomenu }}</span>\n                  </a>\n                </li>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n    </p-sidebar>\n\n    <div\n      class=\"w-auto h-screen page-content overflow-y-hidden\"\n      id=\"page-content\">\n\n      <div class=\"flex flex-row align-items-center justify-content-between m-3\">\n        <div>\n          <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length - 1]?.label}}</p>\n          <p-breadcrumb\n            *ngIf=\"widthCard > 400\"\n            styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\n            [model]=\"breadCrumbItems\"\n            [style]=\"{backgroundColor: '#d4d3d3'}\"\n            (onItemClick)=\"callRoute($event.item.routerLink, true)\"></p-breadcrumb>\n        </div>\n\n        <div class=\"w-auto flex flex-row align-items-center gap-2\">\n\n          <p-button\n            styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n            icon=\"pi pi-th-large\"\n            [rounded]=\"true\"\n            [text]=\"true\"\n            (click)=\"sistemasPanel.toggle($event)\"\n            [pTooltip]=\"'Sistemas'\"\n            [tooltipPosition]=\"'left'\"></p-button>\n\n          <p-button\n            styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n            icon=\"pi pi-user\"\n            [rounded]=\"true\"\n            [text]=\"true\"\n            [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n            [tooltipPosition]=\"'left'\"\n            (click)=\"meusDadosPanel.toggle($event)\"></p-button>\n\n        </div>\n      </div>\n\n      <p-card\n        class=\"card-container\"\n        styleClass=\"m-3 border-noround overflow-y-auto card-container\"\n        [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\">\n        <div class=\"card-container w-full\">\n          <ng-content></ng-content>\n        </div>\n      </p-card>\n\n    </div>\n\n    <p-overlayPanel\n      #sistemasPanel\n      [showTransitionOptions]=\"'350ms ease-out'\"\n      [hideTransitionOptions]=\"'250ms ease-in'\">\n      <ng-template pTemplate=\"container\">\n        <p class=\"title-style mt-3\">Sistemas</p>\n        <div\n          class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\n          style=\"width: 250px; height: 100%;\">\n          <button\n            *ngFor=\"let aplicativo of aplicativos\"\n            pButton\n            pRipple\n            class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n            (click)=\"definirMenusPorSistema(aplicativo.idaplicativo)\"\n            [pTooltip]=\"aplicativo.nomeaplicativo\"\n            [tooltipPosition]=\"'left'\">\n            {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n          </button>\n          <!-- <button\n          *ngFor=\"let aplicativo of aplicativos\"\n          pButton\n          pRipple\n          class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n          (click)=\"definirMenusPorSistema(aplicativo.idaplicativo)\"\n          [pTooltip]=\"aplicativo.sistema.descricaosistema\"\n          [tooltipPosition]=\"'left'\">\n          {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n        </button> -->\n\n        </div>\n      </ng-template>\n    </p-overlayPanel>\n\n    <p-overlayPanel\n      #meusDadosPanel\n      [showTransitionOptions]=\"'350ms ease-out'\"\n      [hideTransitionOptions]=\"'250ms ease-in'\">\n\n      <ng-template pTemplate=\"container\">\n\n        <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ?\n          nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\n        <div class=\"mt-5 mb-3\">\n\n        </div>\n\n        <p-button\n          icon=\"pi pi-lock\"\n          label=\"Ger\u00EAnciar KeevoPass\"\n          (onClick)=\"gerenciarKeePass($event)\"\n          styleClass=\"border-noround w-full text-blue-900\"\n          [text]=\"true\"\n          [disabled]=\"true\"></p-button>\n        <p-button\n          icon=\"pi pi-sign-out\"\n          label=\"Sair\"\n          (onClick)=\"sair($event)\"\n          styleClass=\"border-noround w-full text-blue-900\"\n          [text]=\"true\"></p-button>\n      </ng-template>\n\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-content{padding:0rem!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i5$6.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i10.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i8.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i10$1.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: i11.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "component", type: i12.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "pipe", type: CpfCnpjPipe, name: "cpfCnpj" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: KvMenuComponent, selector: "kv-menu", inputs: { aplicativos: "aplicativos", breadCrumbItems: "breadCrumbItems", licencas: "licencas", licencaSelecionada: "licencaSelecionada", logoImage: "logoImage", nomeUsuario: "nomeUsuario" }, outputs: { expandMenuEmit: "expandMenuEmit", gerenciarKeePassEvent: "gerenciarKeePassEvent", licencaChange: "licencaChange", sairEvent: "sairEvent", 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\">\n\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\n\n  <p-sidebar\n    #sidebarRef\n    [visible]=\"true\"\n    [showCloseIcon]=\"false\"\n    [modal]=\"false\"\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\">\n    <ng-template pTemplate=\"headless\">\n      <div class=\"flex flex-column mx-1\">\n        <div\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\">\n            <img\n              *ngIf=\"expandMenu\"\n              alt=\"Card\"\n              [src]=\"logoImage\"\n              width=\"150\" />\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"toggleMenu()\"\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\n              [tooltipPosition]=\"'right'\">\n              <i class=\"material-symbols-outlined\">\n                menu\n              </i>\n            </button>\n          </div>\n\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\">\n            <div\n              class=\"flex flex-column cursor-pointer\"\n              *ngIf=\"expandMenu\"\n              (click)=\"trocarLicenca()\">\n              <span\n                class=\"text-sm font-semibold mr-2\"\n                [pTooltip]=\"this.licencaSelecionada.nome\"\n                [tooltipPosition]=\"'right'\">\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\n              </span>\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\n                cpfCnpj }}</span>\n            </div>\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"trocarLicenca()\"\n              [pTooltip]=\"'Alterar workspace'\"\n              [tooltipPosition]=\"'right'\">\n              <i class=\"material-symbols-outlined\">\n                sync_alt\n              </i>\n            </button>\n\n          </div>\n          <p-divider type=\"solid\"></p-divider>\n        </div>\n\n        <div\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\n          style=\"overflow-y: auto;\">\n          <!-- menus -->\n          <li *ngFor=\"let menu of menus; let i = index\">\n            <!-- menu que n\u00E3o tem filho -->\n            <a\n              (mouseenter)=\"onMouseEnter(i)\"\n              (mouseleave)=\"onMouseLeave()\"\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n              (click)=\"callRoute(menu.link)\"\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\n              pRipple\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n              [tooltipPosition]=\"'right'\"\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\">\n\n              <i\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"menu.icone\">\n                {{ menu.icone }}\n              </i>\n              <span\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n            </a>\n            <!-- menu com filho -->\n            <div *ngIf=\"menu.indmenupai\">\n              <a\n                (mouseenter)=\"onMouseEnter(i)\"\n                (mouseleave)=\"onMouseLeave()\"\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n                pRipple\n                pStyleClass=\"@next\"\n                enterClass=\"hidden\"\n                enterActiveClass=\"slidedown\"\n                leaveToClass=\"hidden\"\n                leaveActiveClass=\"slideup\"\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\"\n                [tooltipPosition]=\"'right'\"\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\">\n                <div class=\"flex flex-row align-items-center\">\n\n                  <i\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\n                    *ngIf=\"menu.icone\"\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\">\n                    {{ menu.icone }}\n                  </i>\n                  <span\n                    class=\"text-base text-blue-900 font-medium\"\n                    *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n                </div>\n                <i\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\n                  *ngIf=\"expandMenu\"\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"></i>\n              </a>\n\n              <!-- filhos -->\n              <div\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\">\n                <li *ngFor=\"\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\n            \">\n                  <a\n                    (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\n                    (mouseleave)=\"onMouseLeave()\"\n                    [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\n                    *ngIf=\"expandMenu\"\n                    (click)=\"callRoute(filho.link)\"\n                    pRipple\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\">\n                    <i\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\n                    *ngIf=\"filho.icone\"\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\">\n                    {{ filho.icone }}\n                  </i>\n                    <span\n                      class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\n                      *ngIf=\"expandMenu\">{{ filho.descricaomenu }}</span>\n                  </a>\n                </li>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n    </p-sidebar>\n\n    <div\n      class=\"w-auto h-screen page-content overflow-y-hidden\"\n      id=\"page-content\">\n\n      <div class=\"flex flex-row align-items-center justify-content-between m-3\">\n        <div>\n          <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length - 1]?.label}}</p>\n          <p-breadcrumb\n            *ngIf=\"widthCard > 400\"\n            styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\n            [model]=\"breadCrumbItems\"\n            [style]=\"{backgroundColor: '#d4d3d3'}\"\n            (onItemClick)=\"callRoute($event.item.routerLink, true)\"></p-breadcrumb>\n        </div>\n\n        <div class=\"w-auto flex flex-row align-items-center gap-2\">\n\n          <p-button\n            styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n            icon=\"pi pi-th-large\"\n            [rounded]=\"true\"\n            [text]=\"true\"\n            (click)=\"sistemasPanel.toggle($event)\"\n            [pTooltip]=\"'Sistemas'\"\n            [tooltipPosition]=\"'left'\"></p-button>\n\n          <p-button\n            styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n            icon=\"pi pi-user\"\n            [rounded]=\"true\"\n            [text]=\"true\"\n            [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n            [tooltipPosition]=\"'left'\"\n            (click)=\"meusDadosPanel.toggle($event)\"></p-button>\n\n        </div>\n      </div>\n\n      <p-card\n        class=\"card-container\"\n        styleClass=\"m-3 border-noround overflow-y-auto card-container\"\n        [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\">\n        <div class=\"card-container w-full\" [style]=\"{width: widthCard + 'px'}\">\n          <ng-content></ng-content>\n        </div>\n      </p-card>\n\n    </div>\n\n    <p-overlayPanel\n      #sistemasPanel\n      [showTransitionOptions]=\"'350ms ease-out'\"\n      [hideTransitionOptions]=\"'250ms ease-in'\">\n      <ng-template pTemplate=\"container\">\n        <p class=\"title-style mt-3\">Sistemas</p>\n        <div\n          class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\n          style=\"width: 250px; height: 100%;\">\n          <button\n            *ngFor=\"let aplicativo of aplicativos\"\n            pButton\n            pRipple\n            class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n            (click)=\"definirMenusPorSistema(aplicativo.idaplicativo)\"\n            [pTooltip]=\"aplicativo.descricaoaplicativo\"\n            [tooltipPosition]=\"'left'\">\n            {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n          </button>\n        </div>\n      </ng-template>\n    </p-overlayPanel>\n\n    <p-overlayPanel\n      #meusDadosPanel\n      [showTransitionOptions]=\"'350ms ease-out'\"\n      [hideTransitionOptions]=\"'250ms ease-in'\">\n\n      <ng-template pTemplate=\"container\">\n\n        <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ?\n          nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\n        <div class=\"mt-5 mb-3\">\n\n        </div>\n\n        <p-button\n          icon=\"pi pi-lock\"\n          label=\"Ger\u00EAnciar KeevoPass\"\n          (onClick)=\"gerenciarKeePass($event)\"\n          styleClass=\"border-noround w-full text-blue-900\"\n          [text]=\"true\"\n          [disabled]=\"true\"></p-button>\n        <p-button\n          icon=\"pi pi-sign-out\"\n          label=\"Sair\"\n          (onClick)=\"sair($event)\"\n          styleClass=\"border-noround w-full text-blue-900\"\n          [text]=\"true\"></p-button>\n      </ng-template>\n\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: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i1$1.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i5$6.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i10.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i8.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i10$1.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: i11.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "component", type: i12.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "pipe", type: CpfCnpjPipe, name: "cpfCnpj" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: KvMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-menu', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\n\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\n\n  <p-sidebar\n    #sidebarRef\n    [visible]=\"true\"\n    [showCloseIcon]=\"false\"\n    [modal]=\"false\"\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\">\n    <ng-template pTemplate=\"headless\">\n      <div class=\"flex flex-column mx-1\">\n        <div\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\">\n            <img\n              *ngIf=\"expandMenu\"\n              alt=\"Card\"\n              [src]=\"logoImage\"\n              width=\"150\" />\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"toggleMenu()\"\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\n              [tooltipPosition]=\"'right'\">\n              <i class=\"material-symbols-outlined\">\n                menu\n              </i>\n            </button>\n          </div>\n\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\">\n            <div\n              class=\"flex flex-column cursor-pointer\"\n              *ngIf=\"expandMenu\"\n              (click)=\"trocarLicenca()\">\n              <span\n                class=\"text-sm font-semibold mr-2\"\n                [pTooltip]=\"this.licencaSelecionada.nome\"\n                [tooltipPosition]=\"'right'\">\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\n              </span>\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\n                cpfCnpj }}</span>\n            </div>\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"trocarLicenca()\"\n              [pTooltip]=\"'Alterar workspace'\"\n              [tooltipPosition]=\"'right'\">\n              <i class=\"material-symbols-outlined\">\n                sync_alt\n              </i>\n            </button>\n\n          </div>\n          <p-divider type=\"solid\"></p-divider>\n        </div>\n\n        <div\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\n          style=\"overflow-y: auto;\">\n          <!-- menus -->\n          <li *ngFor=\"let menu of menus; let i = index\">\n            <!-- menu que n\u00E3o tem filho -->\n            <a\n              (mouseenter)=\"onMouseEnter(i)\"\n              (mouseleave)=\"onMouseLeave()\"\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n              (click)=\"callRoute(menu.link)\"\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\n              pRipple\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n              [tooltipPosition]=\"'right'\"\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\">\n\n              <i\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"menu.icone && menu.icone !== ''\">\n                {{ menu.icone }}\n              </i>\n              <span\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n            </a>\n            <!-- menu com filho -->\n            <div *ngIf=\"menu.indmenupai\">\n              <a\n                (mouseenter)=\"onMouseEnter(i)\"\n                (mouseleave)=\"onMouseLeave()\"\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n                pRipple\n                pStyleClass=\"@next\"\n                enterClass=\"hidden\"\n                enterActiveClass=\"slidedown\"\n                leaveToClass=\"hidden\"\n                leaveActiveClass=\"slideup\"\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\"\n                [tooltipPosition]=\"'right'\"\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\">\n                <div class=\"flex flex-row align-items-center\">\n\n                  <i\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\n                    *ngIf=\"menu.icone && menu.icone !== ''\"\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\">\n                    {{ menu.icone }}\n                  </i>\n                  <span\n                    class=\"text-base text-blue-900 font-medium\"\n                    *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n                </div>\n                <i\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\n                  *ngIf=\"expandMenu\"\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"></i>\n              </a>\n\n              <!-- filhos -->\n              <div\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\">\n                <li *ngFor=\"\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\n            \">\n                  <a\n                    (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\n                    (mouseleave)=\"onMouseLeave()\"\n                    [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\n                    *ngIf=\"expandMenu\"\n                    (click)=\"callRoute(filho.link)\"\n                    pRipple\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\">\n                    <i\n                      class=\"pi pi-chart-line mr-2 ml-1 adjust-icon-menu\"\n                      *ngIf=\"filho.icone && filho.icone !== ''\"></i>\n                    <span\n                      class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\n                      *ngIf=\"expandMenu\">{{ filho.descricaomenu }}</span>\n                  </a>\n                </li>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n    </p-sidebar>\n\n    <div\n      class=\"w-auto h-screen page-content overflow-y-hidden\"\n      id=\"page-content\">\n\n      <div class=\"flex flex-row align-items-center justify-content-between m-3\">\n        <div>\n          <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length - 1]?.label}}</p>\n          <p-breadcrumb\n            *ngIf=\"widthCard > 400\"\n            styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\n            [model]=\"breadCrumbItems\"\n            [style]=\"{backgroundColor: '#d4d3d3'}\"\n            (onItemClick)=\"callRoute($event.item.routerLink, true)\"></p-breadcrumb>\n        </div>\n\n        <div class=\"w-auto flex flex-row align-items-center gap-2\">\n\n          <p-button\n            styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n            icon=\"pi pi-th-large\"\n            [rounded]=\"true\"\n            [text]=\"true\"\n            (click)=\"sistemasPanel.toggle($event)\"\n            [pTooltip]=\"'Sistemas'\"\n            [tooltipPosition]=\"'left'\"></p-button>\n\n          <p-button\n            styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n            icon=\"pi pi-user\"\n            [rounded]=\"true\"\n            [text]=\"true\"\n            [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n            [tooltipPosition]=\"'left'\"\n            (click)=\"meusDadosPanel.toggle($event)\"></p-button>\n\n        </div>\n      </div>\n\n      <p-card\n        class=\"card-container\"\n        styleClass=\"m-3 border-noround overflow-y-auto card-container\"\n        [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\">\n        <div class=\"card-container w-full\">\n          <ng-content></ng-content>\n        </div>\n      </p-card>\n\n    </div>\n\n    <p-overlayPanel\n      #sistemasPanel\n      [showTransitionOptions]=\"'350ms ease-out'\"\n      [hideTransitionOptions]=\"'250ms ease-in'\">\n      <ng-template pTemplate=\"container\">\n        <p class=\"title-style mt-3\">Sistemas</p>\n        <div\n          class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\n          style=\"width: 250px; height: 100%;\">\n          <button\n            *ngFor=\"let aplicativo of aplicativos\"\n            pButton\n            pRipple\n            class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n            (click)=\"definirMenusPorSistema(aplicativo.idaplicativo)\"\n            [pTooltip]=\"aplicativo.nomeaplicativo\"\n            [tooltipPosition]=\"'left'\">\n            {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n          </button>\n          <!-- <button\n          *ngFor=\"let aplicativo of aplicativos\"\n          pButton\n          pRipple\n          class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n          (click)=\"definirMenusPorSistema(aplicativo.idaplicativo)\"\n          [pTooltip]=\"aplicativo.sistema.descricaosistema\"\n          [tooltipPosition]=\"'left'\">\n          {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n        </button> -->\n\n        </div>\n      </ng-template>\n    </p-overlayPanel>\n\n    <p-overlayPanel\n      #meusDadosPanel\n      [showTransitionOptions]=\"'350ms ease-out'\"\n      [hideTransitionOptions]=\"'250ms ease-in'\">\n\n      <ng-template pTemplate=\"container\">\n\n        <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ?\n          nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\n        <div class=\"mt-5 mb-3\">\n\n        </div>\n\n        <p-button\n          icon=\"pi pi-lock\"\n          label=\"Ger\u00EAnciar KeevoPass\"\n          (onClick)=\"gerenciarKeePass($event)\"\n          styleClass=\"border-noround w-full text-blue-900\"\n          [text]=\"true\"\n          [disabled]=\"true\"></p-button>\n        <p-button\n          icon=\"pi pi-sign-out\"\n          label=\"Sair\"\n          (onClick)=\"sair($event)\"\n          styleClass=\"border-noround w-full text-blue-900\"\n          [text]=\"true\"></p-button>\n      </ng-template>\n\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-content{padding:0rem!important}\n"] }]
+            args: [{ selector: 'kv-menu', template: "<div class=\"flex flex-row overflow-y-hidden w- full-container\">\n\n  <div [style]=\"{minWidth: expandMenu ? '300px' : '60px'}\"></div>\n\n  <p-sidebar\n    #sidebarRef\n    [visible]=\"true\"\n    [showCloseIcon]=\"false\"\n    [modal]=\"false\"\n    [style]=\"{width: expandMenu ? '300px' : '60px'}\">\n    <ng-template pTemplate=\"headless\">\n      <div class=\"flex flex-column mx-1\">\n        <div\n          class=\"flex flex-column gap-2 justify-content-between flex-shrink-0 mx-2\">\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}} py-3\">\n            <img\n              *ngIf=\"expandMenu\"\n              alt=\"Card\"\n              [src]=\"logoImage\"\n              width=\"150\" />\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"toggleMenu()\"\n              [pTooltip]=\"expandMenu ? 'Ocutar Menu' : 'Expandir Menu'\"\n              [tooltipPosition]=\"'right'\">\n              <i class=\"material-symbols-outlined\">\n                menu\n              </i>\n            </button>\n          </div>\n\n          <div\n            class=\"flex flex-row align-items-center {{expandMenu ? 'justify-content-between' : 'justify-content-center'}}\">\n            <div\n              class=\"flex flex-column cursor-pointer\"\n              *ngIf=\"expandMenu\"\n              (click)=\"trocarLicenca()\">\n              <span\n                class=\"text-sm font-semibold mr-2\"\n                [pTooltip]=\"this.licencaSelecionada.nome\"\n                [tooltipPosition]=\"'right'\">\n                {{mascaraNomeLicenca(this.licencaSelecionada.nome)}}\n              </span>\n              <span class=\"text-sm mt-1\">{{this.licencaSelecionada.cpfcnpj |\n                cpfCnpj }}</span>\n            </div>\n\n            <button\n              pButton\n              class=\"p-button-rounded p-button-text padding-style h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu\"\n              (click)=\"trocarLicenca()\"\n              [pTooltip]=\"'Alterar workspace'\"\n              [tooltipPosition]=\"'right'\">\n              <i class=\"material-symbols-outlined\">\n                sync_alt\n              </i>\n            </button>\n\n          </div>\n          <p-divider type=\"solid\"></p-divider>\n        </div>\n\n        <div\n          class=\"list-none m-0  card-container {{expandMenu ? 'mx-1' : ''}}\"\n          [style.max-height]=\"(heigthCard - 220) + 'px'\"\n          style=\"overflow-y: auto;\">\n          <!-- menus -->\n          <li *ngFor=\"let menu of menus; let i = index\">\n            <!-- menu que n\u00E3o tem filho -->\n            <a\n              (mouseenter)=\"onMouseEnter(i)\"\n              (mouseleave)=\"onMouseLeave()\"\n              [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n              (click)=\"callRoute(menu.link)\"\n              *ngIf=\"!menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)\"\n              pRipple\n              [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n              [tooltipPosition]=\"'right'\"\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\">\n\n              <i\n                class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}}  icon-hover-color {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"menu.icone\">\n                {{ menu.icone }}\n              </i>\n              <span\n                class=\"text-base text-blue-900 font-medium {{verificarPaginaSelecionada(menu.link) ? 'text-white' : ''}}\"\n                *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n            </a>\n            <!-- menu com filho -->\n            <div *ngIf=\"menu.indmenupai\">\n              <a\n                (mouseenter)=\"onMouseEnter(i)\"\n                (mouseleave)=\"onMouseLeave()\"\n                [ngClass]=\"{'hover-color': mouseOverIndex === i}\"\n                pRipple\n                pStyleClass=\"@next\"\n                enterClass=\"hidden\"\n                enterActiveClass=\"slidedown\"\n                leaveToClass=\"hidden\"\n                leaveActiveClass=\"slideup\"\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\"\n                [tooltipPosition]=\"'right'\"\n                [pTooltip]=\"!expandMenu ? menu.descricaomenu : ''\"\n                (click)=\"!expandMenu ? expandMenu = !expandMenu : ''\">\n                <div class=\"flex flex-row align-items-center\">\n\n                  <i\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\n                    *ngIf=\"menu.icone\"\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\">\n                    {{ menu.icone }}\n                  </i>\n                  <span\n                    class=\"text-base text-blue-900 font-medium\"\n                    *ngIf=\"expandMenu\">{{ menu.descricaomenu }}</span>\n                </div>\n                <i\n                  class=\"pi pi-chevron-down text-blue-900 mr-1 icon-hover-color\"\n                  *ngIf=\"expandMenu\"\n                  [ngClass]=\"{'hover-color': mouseOverIndex === i}\"></i>\n              </a>\n\n              <!-- filhos -->\n              <div\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\">\n                <li *ngFor=\"\n              let filho of retornarMenuFilhos(menu.idaplicativo, menu.idmenu);  let iFilho = index\n            \">\n                  <a\n                    (mouseenter)=\"onMouseFilhoEnter(filho.idmenu)\"\n                    (mouseleave)=\"onMouseLeave()\"\n                    [ngClass]=\"{'hover-color': mouseOverFilhoIndex === filho.idmenu}\"\n                    *ngIf=\"expandMenu\"\n                    (click)=\"callRoute(filho.link)\"\n                    pRipple\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\">\n                    <i\n                    class=\"material-symbols-outlined icon-menu {{expandMenu ? 'ml-1 mr-2' : ''}} icon-hover-color\"\n                    *ngIf=\"filho.icone\"\n                    [ngClass]=\"{'hover-color': mouseOverIndex === i}\">\n                    {{ filho.icone }}\n                  </i>\n                    <span\n                      class=\"text-base text-blue-900 ml-4 {{verificarPaginaSelecionada(filho.link) ? 'text-white' : ''}}\"\n                      *ngIf=\"expandMenu\">{{ filho.descricaomenu }}</span>\n                  </a>\n                </li>\n              </div>\n            </div>\n          </div>\n        </div>\n      </ng-template>\n    </p-sidebar>\n\n    <div\n      class=\"w-auto h-screen page-content overflow-y-hidden\"\n      id=\"page-content\">\n\n      <div class=\"flex flex-row align-items-center justify-content-between m-3\">\n        <div>\n          <p class=\"text-xl font-semibold text-blue-900 breadcrumb-title\">{{breadCrumbItems[breadCrumbItems.length - 1]?.label}}</p>\n          <p-breadcrumb\n            *ngIf=\"widthCard > 400\"\n            styleClass=\"border-none p-0 flex align-items-center h-2rem !important;\"\n            [model]=\"breadCrumbItems\"\n            [style]=\"{backgroundColor: '#d4d3d3'}\"\n            (onItemClick)=\"callRoute($event.item.routerLink, true)\"></p-breadcrumb>\n        </div>\n\n        <div class=\"w-auto flex flex-row align-items-center gap-2\">\n\n          <p-button\n            styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n            icon=\"pi pi-th-large\"\n            [rounded]=\"true\"\n            [text]=\"true\"\n            (click)=\"sistemasPanel.toggle($event)\"\n            [pTooltip]=\"'Sistemas'\"\n            [tooltipPosition]=\"'left'\"></p-button>\n\n          <p-button\n            styleClass=\"w-2rem h-2rem text-blue-900 hover:bg-green-600 hover:text-white\"\n            icon=\"pi pi-user\"\n            [rounded]=\"true\"\n            [text]=\"true\"\n            [pTooltip]=\"'Menu do Usu\u00E1rio'\"\n            [tooltipPosition]=\"'left'\"\n            (click)=\"meusDadosPanel.toggle($event)\"></p-button>\n\n        </div>\n      </div>\n\n      <p-card\n        class=\"card-container\"\n        styleClass=\"m-3 border-noround overflow-y-auto card-container\"\n        [style]=\"{height: heigthCard - ajustarHeigthCard() + 'px'}\">\n        <div class=\"card-container w-full\" [style]=\"{width: widthCard + 'px'}\">\n          <ng-content></ng-content>\n        </div>\n      </p-card>\n\n    </div>\n\n    <p-overlayPanel\n      #sistemasPanel\n      [showTransitionOptions]=\"'350ms ease-out'\"\n      [hideTransitionOptions]=\"'250ms ease-in'\">\n      <ng-template pTemplate=\"container\">\n        <p class=\"title-style mt-3\">Sistemas</p>\n        <div\n          class=\"flex flex-row flex-wrap gap-2 align-items-center justify-content-center mt-5 mb-3\"\n          style=\"width: 250px; height: 100%;\">\n          <button\n            *ngFor=\"let aplicativo of aplicativos\"\n            pButton\n            pRipple\n            class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus h-4rem w-4rem\"\n            (click)=\"definirMenusPorSistema(aplicativo.idaplicativo)\"\n            [pTooltip]=\"aplicativo.descricaoaplicativo\"\n            [tooltipPosition]=\"'left'\">\n            {{ aplicativo.nomeaplicativo.charAt(0).toUpperCase() }}\n          </button>\n        </div>\n      </ng-template>\n    </p-overlayPanel>\n\n    <p-overlayPanel\n      #meusDadosPanel\n      [showTransitionOptions]=\"'350ms ease-out'\"\n      [hideTransitionOptions]=\"'250ms ease-in'\">\n\n      <ng-template pTemplate=\"container\">\n\n        <p class=\"title-style mt-3\">Ol\u00E1, {{nomeUsuario ?\n          nomeUsuario.split(' ')[0] : 'Usu\u00E1rio'}} !</p>\n        <div class=\"mt-5 mb-3\">\n\n        </div>\n\n        <p-button\n          icon=\"pi pi-lock\"\n          label=\"Ger\u00EAnciar KeevoPass\"\n          (onClick)=\"gerenciarKeePass($event)\"\n          styleClass=\"border-noround w-full text-blue-900\"\n          [text]=\"true\"\n          [disabled]=\"true\"></p-button>\n        <p-button\n          icon=\"pi pi-sign-out\"\n          label=\"Sair\"\n          (onClick)=\"sair($event)\"\n          styleClass=\"border-noround w-full text-blue-900\"\n          [text]=\"true\"></p-button>\n      </ng-template>\n\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"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i3$1.Router }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { aplicativos: [{
                 type: Input
             }], breadCrumbItems: [{