keevo-components 1.5.94 → 1.5.95

package/fesm2020/keevo-components.mjs

@@ -90,6 +90,8 @@ import * as i11 from 'primeng/breadcrumb';
 import { BreadcrumbModule } from 'primeng/breadcrumb';
 import * as i8 from 'primeng/treetable';
 import { TreeTableModule } from 'primeng/treetable';
+import { OrgChart } from 'd3-org-chart';
+import * as d3 from 'd3';
 
 class BaseComponent {
     constructor() {
@@ -2270,8 +2272,7 @@ class MenuComponent {
         console.log(this.menuCompleto, 'OAKOKODA');
         this.breadCrumbItems = [{ label: 'Computer', routerLink: '/computer' }, { label: 'Notebook', routerLink: '/Notebook' }, { label: 'Accessories', routerLink: '/Accessories' }, { label: 'Backpacks', routerLink: '/Backpacks' }];
         this.heigthCard = Number(document.getElementById('page-content')?.offsetHeight);
-        var widthCard = Number(document.getElementById('page-content')?.offsetWidth);
-        this.widthTopBar = widthCard;
+        this.widthTopBar = Number(document.getElementById('top-bar-content')?.offsetWidth);
     }
     MascaraNomeLincenca(nomeLicenca) {
         return nomeLicenca.substring(0, 24) + '...';
@@ -2297,10 +2298,10 @@ class MenuComponent {
     }
 }
 MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MenuComponent, selector: "kv-menu", inputs: { menuCompleto: "menuCompleto", breadCrumbItems: "breadCrumbItems" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }], ngImport: i0, template: "<!-- <p-sidebar\r\n  [visible]=\"true\"\r\n  [showCloseIcon]=\"false\"\r\n  styleClass=\"w-3rem barrasistemas sidebar-header-sistema\"\r\n  [modal]=\"false\"\r\n>\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"flex flex-column align-items-center justify-content-center\">\r\n      <button\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus\"\r\n        icon=\"pi pi-user\"\r\n      ></button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"flex flex-column gap-2 align-items-center\">\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\"\r\n        (click)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n      >\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-sidebar> -->\r\n\r\n<div class=\"flex flex-row\">\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{widthTopBar: '50px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column h-full w-full\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between px-4 flex-shrink-0\">\r\n          <div class=\"flex flex-row align-items-center justify-content-between py-3\">\r\n            <img\r\n              alt=\"Card\"\r\n              src=\"../../assets/images/LogoEvo.png\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-bars\"\r\n              class=\"p-button-rounded h-2rem w-2rem\"\r\n              [pTooltip]=\"'Ocutar Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n              (click)=\"testeAlo()\"\r\n            ></button>\r\n          </div>\r\n\r\n          <div class=\"flex flex-row align-items-center justify-content-between\">\r\n            <div class=\"flex flex-column\">\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                pTooltip=\"CERTMASTER TECNOLOGIA DA INFORMA\u00C7\u00C3O LTDA\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{\r\n                MascaraNomeLincenca(\"CERTMASTER TECNOLOGIA DA INFORMA\u00C7\u00C3O LTDA\")\r\n                }}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">33.600.466/0001-87</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-arrow-right-arrow-left\"\r\n              class=\"p-button-rounded h-2rem w-2rem\"\r\n              [pTooltip]=\"'Alterar Licen\u00E7a'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            ></button>\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n\r\n        </div>\r\n\r\n        <div class=\"overflow-y-auto card-container\">\r\n          <ul class=\"list-none ajuste-padding m-0 \">\r\n            <!-- menus -->\r\n            <li *ngFor=\"let menu of menus\">\r\n              <!-- menu que n\u00E3o tem filho -->\r\n              <a\r\n                *ngIf=\"!menu.menupai && menu.idmenupai == 0\"\r\n                pRipple\r\n                class=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n              >\r\n                <i class=\"pi pi-home mr-2 text-blue-900 adjust-icon-menu\"></i>\r\n                <span class=\"text-base text-blue-900 font-medium\">{{ menu.descricaomenu }}</span>\r\n              </a>\r\n\r\n              <!-- menu com filho -->\r\n              <div *ngIf=\"menu.menupai\">\r\n                <a\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=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                >\r\n                  <i\r\n                    class=\"pi pi-chart-line mr-2 text-blue-900 adjust-icon-menu\"\r\n                    *ngIf=\"menu.icone && menu.icone !== ''\"\r\n                  ></i>\r\n                  <span class=\"text-base text-blue-900 font-medium\">{{ menu.descricaomenu }}</span>\r\n                  <i class=\"pi pi-chevron-down ml-auto text-blue-900 adjust-icon-menu\"></i>\r\n                </a>\r\n\r\n                <!-- filhos -->\r\n                <ul\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)\r\n                \">\r\n                    <a\r\n                      pRipple\r\n                      class=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                    >\r\n                      <i\r\n                        class=\"pi pi-chart-line mr-2 adjust-icon-menu\"\r\n                        *ngIf=\"filho.icone && filho.icone !== ''\"\r\n                      ></i>\r\n                      <span class=\"text-base text-blue-900\">{{ filho.descricaomenu }}</span>\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n          </ul>\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-full h-screen page-content\"\r\n    style=\"margin-left: 320px;\"\r\n    id=\"page-content\"\r\n  >\r\n\r\n    <div>\r\n      <div\r\n        class=\"flex flex-row align-items-center  justify-content-between m-3 top-bar-content\"\r\n        id=\"top-bar-content\"\r\n        [style]=\"{width: '{{widthTopBar}}px'}\"\r\n      >\r\n        <div style=\"width: 400px;\">\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            styleClass=\"border-none p-0 flex align-items-center h-2rem\"\r\n            [model]=\"breadCrumbItems\"\r\n            [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n            (onItemClick)=\"callRoute($event)\"\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            icon=\"pi pi-th-large\"\r\n            class=\"p-button-rounded h-2rem w-2rem\"\r\n            (click)=\"sistemasPanel.toggle($event)\"\r\n            [pTooltip]=\"'Sistemas'\"\r\n            [tooltipPosition]=\"'left'\"\r\n          ></button>\r\n          <button\r\n            pButton\r\n            icon=\"pi pi-user\"\r\n            class=\"p-button-rounded h-2rem w-2rem\"\r\n            (click)=\"meusDadosPanel.toggle($event)\"\r\n            [pTooltip]=\"'Meus Dados'\"\r\n            [tooltipPosition]=\"'left'\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- <div\r\n        [style]=\"{height: heigthCard - 105 + 'px'}\"\r\n        class=\" overflow-y-auto overflow-x-hidden card-container\"\r\n      >\r\n        <p-card styleClass=\"m-3 border-noround\">\r\n\r\n          <ng-content></ng-content>\r\n        </p-card>\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 - 105 + 'px'}\"\r\n      >\r\n        <ng-content class=\"w-full\"></ng-content>\r\n\r\n      </p-card>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n</div>\r\n<!-- \r\n<div #menu> asdasasdadas</div> -->\r\n\r\n<!-- <p-overlayPanel #overlayPanel>\r\n  <ng-template pTemplate=\"content\">\r\n      <h4>Custom Content</h4>\r\n  </ng-template>\r\n</p-overlayPanel> -->\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 align-items-center 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, Usu\u00E1rio !</p>\r\n    <div\r\n      class=\"mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    ></div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Ger\u00EAnciar KeevoPass\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n    ></p-button>\r\n\r\n  </ng-template>\r\n</p-overlayPanel>", styles: ["@charset \"UTF-8\";.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}.ajuste-padding{padding:.8rem 1rem .8rem .7rem;color:red}.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}.page-content{background:linear-gradient(to bottom,#d4d3d3 20%,#ffffff 30%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{font-weight:700}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500}span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .top-bar-content{width:calc(100% - 165px)}::ng-deep .card-container{width:calc(100% - 165px)}::ng-deep .card-container::-webkit-scrollbar{width:8px}::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{background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{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}.adjust-icon-menu{position:relative;top:2px}\n"], dependencies: [{ 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$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i9$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i7$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i9$2.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: i10$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "component", type: i11.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }] });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: MenuComponent, selector: "kv-menu", inputs: { menuCompleto: "menuCompleto", breadCrumbItems: "breadCrumbItems" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "sidebarRef", first: true, predicate: ["sidebarRef"], descendants: true }], ngImport: i0, template: "<!-- <p-sidebar\r\n  [visible]=\"true\"\r\n  [showCloseIcon]=\"false\"\r\n  styleClass=\"w-3rem barrasistemas sidebar-header-sistema\"\r\n  [modal]=\"false\"\r\n>\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"flex flex-column align-items-center justify-content-center\">\r\n      <button\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus\"\r\n        icon=\"pi pi-user\"\r\n      ></button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"flex flex-column gap-2 align-items-center\">\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\"\r\n        (click)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n      >\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-sidebar> -->\r\n\r\n<div class=\"flex flex-row\">\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{widthTopBar: '50px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column h-full\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between px-4 flex-shrink-0\">\r\n          <div class=\"flex flex-row align-items-center justify-content-between py-3\">\r\n            <img\r\n              alt=\"Card\"\r\n              src=\"../../assets/images/LogoEvo.png\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-bars\"\r\n              class=\"p-button-rounded h-2rem w-2rem\"\r\n              [pTooltip]=\"'Ocutar Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n              (click)=\"testeAlo()\"\r\n            ></button>\r\n          </div>\r\n\r\n          <div class=\"flex flex-row align-items-center justify-content-between\">\r\n            <div class=\"flex flex-column\">\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                pTooltip=\"CERTMASTER TECNOLOGIA DA INFORMA\u00C7\u00C3O LTDA\"\r\n              >\r\n                {{\r\n                MascaraNomeLincenca(\"CERTMASTER TECNOLOGIA DA INFORMA\u00C7\u00C3O LTDA\")\r\n                }}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">33.600.466/0001-87</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-arrow-right-arrow-left\"\r\n              class=\"p-button-rounded h-2rem w-2rem\"\r\n              [pTooltip]=\"'Alterar Licen\u00E7a'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            ></button>\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n\r\n        </div>\r\n\r\n        <div class=\"overflow-y-auto\">\r\n          <ul class=\"list-none ajuste-padding m-0\">\r\n            <!-- menus -->\r\n            <li *ngFor=\"let menu of menus\">\r\n              <!-- menu que n\u00E3o tem filho -->\r\n              <a\r\n                *ngIf=\"!menu.menupai && menu.idmenupai == 0\"\r\n                pRipple\r\n                class=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n              >\r\n                <i class=\"pi pi-home mr-2 text-blue-900 adjust-icon-menu\"></i>\r\n                <span class=\"text-base text-blue-900 font-semibold\">{{ menu.descricaomenu }}</span>\r\n              </a>\r\n\r\n              <!-- menu com filho -->\r\n              <div *ngIf=\"menu.menupai\">\r\n                <a\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=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                >\r\n                  <i\r\n                    class=\"pi pi-chart-line mr-2 text-blue-900 adjust-icon-menu\"\r\n                    *ngIf=\"menu.icone && menu.icone !== ''\"\r\n                  ></i>\r\n                  <span class=\"text-base text-blue-900 font-semibold\">{{ menu.descricaomenu }}</span>\r\n                  <i class=\"pi pi-chevron-down ml-auto text-blue-900 adjust-icon-menu\"></i>\r\n                </a>\r\n\r\n                <!-- filhos -->\r\n                <ul\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)\r\n                \">\r\n                    <a\r\n                      pRipple\r\n                      class=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                    >\r\n                      <i\r\n                        class=\"pi pi-chart-line mr-2 adjust-icon-menu\"\r\n                        *ngIf=\"filho.icone && filho.icone !== ''\"\r\n                      ></i>\r\n                      <span class=\"text-base text-blue-900\">{{ filho.descricaomenu }}</span>\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n          </ul>\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-full h-screen page-content\"\r\n    style=\"margin-left: 320px;\"\r\n    id=\"page-content\"\r\n  >\r\n\r\n    <div>\r\n      <div\r\n        class=\"flex flex-row align-items-center  justify-content-between m-3\"\r\n        id=\"top-bar-content\"\r\n      >\r\n        <div style=\"width: 400px;\">\r\n          <p class=\"text-xl font-semibold text-blue-900\">{{breadCrumbItems[breadCrumbItems.length - 1].label}}</p>\r\n          <p-breadcrumb\r\n            styleClass=\"border-none p-0 flex align-items-center h-2rem\"\r\n            [model]=\"breadCrumbItems\"\r\n            [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n            (onItemClick)=\"callRoute($event)\"\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            icon=\"pi pi-th-large\"\r\n            class=\"p-button-rounded h-2rem w-2rem\"\r\n            (click)=\"sistemasPanel.toggle($event)\"\r\n            [pTooltip]=\"'Sistemas'\"\r\n            [tooltipPosition]=\"'left'\"\r\n          ></button>\r\n          <button\r\n            pButton\r\n            icon=\"pi pi-user\"\r\n            class=\"p-button-rounded h-2rem w-2rem\"\r\n            (click)=\"meusDadosPanel.toggle($event)\"\r\n            [pTooltip]=\"'Meus Dados'\"\r\n            [tooltipPosition]=\"'left'\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- <div\r\n        [style]=\"{height: heigthCard - 105 + 'px'}\"\r\n        class=\" overflow-y-auto overflow-x-hidden card-container\"\r\n      >\r\n        <p-card styleClass=\"m-3 border-noround\">\r\n\r\n          <ng-content></ng-content>\r\n        </p-card>\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 - 105 + 'px'}\"\r\n      >\r\n        <ng-content class=\"w-full\"></ng-content>\r\n\r\n      </p-card>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n</div>\r\n<!-- \r\n<div #menu> asdasasdadas</div> -->\r\n\r\n<!-- <p-overlayPanel #overlayPanel>\r\n  <ng-template pTemplate=\"content\">\r\n      <h4>Custom Content</h4>\r\n  </ng-template>\r\n</p-overlayPanel> -->\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 align-items-center 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      >\r\n        <img\r\n          alt=\"logo\"\r\n          src=\"https://primefaces.org/cdn/primeng/images/primeng-icon.svg\"\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, Usu\u00E1rio !</p>\r\n    <div\r\n      class=\"mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    ></div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Ger\u00EAnciar KeevoPass\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n    ></p-button>\r\n\r\n  </ng-template>\r\n</p-overlayPanel>", styles: ["@charset \"UTF-8\";.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}.ajuste-padding{padding:.8rem 1rem .8rem .7rem;color:red}.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}.page-content{background:linear-gradient(to bottom,#d4d3d3 20%,#ffffff 30%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{font-weight:700}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500}span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .card-container::-webkit-scrollbar{width:8px}::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{background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{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}.adjust-icon-menu{position:relative;top:2px}\n"], dependencies: [{ 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$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i1$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i9$1.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i9.Divider, selector: "p-divider", inputs: ["styleClass", "style", "layout", "type", "align"] }, { kind: "component", type: i7$1.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }, { kind: "component", type: i9$2.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: i10$1.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterClass", "enterActiveClass", "enterToClass", "leaveClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape"] }, { kind: "component", type: i11.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-menu', template: "<!-- <p-sidebar\r\n  [visible]=\"true\"\r\n  [showCloseIcon]=\"false\"\r\n  styleClass=\"w-3rem barrasistemas sidebar-header-sistema\"\r\n  [modal]=\"false\"\r\n>\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"flex flex-column align-items-center justify-content-center\">\r\n      <button\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus\"\r\n        icon=\"pi pi-user\"\r\n      ></button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"flex flex-column gap-2 align-items-center\">\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\"\r\n        (click)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n      >\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-sidebar> -->\r\n\r\n<div class=\"flex flex-row\">\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{widthTopBar: '50px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column h-full w-full\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between px-4 flex-shrink-0\">\r\n          <div class=\"flex flex-row align-items-center justify-content-between py-3\">\r\n            <img\r\n              alt=\"Card\"\r\n              src=\"../../assets/images/LogoEvo.png\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-bars\"\r\n              class=\"p-button-rounded h-2rem w-2rem\"\r\n              [pTooltip]=\"'Ocutar Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n              (click)=\"testeAlo()\"\r\n            ></button>\r\n          </div>\r\n\r\n          <div class=\"flex flex-row align-items-center justify-content-between\">\r\n            <div class=\"flex flex-column\">\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                pTooltip=\"CERTMASTER TECNOLOGIA DA INFORMA\u00C7\u00C3O LTDA\"\r\n                [tooltipPosition]=\"'right'\"\r\n              >\r\n                {{\r\n                MascaraNomeLincenca(\"CERTMASTER TECNOLOGIA DA INFORMA\u00C7\u00C3O LTDA\")\r\n                }}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">33.600.466/0001-87</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-arrow-right-arrow-left\"\r\n              class=\"p-button-rounded h-2rem w-2rem\"\r\n              [pTooltip]=\"'Alterar Licen\u00E7a'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            ></button>\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n\r\n        </div>\r\n\r\n        <div class=\"overflow-y-auto card-container\">\r\n          <ul class=\"list-none ajuste-padding m-0 \">\r\n            <!-- menus -->\r\n            <li *ngFor=\"let menu of menus\">\r\n              <!-- menu que n\u00E3o tem filho -->\r\n              <a\r\n                *ngIf=\"!menu.menupai && menu.idmenupai == 0\"\r\n                pRipple\r\n                class=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n              >\r\n                <i class=\"pi pi-home mr-2 text-blue-900 adjust-icon-menu\"></i>\r\n                <span class=\"text-base text-blue-900 font-medium\">{{ menu.descricaomenu }}</span>\r\n              </a>\r\n\r\n              <!-- menu com filho -->\r\n              <div *ngIf=\"menu.menupai\">\r\n                <a\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=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                >\r\n                  <i\r\n                    class=\"pi pi-chart-line mr-2 text-blue-900 adjust-icon-menu\"\r\n                    *ngIf=\"menu.icone && menu.icone !== ''\"\r\n                  ></i>\r\n                  <span class=\"text-base text-blue-900 font-medium\">{{ menu.descricaomenu }}</span>\r\n                  <i class=\"pi pi-chevron-down ml-auto text-blue-900 adjust-icon-menu\"></i>\r\n                </a>\r\n\r\n                <!-- filhos -->\r\n                <ul\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)\r\n                \">\r\n                    <a\r\n                      pRipple\r\n                      class=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                    >\r\n                      <i\r\n                        class=\"pi pi-chart-line mr-2 adjust-icon-menu\"\r\n                        *ngIf=\"filho.icone && filho.icone !== ''\"\r\n                      ></i>\r\n                      <span class=\"text-base text-blue-900\">{{ filho.descricaomenu }}</span>\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n          </ul>\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-full h-screen page-content\"\r\n    style=\"margin-left: 320px;\"\r\n    id=\"page-content\"\r\n  >\r\n\r\n    <div>\r\n      <div\r\n        class=\"flex flex-row align-items-center  justify-content-between m-3 top-bar-content\"\r\n        id=\"top-bar-content\"\r\n        [style]=\"{width: '{{widthTopBar}}px'}\"\r\n      >\r\n        <div style=\"width: 400px;\">\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            styleClass=\"border-none p-0 flex align-items-center h-2rem\"\r\n            [model]=\"breadCrumbItems\"\r\n            [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n            (onItemClick)=\"callRoute($event)\"\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            icon=\"pi pi-th-large\"\r\n            class=\"p-button-rounded h-2rem w-2rem\"\r\n            (click)=\"sistemasPanel.toggle($event)\"\r\n            [pTooltip]=\"'Sistemas'\"\r\n            [tooltipPosition]=\"'left'\"\r\n          ></button>\r\n          <button\r\n            pButton\r\n            icon=\"pi pi-user\"\r\n            class=\"p-button-rounded h-2rem w-2rem\"\r\n            (click)=\"meusDadosPanel.toggle($event)\"\r\n            [pTooltip]=\"'Meus Dados'\"\r\n            [tooltipPosition]=\"'left'\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- <div\r\n        [style]=\"{height: heigthCard - 105 + 'px'}\"\r\n        class=\" overflow-y-auto overflow-x-hidden card-container\"\r\n      >\r\n        <p-card styleClass=\"m-3 border-noround\">\r\n\r\n          <ng-content></ng-content>\r\n        </p-card>\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 - 105 + 'px'}\"\r\n      >\r\n        <ng-content class=\"w-full\"></ng-content>\r\n\r\n      </p-card>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n</div>\r\n<!-- \r\n<div #menu> asdasasdadas</div> -->\r\n\r\n<!-- <p-overlayPanel #overlayPanel>\r\n  <ng-template pTemplate=\"content\">\r\n      <h4>Custom Content</h4>\r\n  </ng-template>\r\n</p-overlayPanel> -->\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 align-items-center 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, Usu\u00E1rio !</p>\r\n    <div\r\n      class=\"mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    ></div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Ger\u00EAnciar KeevoPass\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n    ></p-button>\r\n\r\n  </ng-template>\r\n</p-overlayPanel>", styles: ["@charset \"UTF-8\";.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}.ajuste-padding{padding:.8rem 1rem .8rem .7rem;color:red}.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}.page-content{background:linear-gradient(to bottom,#d4d3d3 20%,#ffffff 30%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{font-weight:700}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500}span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .top-bar-content{width:calc(100% - 165px)}::ng-deep .card-container{width:calc(100% - 165px)}::ng-deep .card-container::-webkit-scrollbar{width:8px}::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{background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{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}.adjust-icon-menu{position:relative;top:2px}\n"] }]
+            args: [{ selector: 'kv-menu', template: "<!-- <p-sidebar\r\n  [visible]=\"true\"\r\n  [showCloseIcon]=\"false\"\r\n  styleClass=\"w-3rem barrasistemas sidebar-header-sistema\"\r\n  [modal]=\"false\"\r\n>\r\n  <ng-template pTemplate=\"header\">\r\n    <div class=\"flex flex-column align-items-center justify-content-center\">\r\n      <button\r\n        pButton\r\n        pRipple\r\n        class=\"btn-sistema-2 btn-sistema hover-btn-cor-padrao remove-focus\"\r\n        icon=\"pi pi-user\"\r\n      ></button>\r\n    </div>\r\n  </ng-template>\r\n  <ng-template pTemplate=\"footer\">\r\n    <div class=\"flex flex-column gap-2 align-items-center\">\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\"\r\n        (click)=\"definirMenusPorSistema(menu.sistema.idsistema)\"\r\n        [pTooltip]=\"menu.sistema.descricaosistema\"\r\n      >\r\n        {{ menu.sistema.nomesistema.charAt(0).toUpperCase() }}\r\n      </button>\r\n    </div>\r\n  </ng-template>\r\n</p-sidebar> -->\r\n\r\n<div class=\"flex flex-row\">\r\n\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{widthTopBar: '50px'}\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"flex flex-column h-full\">\r\n        <div class=\"flex flex-column gap-2 justify-content-between px-4 flex-shrink-0\">\r\n          <div class=\"flex flex-row align-items-center justify-content-between py-3\">\r\n            <img\r\n              alt=\"Card\"\r\n              src=\"../../assets/images/LogoEvo.png\"\r\n              width=\"150\"\r\n            />\r\n\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-bars\"\r\n              class=\"p-button-rounded h-2rem w-2rem\"\r\n              [pTooltip]=\"'Ocutar Menu'\"\r\n              [tooltipPosition]=\"'right'\"\r\n              (click)=\"testeAlo()\"\r\n            ></button>\r\n          </div>\r\n\r\n          <div class=\"flex flex-row align-items-center justify-content-between\">\r\n            <div class=\"flex flex-column\">\r\n              <span\r\n                class=\"text-sm font-semibold mr-2\"\r\n                pTooltip=\"CERTMASTER TECNOLOGIA DA INFORMA\u00C7\u00C3O LTDA\"\r\n              >\r\n                {{\r\n                MascaraNomeLincenca(\"CERTMASTER TECNOLOGIA DA INFORMA\u00C7\u00C3O LTDA\")\r\n                }}\r\n              </span>\r\n              <span class=\"text-sm mt-1\">33.600.466/0001-87</span>\r\n            </div>\r\n\r\n            <button\r\n              pButton\r\n              icon=\"pi pi-arrow-right-arrow-left\"\r\n              class=\"p-button-rounded h-2rem w-2rem\"\r\n              [pTooltip]=\"'Alterar Licen\u00E7a'\"\r\n              [tooltipPosition]=\"'right'\"\r\n            ></button>\r\n          </div>\r\n          <p-divider type=\"solid\"></p-divider>\r\n\r\n        </div>\r\n\r\n        <div class=\"overflow-y-auto\">\r\n          <ul class=\"list-none ajuste-padding m-0\">\r\n            <!-- menus -->\r\n            <li *ngFor=\"let menu of menus\">\r\n              <!-- menu que n\u00E3o tem filho -->\r\n              <a\r\n                *ngIf=\"!menu.menupai && menu.idmenupai == 0\"\r\n                pRipple\r\n                class=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n              >\r\n                <i class=\"pi pi-home mr-2 text-blue-900 adjust-icon-menu\"></i>\r\n                <span class=\"text-base text-blue-900 font-semibold\">{{ menu.descricaomenu }}</span>\r\n              </a>\r\n\r\n              <!-- menu com filho -->\r\n              <div *ngIf=\"menu.menupai\">\r\n                <a\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=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                >\r\n                  <i\r\n                    class=\"pi pi-chart-line mr-2 text-blue-900 adjust-icon-menu\"\r\n                    *ngIf=\"menu.icone && menu.icone !== ''\"\r\n                  ></i>\r\n                  <span class=\"text-base text-blue-900 font-semibold\">{{ menu.descricaomenu }}</span>\r\n                  <i class=\"pi pi-chevron-down ml-auto text-blue-900 adjust-icon-menu\"></i>\r\n                </a>\r\n\r\n                <!-- filhos -->\r\n                <ul\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)\r\n                \">\r\n                    <a\r\n                      pRipple\r\n                      class=\"flex align-items-start cursor-pointer ajuste-padding border-round text-700 hover:bg-green-600 hover:text-white transition-duration-150 transition-colors p-ripple\"\r\n                    >\r\n                      <i\r\n                        class=\"pi pi-chart-line mr-2 adjust-icon-menu\"\r\n                        *ngIf=\"filho.icone && filho.icone !== ''\"\r\n                      ></i>\r\n                      <span class=\"text-base text-blue-900\">{{ filho.descricaomenu }}</span>\r\n                    </a>\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n            </li>\r\n          </ul>\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-full h-screen page-content\"\r\n    style=\"margin-left: 320px;\"\r\n    id=\"page-content\"\r\n  >\r\n\r\n    <div>\r\n      <div\r\n        class=\"flex flex-row align-items-center  justify-content-between m-3\"\r\n        id=\"top-bar-content\"\r\n      >\r\n        <div style=\"width: 400px;\">\r\n          <p class=\"text-xl font-semibold text-blue-900\">{{breadCrumbItems[breadCrumbItems.length - 1].label}}</p>\r\n          <p-breadcrumb\r\n            styleClass=\"border-none p-0 flex align-items-center h-2rem\"\r\n            [model]=\"breadCrumbItems\"\r\n            [style]=\"{backgroundColor: '#d4d3d3'}\"\r\n            (onItemClick)=\"callRoute($event)\"\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            icon=\"pi pi-th-large\"\r\n            class=\"p-button-rounded h-2rem w-2rem\"\r\n            (click)=\"sistemasPanel.toggle($event)\"\r\n            [pTooltip]=\"'Sistemas'\"\r\n            [tooltipPosition]=\"'left'\"\r\n          ></button>\r\n          <button\r\n            pButton\r\n            icon=\"pi pi-user\"\r\n            class=\"p-button-rounded h-2rem w-2rem\"\r\n            (click)=\"meusDadosPanel.toggle($event)\"\r\n            [pTooltip]=\"'Meus Dados'\"\r\n            [tooltipPosition]=\"'left'\"\r\n          ></button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- <div\r\n        [style]=\"{height: heigthCard - 105 + 'px'}\"\r\n        class=\" overflow-y-auto overflow-x-hidden card-container\"\r\n      >\r\n        <p-card styleClass=\"m-3 border-noround\">\r\n\r\n          <ng-content></ng-content>\r\n        </p-card>\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 - 105 + 'px'}\"\r\n      >\r\n        <ng-content class=\"w-full\"></ng-content>\r\n\r\n      </p-card>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n</div>\r\n<!-- \r\n<div #menu> asdasasdadas</div> -->\r\n\r\n<!-- <p-overlayPanel #overlayPanel>\r\n  <ng-template pTemplate=\"content\">\r\n      <h4>Custom Content</h4>\r\n  </ng-template>\r\n</p-overlayPanel> -->\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 align-items-center 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      >\r\n        <img\r\n          alt=\"logo\"\r\n          src=\"https://primefaces.org/cdn/primeng/images/primeng-icon.svg\"\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, Usu\u00E1rio !</p>\r\n    <div\r\n      class=\"mt-5 mb-3\"\r\n      style=\"width: 250px; height: 100%;\"\r\n    ></div>\r\n\r\n    <p-button\r\n      icon=\"pi pi-lock\"\r\n      label=\"Ger\u00EAnciar KeevoPass\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n    ></p-button>\r\n    <p-button\r\n      icon=\"pi pi-sign-out\"\r\n      label=\"Sair\"\r\n      styleClass=\"border-noround w-full p-button-text text-blue-900\"\r\n    ></p-button>\r\n\r\n  </ng-template>\r\n</p-overlayPanel>", styles: ["@charset \"UTF-8\";.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}.ajuste-padding{padding:.8rem 1rem .8rem .7rem;color:red}.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}.page-content{background:linear-gradient(to bottom,#d4d3d3 20%,#ffffff 30%)}*{margin:0}p .item-menu{color:#0c3e66;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .p-breadcrumb ul li:last-child .p-menuitem-text{font-weight:700}::ng-deep .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text{color:#0c3e66!important;font-weight:500}span{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol}::ng-deep .card-container::-webkit-scrollbar{width:8px}::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{background-color:#00000080}::ng-deep .card-container::-webkit-scrollbar-track{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}.adjust-icon-menu{position:relative;top:2px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { menuCompleto: [{
                 type: Input
             }], breadCrumbItems: [{
@@ -2616,6 +2617,109 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                 }]
         }] });
 
+class OrgchartComponent {
+    // @Input() applyStyle: Function = (data: any) => '';
+    constructor(renderer) {
+        this.renderer = renderer;
+        this.corDeFundo = 'red';
+        this.compact = true;
+        this.mostraMenu = false;
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+        if (!this.chart) {
+            this.chart = new OrgChart();
+        }
+        this.updateChart();
+    }
+    ngOnChanges() {
+        this.updateChart();
+    }
+    updateChart() {
+        if (!this.dataSource) {
+            return;
+        }
+        if (!this.chart) {
+            return;
+        }
+        const chartContainer = this.chartContainer.nativeElement;
+        this.chart
+            .container(chartContainer)
+            .data(this.dataSource)
+            .nodeWidth(() => this.config.cardWidht)
+            .nodeHeight(() => this.config.cardHeight)
+            .nodeUpdate(function (d) {
+        })
+            .linkUpdate((node, index, nodes) => {
+            d3.select(nodes[index])
+                .attr('stroke-width', this.config.conectionWidth || '2px')
+                .style('stroke', this.config.connectionColor || '#d6d6d6').style('backgroundColor', 'red');
+        })
+            .nodeContent((d) => {
+            if (d.data.template) {
+                const jsTemplate = this.stringToTemplateLiteral(d.data.template);
+                var templateConverter = new Function('data', 'return' + jsTemplate);
+                var x = templateConverter(d.data.data);
+            }
+            else {
+                const jsTemplate = this.stringToTemplateLiteral(this.config.templateItem);
+                var templateConverter = new Function('data', 'return' + jsTemplate);
+                var x = templateConverter(d.data.data);
+            }
+            return x;
+        })
+            .defaultFont('Roboto')
+            .render();
+    }
+    stringToTemplateLiteral(string) {
+        const convertedTemplate = string.replace(/\{\{([^}]*)\}\}/g, '${$1}');
+        return '`' + convertedTemplate + '`';
+    }
+    compactSwap() {
+        this.compact = !this.compact;
+        this.chart.compact(this.compact).render();
+    }
+}
+OrgchartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: OrgchartComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+OrgchartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: OrgchartComponent, selector: "kv-orgchart", inputs: { dataSource: "dataSource", config: "config", template: "template", nodeTemplate: "nodeTemplate", corDeFundo: "corDeFundo" }, viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartContainer"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div #chartContainer id=\"chartContainer\" [ngClass]=\"{'backGround': true}\">\r\n\r\n\r\n  <div class=\"div-botoes w-full flex gap-1\" >\r\n\r\n\r\n    <span *ngIf=\"!mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Expandir menu\">menu</span>\r\n\r\n\r\n\r\n    <span *ngIf=\"mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Recolher menu\">menu_open</span>\r\n\r\n    <div *ngIf=\"mostraMenu\">\r\n      <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.zoomIn()\" pTooltip=\"Zoom +\">zoom_in</span>\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.zoomOut()\" pTooltip=\"Zoom -\">zoom_out</span>\r\n\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.collapseAll()\" pTooltip=\"Expandir\">expand_less</span>\r\n\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.expandAll()\" pTooltip=\"Recolher\">expand_more</span>\r\n\r\n\r\n    <!-- <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"compactSwap()\" pTooltip=\"Compactar\">cached</span> -->\r\n\r\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\r\n      (click)=\"chart.fit().render()\" pTooltip=\"Centralizar\">\r\n      filter_center_focus\r\n    </span>\r\n\r\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\r\n      (click)=\"chart.fullscreen('#chartContainer')\" pTooltip=\"Tela cheia\" >\r\n      fullscreen\r\n    </span>\r\n\r\n    </div>\r\n\r\n\r\n  </div>\r\n\r\n\r\n\r\n\r\n</div>\r\n", styles: ["#chartContainer{height:100%;overflow:hidden}:host ::ng-deep #chartContainer svg.svg-chart-container{height:100%!important;position:relative;width:100%;top:-56px;z-index:0;background-color:#fff}.div-botoes{z-index:1;width:100%;position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: OrgchartComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kv-orgchart', template: "<div #chartContainer id=\"chartContainer\" [ngClass]=\"{'backGround': true}\">\r\n\r\n\r\n  <div class=\"div-botoes w-full flex gap-1\" >\r\n\r\n\r\n    <span *ngIf=\"!mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Expandir menu\">menu</span>\r\n\r\n\r\n\r\n    <span *ngIf=\"mostraMenu\" class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n    (click)=\"mostraMenu = !mostraMenu\" pTooltip=\"Recolher menu\">menu_open</span>\r\n\r\n    <div *ngIf=\"mostraMenu\">\r\n      <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.zoomIn()\" pTooltip=\"Zoom +\">zoom_in</span>\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.zoomOut()\" pTooltip=\"Zoom -\">zoom_out</span>\r\n\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.collapseAll()\" pTooltip=\"Expandir\">expand_less</span>\r\n\r\n    <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"chart.expandAll()\" pTooltip=\"Recolher\">expand_more</span>\r\n\r\n\r\n    <!-- <span class=\"surface-300 shadow-4 p-1 m-2 border-circle material-icons cursor-pointer\"\r\n      (click)=\"compactSwap()\" pTooltip=\"Compactar\">cached</span> -->\r\n\r\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\r\n      (click)=\"chart.fit().render()\" pTooltip=\"Centralizar\">\r\n      filter_center_focus\r\n    </span>\r\n\r\n    <span class=\"material-icons surface-300 shadow-4 p-1 m-2 border-circle cursor-pointer\"\r\n      (click)=\"chart.fullscreen('#chartContainer')\" pTooltip=\"Tela cheia\" >\r\n      fullscreen\r\n    </span>\r\n\r\n    </div>\r\n\r\n\r\n  </div>\r\n\r\n\r\n\r\n\r\n</div>\r\n", styles: ["#chartContainer{height:100%;overflow:hidden}:host ::ng-deep #chartContainer svg.svg-chart-container{height:100%!important;position:relative;width:100%;top:-56px;z-index:0;background-color:#fff}.div-botoes{z-index:1;width:100%;position:relative}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { chartContainer: [{
+                type: ViewChild,
+                args: ['chartContainer']
+            }], dataSource: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }], template: [{
+                type: Input
+            }], nodeTemplate: [{
+                type: Input
+            }], corDeFundo: [{
+                type: Input
+            }] } });
+
+class OrgchartModule {
+}
+OrgchartModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: OrgchartModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+OrgchartModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: OrgchartModule, declarations: [OrgchartComponent], imports: [CommonModule,
+        PrimeNgModule], exports: [OrgchartComponent] });
+OrgchartModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: OrgchartModule, imports: [CommonModule,
+        PrimeNgModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: OrgchartModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PrimeNgModule
+                    ],
+                    declarations: [OrgchartComponent],
+                    exports: [OrgchartComponent]
+                }]
+        }] });
+
 class KeevoComponentsModule {
 }
 KeevoComponentsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KeevoComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2626,14 +2730,16 @@ KeevoComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", v
         KvChartModule,
         KvMenuModule,
         KvPickListModule,
-        KVTreeTableModule], exports: [KvInputsModule,
+        KVTreeTableModule,
+        OrgchartModule], exports: [KvInputsModule,
         KvButtonsModule,
         KvTableModule,
         KvtreeViewModule,
         KvChartModule,
         KvMenuModule,
         KvPickListModule,
-        KVTreeTableModule] });
+        KVTreeTableModule,
+        OrgchartModule] });
 KeevoComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KeevoComponentsModule, imports: [KvInputsModule,
         KvButtonsModule,
         KvTableModule,
@@ -2641,14 +2747,16 @@ KeevoComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
         KvChartModule,
         KvMenuModule,
         KvPickListModule,
-        KVTreeTableModule, KvInputsModule,
+        KVTreeTableModule,
+        OrgchartModule, KvInputsModule,
         KvButtonsModule,
         KvTableModule,
         KvtreeViewModule,
         KvChartModule,
         KvMenuModule,
         KvPickListModule,
-        KVTreeTableModule] });
+        KVTreeTableModule,
+        OrgchartModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: KeevoComponentsModule, decorators: [{
             type: NgModule,
             args: [{
@@ -2661,7 +2769,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                         KvChartModule,
                         KvMenuModule,
                         KvPickListModule,
-                        KVTreeTableModule
+                        KVTreeTableModule,
+                        OrgchartModule
                     ],
                     exports: [
                         KvInputsModule,
@@ -2671,7 +2780,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
                         KvChartModule,
                         KvMenuModule,
                         KvPickListModule,
-                        KVTreeTableModule
+                        KVTreeTableModule,
+                        OrgchartModule
                     ]
                 }]
         }] });
@@ -2810,5 +2920,5 @@ class TablePaginate {
  * Generated bundle index. Do not edit.
  */
 
-export { BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentDropDown, BaseComponentInput, BaseComponentMultiSelect, ButtonPersonalizeComponent, ButtonSecondaryComponent, ButtonSuccessComponent, ChartComponent, CheckComponent, CodigoFipePipe, ComponentProviders, ComponentService, CpfCnpjPipe, DropdownComponent, ErrorComponent, InputCalendarComponent, InputMaskComponent, InputNumberComponent, InputPasswordComponent, InputTextComponent, InputTextareaComponent, InputTimeComponent, KVTreeTableModule, KeevoComponentsModule, KvButtonsModule, KvChartModule, KvInputsModule, KvMenuModule, KvPickListModule, KvTableModule, KvtreeViewModule, MenuComponent, MultiSelectComponent, NotificationService, ObjectService, PeriodosChart, PickListComponent, PipesModule, PrimeNgModule, RadioGroupComponent, SwitchComponent, TableComponent, TablePaginate, TelefonePipe, TranslatePrimeng, TreeTableComponent, TreeViewComponent, kvErrorModule };
+export { BaseChartComponent, BaseComponent, BaseComponentButton, BaseComponentDropDown, BaseComponentInput, BaseComponentMultiSelect, ButtonPersonalizeComponent, ButtonSecondaryComponent, ButtonSuccessComponent, ChartComponent, CheckComponent, CodigoFipePipe, ComponentProviders, ComponentService, CpfCnpjPipe, DropdownComponent, ErrorComponent, InputCalendarComponent, InputMaskComponent, InputNumberComponent, InputPasswordComponent, InputTextComponent, InputTextareaComponent, InputTimeComponent, KVTreeTableModule, KeevoComponentsModule, KvButtonsModule, KvChartModule, KvInputsModule, KvMenuModule, KvPickListModule, KvTableModule, KvtreeViewModule, MenuComponent, MultiSelectComponent, NotificationService, ObjectService, OrgchartComponent, OrgchartModule, PeriodosChart, PickListComponent, PipesModule, PrimeNgModule, RadioGroupComponent, SwitchComponent, TableComponent, TablePaginate, TelefonePipe, TranslatePrimeng, TreeTableComponent, TreeViewComponent, kvErrorModule };
 //# sourceMappingURL=keevo-components.mjs.map