keevo-components 1.5.214 → 1.5.216

package/fesm2015/keevo-components.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Component, Input, EventEmitter, Output, ViewChild, Injectable, ViewChildren, ContentChildren, NgModule, forwardRef, Directive, Pipe, HostListener, ChangeDetectionStrategy } from '@angular/core';
-import { Subject, finalize, combineLatest, filter, of } from 'rxjs';
+import { Subject, finalize, combineLatest, filter, of, BehaviorSubject } from 'rxjs';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from 'primeng/button';
@@ -103,6 +103,7 @@ import * as i1$5 from 'ngx-loading';
 import { NgxLoadingModule } from 'ngx-loading';
 import * as i1$6 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
+import { filter as filter$1 } from 'rxjs/operators';
 
 class BaseComponent {
     constructor() {
@@ -3042,7 +3043,7 @@ class MenuComponent {
         this.route = route;
         this.menuCompleto = [];
         this.licencas = [];
-        this.breadCrumbs = false;
+        this.breadCrumbItems = [];
         this.licencaChange = new EventEmitter();
         this.gerenciarKeePassEvent = new EventEmitter();
         this.sairEvent = new EventEmitter();
@@ -3051,20 +3052,12 @@ class MenuComponent {
         this.licencasOptions = [];
         this.menusFiltrados = [];
         this.menus = [];
-        this.breadCrumbItems = [];
         this.expandMenu = true;
         this.visibleDialogLicenca = false;
     }
     ngOnInit() {
         var _a;
         this.configurarLicencas();
-        this.router.events.subscribe((event) => {
-            if (event instanceof NavigationEnd) {
-                // console.log('Evento de navegação:', event);
-                this.breadCrumbItems = this.getBreadcrumbs(event.url);
-                // console.log("breadCrumbItems ->", this.breadCrumbItems);
-            }
-        });
         this.heigthCard = Number((_a = document.getElementById('page-content')) === null || _a === void 0 ? void 0 : _a.offsetHeight);
         this.widthCard = Number(window.innerWidth) - (this.expandMenu ? 333 : 93);
     }
@@ -3081,27 +3074,6 @@ class MenuComponent {
         if (licenca != undefined)
             this.licencaSelected = licenca;
     }
-    getBreadcrumbs(url = '', breadcrumbs = []) {
-        if (!url || url === '/') {
-            return breadcrumbs.length > 0 ? breadcrumbs : [{ label: 'Home', routerLink: '/' }];
-        }
-        const segments = url.split('/').filter(segment => segment !== '');
-        let currentUrl = '';
-        for (const segment of segments) {
-            currentUrl += `/${segment}`;
-            breadcrumbs.push({ label: segment, routerLink: currentUrl });
-        }
-        if (breadcrumbs.length > 0) {
-            breadcrumbs.forEach(item => {
-                let labelSegments = item.label.split('-');
-                labelSegments = labelSegments.map((segment, index) => {
-                    return index === 0 ? segment.charAt(0).toUpperCase() + segment.slice(1).toLowerCase() : segment;
-                });
-                item.label = labelSegments.join(' ');
-            });
-        }
-        return breadcrumbs;
-    }
     closeCallback(e) {
         this.sidebarRef.close(e);
     }
@@ -3175,7 +3147,7 @@ class MenuComponent {
     }
     ajustarHeigthCard() {
         if (this.widthCard > 400) {
-            if (this.breadCrumbs)
+            if (this.breadCrumbItems.length > 0)
                 return 105;
             else
                 return 85;
@@ -3186,19 +3158,6 @@ class MenuComponent {
     verificarPaginaSelecionada(link) {
         return this.router.url.includes(link);
     }
-    // retornarTituloBreadCrumbs(label: any): string {
-    //   if (label)
-    //     return this.breadCrumbItems[this.breadCrumbItems.length - 1]?.label
-    //   else return '';
-    // }
-    retornarTituloBreadCrumbs(str) {
-        if (str.includes('-')) {
-            str = str.replace('-', ' ');
-        }
-        var primeiraLetra = str.charAt(0).toUpperCase() + str.slice(1);
-        str.slice(1);
-        return primeiraLetra;
-    }
     onMouseEnter(index) {
         this.mouseOverIndex = index;
     }
@@ -3211,10 +3170,10 @@ class MenuComponent {
     }
 }
 MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MenuComponent, selector: "kv-menu", inputs: { menuCompleto: "menuCompleto", licencas: "licencas", licencaSelecionada: "licencaSelecionada", logoImage: "logoImage", nomeUsuario: "nomeUsuario", breadCrumbs: "breadCrumbs" }, outputs: { licencaChange: "licencaChange", gerenciarKeePassEvent: "gerenciarKeePassEvent", sairEvent: "sairEvent", expandMenuEmit: "expandMenuEmit", trocarLicencaEmit: "trocarLicencaEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }, { propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], 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 {{expandMenu ? 'mx-1' : '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\">{{MascaraCnpj(this.licencaSelecionada.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.menupai && 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 && 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.menupai\">\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 && 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.idsistema, 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=\"pi pi-chart-line mr-2 ml-1 adjust-icon-menu\"\r\n                *ngIf=\"filho.icone && 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\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 *ngIf=\"breadCrumbs\">\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 *ngIf=\"!breadCrumbs\"></div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          apps\r\n        </i>\r\n      </button>\r\n      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          person\r\n        </i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\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 class=\"card-container w-full\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\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\r\n  <ng-template pTemplate=\"container\">\r\n\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 menu of menuCompleto\"\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)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <!-- <img\r\n          alt=\"logo\"\r\n          style=\"width: 2rem; height: 2rem;\"\r\n        /> -->\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n\r\n      </button>\r\n\r\n\r\n      <!-- <p-button styleClass=\"p-button-outlined\">\r\n        <img alt=\"logo\" src=\"https://primefaces.org/cdn/primeng/images/primeng-icon.svg\" style=\"width: 1.5rem\" />\r\n        <span class=\"ml-2 font-bold\">PrimeNG</span>\r\n    </p-button> -->\r\n\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 ? 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=\"Ger\u00EAnciar KeevoPass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n      [disabled]=\"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 p-button-text text-blue-900\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>\r\n\r\n<p-dialog\r\n  [(visible)]=\"visibleDialogLicenca\"\r\n  [modal]=\"true\"\r\n  [draggable]=\"false\"\r\n  header=\"Trocar Licen\u00E7a\"\r\n  [style]=\"{width: '50vh' }\"\r\n>\r\n  <div class=\"flex flex-column align-items-end\">\r\n\r\n    <div class=\"w-full\">\r\n      <p-dropdown\r\n        styleClass=\"w-full\"\r\n        [options]=\"licencasOptions\"\r\n        [(ngModel)]=\"licencaSelected\"\r\n        optionLabel=\"descricao\"\r\n      ></p-dropdown>\r\n    </div>\r\n\r\n    <kv-button-success\r\n      [label]=\"'Salvar'\"\r\n      class=\"mt-2\"\r\n      (onClick)=\"setLicenca()\"\r\n    ></kv-button-success>\r\n\r\n  </div>\r\n\r\n</p-dialog>\r\n\r\n<!-- <p-confirmDialog\r\n  [style]=\"{width: '40vw'}\"\r\n  [baseZIndex]=\"10000\"\r\n  rejectButtonStyleClass=\"p-button-text\"\r\n>\r\n</p-confirmDialog>\r\n\r\n<p-toast></p-toast> -->\r\n", 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%,#ffffff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{color:#0c3e66!important;font-weight:700;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500;font-size:.8rem!important}span,.breadcrumb-title{font-size:14px!important;font-family: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 ul li .p-menuitem-link .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .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", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.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: i7.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i10.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: i12.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: i13$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "component", type: i14$1.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonSuccessComponent, selector: "kv-button-success" }] });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MenuComponent, selector: "kv-menu", inputs: { menuCompleto: "menuCompleto", licencas: "licencas", licencaSelecionada: "licencaSelecionada", logoImage: "logoImage", nomeUsuario: "nomeUsuario", breadCrumbItems: "breadCrumbItems" }, outputs: { licencaChange: "licencaChange", gerenciarKeePassEvent: "gerenciarKeePassEvent", sairEvent: "sairEvent", expandMenuEmit: "expandMenuEmit", trocarLicencaEmit: "trocarLicencaEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }, { propertyName: "sistemasPanel", first: true, predicate: ["sistemasPanel"], descendants: true }, { propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], 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 {{expandMenu ? 'mx-1' : '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\">{{MascaraCnpj(this.licencaSelecionada.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.menupai && 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 && 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.menupai\">\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 && 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.idsistema, 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=\"pi pi-chart-line mr-2 ml-1 adjust-icon-menu\"\r\n                *ngIf=\"filho.icone && 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\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      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          apps\r\n        </i>\r\n      </button>\r\n      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          person\r\n        </i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\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 class=\"card-container w-full\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\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\r\n  <ng-template pTemplate=\"container\">\r\n\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 menu of menuCompleto\"\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)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <!-- <img\r\n          alt=\"logo\"\r\n          style=\"width: 2rem; height: 2rem;\"\r\n        /> -->\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n\r\n      </button>\r\n\r\n\r\n      <!-- <p-button styleClass=\"p-button-outlined\">\r\n        <img alt=\"logo\" src=\"https://primefaces.org/cdn/primeng/images/primeng-icon.svg\" style=\"width: 1.5rem\" />\r\n        <span class=\"ml-2 font-bold\">PrimeNG</span>\r\n    </p-button> -->\r\n\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 ? 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=\"Ger\u00EAnciar KeevoPass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n      [disabled]=\"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 p-button-text text-blue-900\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>\r\n\r\n<p-dialog\r\n  [(visible)]=\"visibleDialogLicenca\"\r\n  [modal]=\"true\"\r\n  [draggable]=\"false\"\r\n  header=\"Trocar Licen\u00E7a\"\r\n  [style]=\"{width: '50vh' }\"\r\n>\r\n  <div class=\"flex flex-column align-items-end\">\r\n\r\n    <div class=\"w-full\">\r\n      <p-dropdown\r\n        styleClass=\"w-full\"\r\n        [options]=\"licencasOptions\"\r\n        [(ngModel)]=\"licencaSelected\"\r\n        optionLabel=\"descricao\"\r\n      ></p-dropdown>\r\n    </div>\r\n\r\n    <kv-button-success\r\n      [label]=\"'Salvar'\"\r\n      class=\"mt-2\"\r\n      (onClick)=\"setLicenca()\"\r\n    ></kv-button-success>\r\n\r\n  </div>\r\n\r\n</p-dialog>\r\n\r\n<!-- <p-confirmDialog\r\n  [style]=\"{width: '40vw'}\"\r\n  [baseZIndex]=\"10000\"\r\n  rejectButtonStyleClass=\"p-button-text\"\r\n>\r\n</p-confirmDialog>\r\n\r\n<p-toast></p-toast> -->", 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%,#ffffff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{color:#0c3e66!important;font-weight:700;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500;font-size:.8rem!important}span,.breadcrumb-title{font-size:14px!important;font-family: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 ul li .p-menuitem-link .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .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", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i8.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: i7.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i10.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: i12.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: i13$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "component", type: i14$1.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ButtonSuccessComponent, selector: "kv-button-success" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuComponent, 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 {{expandMenu ? 'mx-1' : '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\">{{MascaraCnpj(this.licencaSelecionada.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.menupai && 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 && 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.menupai\">\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 && 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.idsistema, 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=\"pi pi-chart-line mr-2 ml-1 adjust-icon-menu\"\r\n                *ngIf=\"filho.icone && 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\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 *ngIf=\"breadCrumbs\">\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 *ngIf=\"!breadCrumbs\"></div>\r\n\r\n    <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          apps\r\n        </i>\r\n      </button>\r\n      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          person\r\n        </i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\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 class=\"card-container w-full\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\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\r\n  <ng-template pTemplate=\"container\">\r\n\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 menu of menuCompleto\"\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)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <!-- <img\r\n          alt=\"logo\"\r\n          style=\"width: 2rem; height: 2rem;\"\r\n        /> -->\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n\r\n      </button>\r\n\r\n\r\n      <!-- <p-button styleClass=\"p-button-outlined\">\r\n        <img alt=\"logo\" src=\"https://primefaces.org/cdn/primeng/images/primeng-icon.svg\" style=\"width: 1.5rem\" />\r\n        <span class=\"ml-2 font-bold\">PrimeNG</span>\r\n    </p-button> -->\r\n\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 ? 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=\"Ger\u00EAnciar KeevoPass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n      [disabled]=\"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 p-button-text text-blue-900\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>\r\n\r\n<p-dialog\r\n  [(visible)]=\"visibleDialogLicenca\"\r\n  [modal]=\"true\"\r\n  [draggable]=\"false\"\r\n  header=\"Trocar Licen\u00E7a\"\r\n  [style]=\"{width: '50vh' }\"\r\n>\r\n  <div class=\"flex flex-column align-items-end\">\r\n\r\n    <div class=\"w-full\">\r\n      <p-dropdown\r\n        styleClass=\"w-full\"\r\n        [options]=\"licencasOptions\"\r\n        [(ngModel)]=\"licencaSelected\"\r\n        optionLabel=\"descricao\"\r\n      ></p-dropdown>\r\n    </div>\r\n\r\n    <kv-button-success\r\n      [label]=\"'Salvar'\"\r\n      class=\"mt-2\"\r\n      (onClick)=\"setLicenca()\"\r\n    ></kv-button-success>\r\n\r\n  </div>\r\n\r\n</p-dialog>\r\n\r\n<!-- <p-confirmDialog\r\n  [style]=\"{width: '40vw'}\"\r\n  [baseZIndex]=\"10000\"\r\n  rejectButtonStyleClass=\"p-button-text\"\r\n>\r\n</p-confirmDialog>\r\n\r\n<p-toast></p-toast> -->\r\n", 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%,#ffffff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{color:#0c3e66!important;font-weight:700;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500;font-size:.8rem!important}span,.breadcrumb-title{font-size:14px!important;font-family: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 ul li .p-menuitem-link .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .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\">\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 {{expandMenu ? 'mx-1' : '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\">{{MascaraCnpj(this.licencaSelecionada.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.menupai && 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 && 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.menupai\">\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 && 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.idsistema, 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=\"pi pi-chart-line mr-2 ml-1 adjust-icon-menu\"\r\n                *ngIf=\"filho.icone && 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\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      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"sistemasPanel.toggle($event)\"\r\n        [pTooltip]=\"'Sistemas'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          apps\r\n        </i>\r\n      </button>\r\n      <button\r\n        pButton\r\n        class=\"p-button-rounded p-button-text h-2rem w-2rem hover:bg-green-600 hover:text-white icon-menu padding-style\"\r\n        (click)=\"meusDadosPanel.toggle($event)\"\r\n        [pTooltip]=\"'Menu do Usu\u00E1rio'\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <i class=\"material-symbols-outlined\">\r\n          person\r\n        </i>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\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 class=\"card-container w-full\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </p-card>\r\n\r\n</div>\r\n\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\r\n  <ng-template pTemplate=\"container\">\r\n\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 menu of menuCompleto\"\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)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n        [tooltipPosition]=\"'left'\"\r\n      >\r\n        <!-- <img\r\n          alt=\"logo\"\r\n          style=\"width: 2rem; height: 2rem;\"\r\n        /> -->\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n\r\n      </button>\r\n\r\n\r\n      <!-- <p-button styleClass=\"p-button-outlined\">\r\n        <img alt=\"logo\" src=\"https://primefaces.org/cdn/primeng/images/primeng-icon.svg\" style=\"width: 1.5rem\" />\r\n        <span class=\"ml-2 font-bold\">PrimeNG</span>\r\n    </p-button> -->\r\n\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 ? 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=\"Ger\u00EAnciar KeevoPass\"\r\n      (onClick)=\"gerenciarKeePass($event)\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n      [disabled]=\"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 p-button-text text-blue-900\"\r\n    ></p-button>\r\n  </ng-template>\r\n\r\n</p-overlayPanel>\r\n\r\n<p-dialog\r\n  [(visible)]=\"visibleDialogLicenca\"\r\n  [modal]=\"true\"\r\n  [draggable]=\"false\"\r\n  header=\"Trocar Licen\u00E7a\"\r\n  [style]=\"{width: '50vh' }\"\r\n>\r\n  <div class=\"flex flex-column align-items-end\">\r\n\r\n    <div class=\"w-full\">\r\n      <p-dropdown\r\n        styleClass=\"w-full\"\r\n        [options]=\"licencasOptions\"\r\n        [(ngModel)]=\"licencaSelected\"\r\n        optionLabel=\"descricao\"\r\n      ></p-dropdown>\r\n    </div>\r\n\r\n    <kv-button-success\r\n      [label]=\"'Salvar'\"\r\n      class=\"mt-2\"\r\n      (onClick)=\"setLicenca()\"\r\n    ></kv-button-success>\r\n\r\n  </div>\r\n\r\n</p-dialog>\r\n\r\n<!-- <p-confirmDialog\r\n  [style]=\"{width: '40vw'}\"\r\n  [baseZIndex]=\"10000\"\r\n  rejectButtonStyleClass=\"p-button-text\"\r\n>\r\n</p-confirmDialog>\r\n\r\n<p-toast></p-toast> -->", 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%,#ffffff 19%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:Roboto,Arial,Helvetica,sans-serif!important}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{color:#0c3e66!important;font-weight:700;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500;font-size:.8rem!important}span,.breadcrumb-title{font-size:14px!important;font-family: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 ul li .p-menuitem-link .p-menuitem-text{color:#183462!important;opacity:.95;font-weight:500;font-size:.8rem!important}::ng-deep .p-breadcrumb ul li .p-menuitem-link .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"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i3$1.Router }, { type: i3$1.ActivatedRoute }]; }, propDecorators: { menuCompleto: [{
                 type: Input
             }], licencas: [{
@@ -3225,7 +3184,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 type: Input
             }], nomeUsuario: [{
                 type: Input
-            }], breadCrumbs: [{
+            }], breadCrumbItems: [{
                 type: Input
             }], licencaChange: [{
                 type: Output
@@ -4727,6 +4686,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$6.HttpClient }]; } });
 
+class BreadcrumbsService {
+    constructor(router, activatedRoute) {
+        this.router = router;
+        this.activatedRoute = activatedRoute;
+        this.breadcrumbsSubject = new BehaviorSubject([]);
+        this.breadcrumbs$ = this.breadcrumbsSubject.asObservable();
+        this.router.events
+            .pipe(filter$1((event) => event instanceof NavigationEnd))
+            .subscribe(() => {
+            const breadcrumbs = this.parseRoute(this.router.routerState.root);
+            this.breadcrumbsSubject.next(breadcrumbs);
+        });
+    }
+    parseRoute(route, url = '', breadcrumbs = []) {
+        const path = route.routeConfig && route.routeConfig.path ? route.routeConfig.path : '';
+        const label = route.routeConfig && route.routeConfig.data ? route.routeConfig.data['breadcrumb'] : '';
+        if (path && label) {
+            breadcrumbs.push({
+                label: label,
+                routerLink: `/${path}`,
+            });
+        }
+        const nextRoute = route.firstChild;
+        if (nextRoute) {
+            this.parseRoute(nextRoute, url, breadcrumbs);
+        }
+        return breadcrumbs;
+    }
+}
+BreadcrumbsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BreadcrumbsService, deps: [{ token: i3$1.Router }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
+BreadcrumbsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BreadcrumbsService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: BreadcrumbsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i3$1.Router }, { type: i3$1.ActivatedRoute }]; } });
+
 ;
 
 /*
@@ -4737,5 +4734,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseApiService, BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentCrud, BaseComponentCrudForm, BaseComponentCrudList, BaseComponentDropDown, BaseComponentDropdownNew, BaseComponentInput, BaseComponentMultiSelect, ButtonPersonalizeComponent, ButtonPopupComponent, ButtonSecondaryComponent, ButtonSuccessComponent, ChartComponent, CheckComponent, CodigoFipePipe, ComponentProviders, ComponentService, CpfCnpjPipe, DropdownComponent, EditorComponent, ErrorComponent, FormService, InputCalendarComponent, InputMaskComponent, InputNumberComponent, InputPasswordComponent, InputTextCheckboxComponent, InputTextComponent, InputTextareaComponent, InputTimeComponent, KVTreeTableModule, KeevoComponentsModule, KeevoValidators, KvButtonsModule, KvChartModule, KvInputsModule, KvLoaderModule, KvLoginModule, KvMenuModule, KvPageFormModule, KvPickListModule, KvTableModule, KvWorkspaceModule, KvtreeViewModule, LoaderComponent, LoaderService, LoginComponent, MenuComponent, MultiSelectComponent, NotificationService, ObjectService, OrgchartComponent, OrgchartModule, PageFormComponent, PeriodosChart, PickListComponent, PipesModule, PrimeNgModule, RadioGroupComponent, SwitchComponent, TableComponent, TablePaginate, TelefonePipe, TranslatePrimeng, TreeTableComponent, TreeViewComponent, WorkspaceComponent, kvErrorModule, loading };
+export { BaseApiService, BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentCrud, BaseComponentCrudForm, BaseComponentCrudList, BaseComponentDropDown, BaseComponentDropdownNew, BaseComponentInput, BaseComponentMultiSelect, BreadcrumbsService, ButtonPersonalizeComponent, ButtonPopupComponent, ButtonSecondaryComponent, ButtonSuccessComponent, ChartComponent, CheckComponent, CodigoFipePipe, ComponentProviders, ComponentService, CpfCnpjPipe, DropdownComponent, EditorComponent, ErrorComponent, FormService, InputCalendarComponent, InputMaskComponent, InputNumberComponent, InputPasswordComponent, InputTextCheckboxComponent, InputTextComponent, InputTextareaComponent, InputTimeComponent, KVTreeTableModule, KeevoComponentsModule, KeevoValidators, KvButtonsModule, KvChartModule, KvInputsModule, KvLoaderModule, KvLoginModule, KvMenuModule, KvPageFormModule, KvPickListModule, KvTableModule, KvWorkspaceModule, KvtreeViewModule, LoaderComponent, LoaderService, LoginComponent, MenuComponent, MultiSelectComponent, NotificationService, ObjectService, OrgchartComponent, OrgchartModule, PageFormComponent, PeriodosChart, PickListComponent, PipesModule, PrimeNgModule, RadioGroupComponent, SwitchComponent, TableComponent, TablePaginate, TelefonePipe, TranslatePrimeng, TreeTableComponent, TreeViewComponent, WorkspaceComponent, kvErrorModule, loading };
 //# sourceMappingURL=keevo-components.mjs.map