npm - keevo-components - Versions diffs - 2.0.74 → 2.0.76 - Mend

keevo-components 2.0.74 → 2.0.76

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/esm2022/lib/components/kv-layout/layout/kv-layout.component.mjs CHANGED Viewed

@@ -350,11 +350,11 @@ export class KvLayoutComponent {
         this.showVideoDocEmit.emit(trilha);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLayoutComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.FormBuilder }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvLayoutComponent, selector: "kv-layout", inputs: { apps: { classPropertyName: "apps", publicName: "apps", isSignal: false, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: false, isRequired: false, transformFunction: null }, useCard: { classPropertyName: "useCard", publicName: "useCard", isSignal: false, isRequired: false, transformFunction: null }, topMenusVisible: { classPropertyName: "topMenusVisible", publicName: "topMenusVisible", isSignal: true, isRequired: false, transformFunction: null }, profileImage: { classPropertyName: "profileImage", publicName: "profileImage", isSignal: true, isRequired: false, transformFunction: null }, breadCrumbItems: { classPropertyName: "breadCrumbItems", publicName: "breadCrumbItems", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: true, isRequired: false, transformFunction: null }, expandMenu: { classPropertyName: "expandMenu", publicName: "expandMenu", isSignal: true, isRequired: false, transformFunction: null }, logoMenuExpand: { classPropertyName: "logoMenuExpand", publicName: "logoMenuExpand", isSignal: false, isRequired: false, transformFunction: null }, logoMenuHide: { classPropertyName: "logoMenuHide", publicName: "logoMenuHide", isSignal: false, isRequired: false, transformFunction: null }, selectedApp: { classPropertyName: "selectedApp", publicName: "selectedApp", isSignal: false, isRequired: false, transformFunction: null }, selectedEmpresa: { classPropertyName: "selectedEmpresa", publicName: "selectedEmpresa", isSignal: false, isRequired: false, transformFunction: null }, selectedMaster: { classPropertyName: "selectedMaster", publicName: "selectedMaster", isSignal: false, isRequired: false, transformFunction: null }, showButtonApps: { classPropertyName: "showButtonApps", publicName: "showButtonApps", isSignal: false, isRequired: false, transformFunction: null }, showButtonUser: { classPropertyName: "showButtonUser", publicName: "showButtonUser", isSignal: false, isRequired: false, transformFunction: null }, showExpandMenu: { classPropertyName: "showExpandMenu", publicName: "showExpandMenu", isSignal: false, isRequired: false, transformFunction: null }, showDropdownLicenca: { classPropertyName: "showDropdownLicenca", publicName: "showDropdownLicenca", isSignal: false, isRequired: false, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: false, isRequired: false, transformFunction: null }, showTrocaEmpresa: { classPropertyName: "showTrocaEmpresa", publicName: "showTrocaEmpresa", isSignal: false, isRequired: false, transformFunction: null }, showBreadcrumb: { classPropertyName: "showBreadcrumb", publicName: "showBreadcrumb", isSignal: false, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: false, isRequired: false, transformFunction: null }, userEmail: { classPropertyName: "userEmail", publicName: "userEmail", isSignal: false, isRequired: false, transformFunction: null }, masterName: { classPropertyName: "masterName", publicName: "masterName", isSignal: false, isRequired: false, transformFunction: null }, empresaName: { classPropertyName: "empresaName", publicName: "empresaName", isSignal: false, isRequired: false, transformFunction: null }, idsAplicativosMenuHide: { classPropertyName: "idsAplicativosMenuHide", publicName: "idsAplicativosMenuHide", isSignal: false, isRequired: false, transformFunction: null }, useSelectionApps: { classPropertyName: "useSelectionApps", publicName: "useSelectionApps", isSignal: false, isRequired: false, transformFunction: null }, showTrilhaConhecimento: { classPropertyName: "showTrilhaConhecimento", publicName: "showTrilhaConhecimento", isSignal: false, isRequired: false, transformFunction: null }, isDisableSelectionEmpresa: { classPropertyName: "isDisableSelectionEmpresa", publicName: "isDisableSelectionEmpresa", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { menus: "menusChange", expandMenu: "expandMenuChange", accessKeePassEmit: "accessKeePassEmit", changeEmpresaEmit: "changeEmpresaEmit", changeLicenseEmit: "changeLicenseEmit", expandMenuEmit: "expandMenuEmit", logoutEmit: "logoutEmit", selectAppEmit: "selectAppEmit", navigateToDefaultRouteEmit: "navigateToDefaultRouteEmit", downloadDocEmit: "downloadDocEmit", showVideoDocEmit: "showVideoDocEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row full-container\">\r\n  @if(showMenu) {\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{ width: expandMenu() ? '17rem' : '3.65rem' }\"\r\n    styleClass=\"transition-all\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"h-full flex flex-column overflow-hidden p-2\">\r\n        <div\r\n          class=\"flex-none flex flex-column gap-3 justify-content-between flex-shrink-0 overflow-hidden\"\r\n        >\r\n          <!-- LOGO -->\r\n          <div\r\n            class=\"flex {{\r\n              expandMenu() ? 'flex-row' : 'flex-column'\r\n            }} align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }} p-2\"\r\n          >\r\n            <!-- Logo para o menu expandido -->\r\n            @if(expandMenu() && logoMenuExpand){\r\n            <img\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuExpand\"\r\n              [style.height]=\"'2.4rem'\"\r\n              width=\"auto\"\r\n              class=\"cursor-pointer p-0\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n            }\r\n\r\n            <!-- Logo para o menu minimizado-->\r\n            @if(!expandMenu() && logoMenuHide){\r\n            <img\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuHide\"\r\n              [style.height]=\"'2.4rem'\"\r\n              width=\"auto\"\r\n              class=\"cursor-pointer p-1\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n            }\r\n\r\n            <!-- Toggle menu -->\r\n            @if(showExpandMenu){\r\n            <!-- <span class=\"material-symbols-outlined side-menu-item\" (click)=\"expandMenu.set(!expandMenu())\">menu</span> -->\r\n            }\r\n          </div>\r\n\r\n          @if(showTrocaEmpresa){\r\n          <div\r\n            class=\"flex flex-row align-items-center justify-content-{{\r\n              expandMenu() ? 'between' : 'center'\r\n            }} gap-2 troca-empresa-container mb-3 py-2 {{\r\n              !isDisableSelectionEmpresa && 'selectable-troca-empresa'\r\n            }}\"\r\n            [pTooltip]=\"isDisableSelectionEmpresa ? '' : 'Trocar de empresa'\"\r\n            [tooltipPosition]=\"'right'\"\r\n            (click)=\"!isDisableSelectionEmpresa && changeEmpresa($event)\"\r\n          >\r\n            @if(expandMenu() && selectedEmpresa){\r\n            <div class=\"flex flex-column w-full\">\r\n              @if(this.selectedEmpresa.razaosocial){\r\n              <span class=\"text-xs font-semibold mr-2 color-system\">\r\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\r\n              </span>\r\n              } @if(this.selectedEmpresa.cpfcnpj){\r\n              <span class=\"text-xs mt-1 color-system\">{{\r\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\r\n              }}</span>\r\n              }\r\n            </div>\r\n\r\n            } @if(!isDisableSelectionEmpresa) {\r\n            <span class=\"material-symbols-outlined\">swap_horiz</span>\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n        <!-- MENUS -->\r\n        <div\r\n          class=\"flex-1 list-none m-0 overflow-y-auto max-h-full menus-container\"\r\n        >\r\n          <!-- menus -->\r\n          @for (menu of menus(); track $index) {\r\n          @if(!idsAplicativosMenuHide.includes(menu.idaplicativo)){\r\n          <li>\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            @if( !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)){\r\n            <div\r\n              class=\"flex flex-row align-items-center justify-content-{{\r\n                expandMenu() ? 'between' : 'center'\r\n              }} gap-2 side-menu-item\"\r\n              style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              (click)=\"callRoute(menu.link)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">{{\r\n                menu.icone || \"lens_blur\"\r\n              }}</span>\r\n              @if(expandMenu()){\r\n              <label>{{ menu.descricaomenu }}</label>\r\n              }\r\n            </div>\r\n            }\r\n            <!-- menu com filho -->\r\n            @if(menu.indmenupai){\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-parent-{{ $index }}\"\r\n              (mouseenter)=\"exibirMenuChild($event, $index)\"\r\n              (mouseleave)=\"menuVisivel.set(undefined)\"\r\n            >\r\n              <div\r\n                class=\" flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item\"\r\n                style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              >\r\n                <span class=\"material-symbols-outlined\">{{\r\n                  menu.icone || \"lens_blur\"\r\n                }}</span>\r\n                @if(expandMenu()){\r\n                <label>{{ menu.descricaomenu }}</label>\r\n                <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                }\r\n              </div>\r\n\r\n              <div\r\n                class=\"menu-childs\"\r\n                id=\"menu-child-{{ $index }}\"\r\n                [style.opacity]=\"menuVisivel() === $index ? '1' : '0'\"\r\n                [style.pointerEvents]=\"\r\n                  menuVisivel() === $index ? 'auto' : 'none'\r\n                \"\r\n              >\r\n                <div class=\"flex align-items-center\">\r\n                  <p class=\"p-0 m-0 font-bold pt-2 px-2 text-xs\">\r\n                    {{ menu.descricaomenu }}\r\n                  </p>\r\n                </div>\r\n                <p-divider\r\n                  class=\"p-0 m-0\"\r\n                  [style.opacity]=\"1\"\r\n                  type=\"solid\"\r\n                ></p-divider>\r\n                <div class=\"menu-childs-content p-0 m-0\">\r\n                  @for (item of returnMenuChild(menu.idmenu); track $index) {\r\n\r\n                  <div\r\n                    class=\"side-menu-item py-2 px-2 text-sm\"\r\n                    (click)=\"callRoute(item.link)\"\r\n                  >\r\n                    {{ item.descricaomenu }}\r\n                  </div>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n            }\r\n          </li>\r\n          } }\r\n        </div>\r\n\r\n        @if(useSelectionApps) {\r\n        <!-- APPS E SAIR -->\r\n        <p-divider class=\"px-2\" [style.opacity]=\"1\" type=\"solid\"></p-divider>\r\n\r\n        <div class=\"flex-none list-none m-0 overflow-y-auto max-h-full\">\r\n          <li>\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-sistemas-parent\"\r\n              (mouseenter)=\"exibirMenuChild($event, -1)\"\r\n              (mouseleave)=\"menuVisivel.set(undefined)\"\r\n            >\r\n              <!-- <div\r\n                class=\"flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item\"\r\n                style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n                [pTooltip]=\"!expandMenu() ? 'Sistemas' : ''\"\r\n              >\r\n                <span class=\"material-symbols-outlined\">grid_view</span>\r\n                \r\n                @if(expandMenu()){\r\n                <label>Sistemas</label>\r\n                <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                }\r\n              </div> -->\r\n\r\n              <div\r\n                class=\"flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item-system troca-sistema-container py-2\"\r\n              >\r\n                <!-- <p-avatar\r\n                  icon=\"pi pi-th-large\"\r\n                  styleClass=\"mr-2\"\r\n                  size=\"normal\"\r\n                  [style]=\"{\r\n                    'background-color': 'rgb(var(--kv-color-system), 1)',\r\n                    color: 'white'\r\n                  }\"\r\n                /> -->\r\n                <div\r\n                  [style]=\"{\r\n                    'background-color': 'rgb(var(--kv-color-system), .2)',\r\n                    color: 'rgb(var(--kv-color-system), 1)',\r\n                    'border-radius': '.5rem',\r\n                    padding: '.25rem'\r\n                  }\"\r\n                  class=\"flex align-items-center justify-content-center\"\r\n                >\r\n                  <span class=\"material-symbols-outlined\">\r\n                    dashboard_customize\r\n                  </span>\r\n                </div>\r\n\r\n                @if(expandMenu()) {\r\n                <div class=\"flex flex-column w-full\">\r\n                  <span class=\"text-sm font-semibold mr-2 color-system\">\r\n                    Meus Sistemas\r\n                  </span>\r\n                </div>\r\n\r\n                <span\r\n                  class=\"material-symbols-outlined\"\r\n                  [style.color]=\"'rgb(var(--kv-color-system), 1)'\"\r\n                  >unfold_more</span\r\n                >\r\n                }\r\n              </div>\r\n\r\n              <div\r\n                class=\"menu-childs\"\r\n                id=\"menu-sistemas-child\"\r\n                [style.opacity]=\"menuVisivel() === -1 ? '1' : '0'\"\r\n                [style.pointerEvents]=\"menuVisivel() === -1 ? 'auto' : 'none'\"\r\n              >\r\n                <p class=\"p-0 m-0 font-bold pt-2 pl-3 text-xs\">Sistemas</p>\r\n                @for (item of apps; track $index) {\r\n                <div\r\n                  class=\"flex flex-row align-items-center gap-2 side-menu-item py-2 pl-3 pr-1\"\r\n                  (click)=\"\r\n                    callRoute(item.rotapadrao); selectApp(item.idaplicativo)\r\n                  \"\r\n                >\r\n                  <img\r\n                    [src]=\"item.urlicone\"\r\n                    class=\"h-2rem w-2rem border-round-lg\"\r\n                  />\r\n                  <div class=\"text-sm\">\r\n                    {{ item.nomeaplicativo }}\r\n                  </div>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n          </li>\r\n          <!-- <li>\r\n            <div\r\n              class=\"flex flex-row align-items-center justify-content-{{\r\n                expandMenu() ? 'between' : 'center'\r\n              }} gap-2 side-menu-item\"\r\n              style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              [pTooltip]=\"!expandMenu() ? 'Sair' : ''\"\r\n              [style.color]=\"'rgba(252, 3, 3, 0.6)'\"\r\n              (click)=\"logout($event)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">exit_to_app</span>\r\n              @if(expandMenu()){\r\n              <label>Sair</label>\r\n              }\r\n            </div>\r\n          </li> -->\r\n        </div>\r\n        }\r\n      </div>\r\n    </ng-template>\r\n  </p-sidebar>\r\n  }\r\n\r\n  <!-- SE\u00C7\u00C3O CONTE\u00DADO  -->\r\n  <div\r\n    class=\"w-auto h-screen page-content overflow-y-hidden flex flex-column\"\r\n    id=\"page-content\"\r\n    style=\"width: 100vw !important\"\r\n  >\r\n    <!-- TOPO -->\r\n    <div\r\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between my-2 mx-3 mb-0\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\r\n      </div>\r\n      } @else {\r\n      <!-- Breadcrumbs -->\r\n      @if(showBreadcrumb) {\r\n      <div class=\"h-full\">\r\n        <p-breadcrumb\r\n          *ngIf=\"widthCard > 400\"\r\n          styleClass=\"border-none p-0 flex align-items-center h-2rem bg-transparent\"\r\n          [model]=\"breadCrumbItems\"\r\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n        >\r\n          <ng-template pTemplate=\"item\" let-item let-i=\"index\">\r\n            @if(breadCrumbItems.indexOf(item) < breadCrumbItems.length - 1){\r\n            <span class=\"font-normal\">{{ item.label }}</span>\r\n            } @else {\r\n            <span class=\"font-bold\">{{ item.label }}</span>\r\n            }\r\n          </ng-template>\r\n        </p-breadcrumb>\r\n      </div>\r\n      } @else {\r\n      <!-- GHOST DIV PARA OCPUAR ESPA\u00C7O NO SPACE BETWEEN -->\r\n      <div></div>\r\n      } } @if (exibirNomes) { @if(widthCard >= 517) {\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) {\r\n        <span class=\"font-semibold system-color\">{{ masterName }}</span> }\r\n        @if(empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        <!-- @for (topAction of topMenuActions(); track $index) {\r\n            <ng-container *ngTemplateOutlet=\"topAction\" />\r\n            } -->\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n      } @else {\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        <!-- @for (topAction of topMenuActions(); track $index) {\r\n            <ng-container *ngTemplateOutlet=\"topAction\" />\r\n            } -->\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\r\n        @if (empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span> }\r\n      </div>\r\n      } } @else { @if(widthPage() > 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"max-w-25rem flex-1\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n\r\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    @if(widthPage() <= 992){\r\n    <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n    <div class=\"h-2rem mx-3\">\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      />\r\n    </div>\r\n\r\n    }\r\n\r\n    <!-- Container -->\r\n    <div class=\"overflow-hidden flex-1 p-0 m-0 mb-2 h-full\">\r\n      <div\r\n        class=\"overflow-y-auto h-full max-h-full {{\r\n          !showMenu && 'sm:overflow-y-hidden'\r\n        }} card-container\r\n        \r\n        {{ useCard ? 'use-card' : '' }}\r\n        \"\r\n      >\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Painel do usu\u00E1rio -->\r\n  <p-overlayPanel\r\n    #meusDadosPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <div class=\"p-3 flex flex-column gap-2\">\r\n        <div\r\n          class=\"flex flex-row align-items-center {{\r\n            showTrilhaConhecimento && 'justify-content-between'\r\n          }} gap-2\"\r\n        >\r\n          <p-avatar\r\n            icon=\"pi pi-user\"\r\n            class=\"mr-2\"\r\n            size=\"xlarge\"\r\n            shape=\"circle\"\r\n            [style]=\"{ width: '4.5rem', height: '4.5rem' }\"\r\n          />\r\n\r\n          <div\r\n            class=\"flex flex-column {{\r\n              showTrilhaConhecimento ? 'w-18rem' : 'w-12rem'\r\n            }} justify-content-between\"\r\n            [style]=\"{ height: '4.5rem' }\"\r\n          >\r\n            <span\r\n              class=\"text-medium text-md overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n              >Ol\u00E1, {{ userName.split(\" \")[0] }}!</span\r\n            >\r\n            <span\r\n              class=\"text-medium text-xs text-gray-500 overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n              >{{ userEmail }}</span\r\n            >\r\n            <kv-button\r\n              severity=\"secondary\"\r\n              size=\"small\"\r\n              label=\"Gerenciar KeePass\"\r\n              (onClick)=\"accessKeePass($event)\"\r\n              class=\"w-12rem\"\r\n            ></kv-button>\r\n          </div>\r\n        </div>\r\n\r\n        @if(actions.length > 0) {\r\n        <p-divider></p-divider>\r\n\r\n        <div class=\"flex flex-column text-sm\">\r\n          @for (action of actions; track $index) {\r\n          <ng-container>\r\n            <div\r\n              class=\"flex flex-row align-items-center gap-2 side-menu-item p-2\"\r\n              (click)=\"action.action()\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">{{ action.icon }}</span>\r\n              <span>{{ action.label }}</span>\r\n            </div>\r\n          </ng-container>\r\n          }\r\n        </div>\r\n        } @if(showTrilhaConhecimento) {\r\n        <p-divider></p-divider>\r\n\r\n        <div class=\"flex flex-column gap-3\">\r\n          <span class=\"text-sm font-semibold text-gray-500\"\r\n            >Trilha do Conhecimento</span\r\n          >\r\n          @for(trilha of trilhaConhecimento; track $index) {\r\n\r\n          <div class=\"flex flex-row gap-2 max-w-25rem\">\r\n            <div\r\n              class=\"flex align-items-center justify-content-center border-round-md trilha-icon\"\r\n            >\r\n              <span class=\"material-symbols-outlined text-2xl\">{{\r\n                trilha.icon\r\n              }}</span>\r\n            </div>\r\n            <div class=\"flex flex-column justify-content-between w-20rem\">\r\n              <span\r\n                class=\"text-sm font-medium overflow-hidden white-space-nowrap text-overflow-ellipsis text-gray-500\"\r\n                >{{ trilha.title }}</span\r\n              >\r\n              <span\r\n                class=\"text-xs text-gray-400 overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n                [pTooltip]=\"trilha.subtitle\"\r\n                [tooltipPosition]=\"'left'\"\r\n                >{{ trilha.subtitle }}</span\r\n              >\r\n              <div class=\"flex flex-row gap-2\">\r\n                <span\r\n                  class=\"material-symbols-outlined button-icon\"\r\n                  [pTooltip]=\"'Baixar Documento'\"\r\n                  (click)=\"downloadDoc(trilha)\"\r\n                  >download</span\r\n                >\r\n                <span\r\n                  class=\"material-symbols-outlined button-icon\"\r\n                  [pTooltip]=\"'Assistir V\u00EDdeo'\"\r\n                  (click)=\"showVideoDoc(trilha)\"\r\n                  >videocam</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n        }\r\n\r\n        <p-divider></p-divider>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center justify-content-between gap-2 side-menu-item p-2\"\r\n          [style.color]=\"'rgba(252, 3, 3, 0.6)'\"\r\n          (click)=\"logout($event)\"\r\n        >\r\n          <span class=\"material-symbols-outlined\">exit_to_app</span>\r\n          <label>Sair</label>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}.material-symbols-outlined{font-size:1.3rem}::ng-deep body{margin:0!important}.full-container{background:rgb(var(--kv-background-system),1);width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden}::ng-deep p-sidebar .p-sidebar{position:relative!important;background:rgb(var(--kv-background-card),1);box-shadow:0 0 .8rem #0000001a;border:1px solid rgb(var(--kv-color-system),.1);margin-left:.5rem;margin-top:.5rem;border-radius:.5rem;height:calc(100vh - 1rem);z-index:1100!important}.page-content{background:none}.use-card{background-color:rgb(var(--kv-background-card),1);box-shadow:0 0 .8rem #0000001a;border:1px solid rgb(var(--kv-color-system),.1);border-radius:.5rem}::ng-deep .card-container{margin:0rem .5rem;background-color:rgb(var(--kv-background-system),1);overflow-x:hidden}::ng-deep .card-container .p-card-body{padding:.5rem .5rem 0;margin:0;height:100%}::ng-deep .card-container .p-card-content{margin:0;padding:0;height:100%}::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}.side-menu-item{transition:all .2s ease-in-out;cursor:pointer;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.side-menu-item:hover{background-color:rgb(var(--kv-color-system),.25);color:rgb(var(--kv-color-system),1)}.side-menu-item label{width:100%;cursor:pointer}.side-menu-item-system{transition:all .2s ease-in-out;cursor:pointer;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.side-menu-item-system:hover{background-color:rgb(var(--kv-color-system),.08);color:rgb(var(--kv-color-system),1)}.side-menu-item-system label{width:100%;cursor:pointer}::ng-deep .p-divider{margin:0;padding:0;margin-top:.5rem;margin-bottom:.5rem}::ng-deep .p-overlaypanel-content{padding:0}.menu-parent{display:inline-block;width:100%}.menu-childs{position:absolute;left:-500px;min-width:17rem;max-width:50rem;overflow:hidden;padding:.5rem;background:rgb(var(--kv-background-card),1);border:1px solid rgb(var(--kv-color-system),.1);border-radius:.5rem;z-index:9999;box-shadow:0 0 .8rem #0000001a;gap:0}.menu-childs p{color:rgb(var(--kv-color-system),1)!important;opacity:.7}.menu-childs .menu-childs-content{max-height:25rem;overflow:auto}.menu-childs .menu-childs-content::-webkit-scrollbar{width:8px}.menu-childs .menu-childs-content::-webkit-scrollbar:hover{background-color:#dededebf}.menu-childs .menu-childs-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.menu-childs .menu-childs-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.menu-childs .menu-childs-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-breadcrumb .p-breadcrumb-list span{color:rgba(var(--kv-color-text),.75)!important;font-size:.75rem}::ng-deep .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{color:rgba(var(--kv-color-text),.7)!important;margin:0;margin-left:.1rem;margin-right:.1rem}::ng-deep .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator svg{height:.5rem}.troca-empresa-container{font-size:.75rem;opacity:.8;border:1px solid #c1cfe1;color:#0a3a78;background-color:rgb(var(--kv-color-system),.05);transition:all .2s ease-in-out;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.selectable-troca-empresa:hover{opacity:1;border:1px solid rgb(var(--kv-color-system),1);cursor:pointer;background-color:rgb(var(--kv-color-system),.25);color:rgb(var(--kv-color-system),1)}.menus-container label{font-size:.875rem}.meus-sistemas{background-color:rgb(var(--kv-color-system),.05)}.button-icon{color:rgb(var(--kv-color-system),.75)}.button-icon:hover{color:rgb(var(--kv-color-system),.9);cursor:pointer}.button-icon:active{color:rgb(var(--kv-color-system),1)}.trilha-icon{width:3.5rem;height:3.5rem;background-color:rgb(var(--kv-color-system),.2);color:rgb(var(--kv-color-system),1)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup"], outputs: ["iconChange", "onClick"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i6.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i7.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: i8.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i9.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i10.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: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i11.TopIconsComponent, selector: "kv-top-icons", inputs: ["topActions"] }, { kind: "component", type: i12.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "component", type: i13.DropdownMasterComponent, selector: "dropdown-master", inputs: ["formControlName", "masters"] }, { kind: "pipe", type: i14.CpfCnpjPipe, name: "cpfCnpj" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvLayoutComponent, selector: "kv-layout", inputs: { apps: { classPropertyName: "apps", publicName: "apps", isSignal: false, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: false, isRequired: false, transformFunction: null }, useCard: { classPropertyName: "useCard", publicName: "useCard", isSignal: false, isRequired: false, transformFunction: null }, topMenusVisible: { classPropertyName: "topMenusVisible", publicName: "topMenusVisible", isSignal: true, isRequired: false, transformFunction: null }, profileImage: { classPropertyName: "profileImage", publicName: "profileImage", isSignal: true, isRequired: false, transformFunction: null }, breadCrumbItems: { classPropertyName: "breadCrumbItems", publicName: "breadCrumbItems", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, menus: { classPropertyName: "menus", publicName: "menus", isSignal: true, isRequired: false, transformFunction: null }, expandMenu: { classPropertyName: "expandMenu", publicName: "expandMenu", isSignal: true, isRequired: false, transformFunction: null }, logoMenuExpand: { classPropertyName: "logoMenuExpand", publicName: "logoMenuExpand", isSignal: false, isRequired: false, transformFunction: null }, logoMenuHide: { classPropertyName: "logoMenuHide", publicName: "logoMenuHide", isSignal: false, isRequired: false, transformFunction: null }, selectedApp: { classPropertyName: "selectedApp", publicName: "selectedApp", isSignal: false, isRequired: false, transformFunction: null }, selectedEmpresa: { classPropertyName: "selectedEmpresa", publicName: "selectedEmpresa", isSignal: false, isRequired: false, transformFunction: null }, selectedMaster: { classPropertyName: "selectedMaster", publicName: "selectedMaster", isSignal: false, isRequired: false, transformFunction: null }, showButtonApps: { classPropertyName: "showButtonApps", publicName: "showButtonApps", isSignal: false, isRequired: false, transformFunction: null }, showButtonUser: { classPropertyName: "showButtonUser", publicName: "showButtonUser", isSignal: false, isRequired: false, transformFunction: null }, showExpandMenu: { classPropertyName: "showExpandMenu", publicName: "showExpandMenu", isSignal: false, isRequired: false, transformFunction: null }, showDropdownLicenca: { classPropertyName: "showDropdownLicenca", publicName: "showDropdownLicenca", isSignal: false, isRequired: false, transformFunction: null }, showMenu: { classPropertyName: "showMenu", publicName: "showMenu", isSignal: false, isRequired: false, transformFunction: null }, showTrocaEmpresa: { classPropertyName: "showTrocaEmpresa", publicName: "showTrocaEmpresa", isSignal: false, isRequired: false, transformFunction: null }, showBreadcrumb: { classPropertyName: "showBreadcrumb", publicName: "showBreadcrumb", isSignal: false, isRequired: false, transformFunction: null }, userName: { classPropertyName: "userName", publicName: "userName", isSignal: false, isRequired: false, transformFunction: null }, userEmail: { classPropertyName: "userEmail", publicName: "userEmail", isSignal: false, isRequired: false, transformFunction: null }, masterName: { classPropertyName: "masterName", publicName: "masterName", isSignal: false, isRequired: false, transformFunction: null }, empresaName: { classPropertyName: "empresaName", publicName: "empresaName", isSignal: false, isRequired: false, transformFunction: null }, idsAplicativosMenuHide: { classPropertyName: "idsAplicativosMenuHide", publicName: "idsAplicativosMenuHide", isSignal: false, isRequired: false, transformFunction: null }, useSelectionApps: { classPropertyName: "useSelectionApps", publicName: "useSelectionApps", isSignal: false, isRequired: false, transformFunction: null }, showTrilhaConhecimento: { classPropertyName: "showTrilhaConhecimento", publicName: "showTrilhaConhecimento", isSignal: false, isRequired: false, transformFunction: null }, isDisableSelectionEmpresa: { classPropertyName: "isDisableSelectionEmpresa", publicName: "isDisableSelectionEmpresa", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { menus: "menusChange", expandMenu: "expandMenuChange", accessKeePassEmit: "accessKeePassEmit", changeEmpresaEmit: "changeEmpresaEmit", changeLicenseEmit: "changeLicenseEmit", expandMenuEmit: "expandMenuEmit", logoutEmit: "logoutEmit", selectAppEmit: "selectAppEmit", navigateToDefaultRouteEmit: "navigateToDefaultRouteEmit", downloadDocEmit: "downloadDocEmit", showVideoDocEmit: "showVideoDocEmit" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, viewQueries: [{ propertyName: "meusDadosPanel", first: true, predicate: ["meusDadosPanel"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-row full-container\">\r\n  @if(showMenu) {\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{ width: expandMenu() ? '17rem' : '3.65rem' }\"\r\n    styleClass=\"transition-all\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"h-full flex flex-column overflow-hidden p-2\">\r\n        <div\r\n          class=\"flex-none flex flex-column gap-3 justify-content-between flex-shrink-0 overflow-hidden\"\r\n        >\r\n          <!-- LOGO -->\r\n          <div\r\n            class=\"flex {{\r\n              expandMenu() ? 'flex-row' : 'flex-column'\r\n            }} align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }} p-2\"\r\n          >\r\n            <!-- Logo para o menu expandido -->\r\n            @if(expandMenu() && logoMenuExpand){\r\n            <img\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuExpand\"\r\n              [style.height]=\"'2.4rem'\"\r\n              width=\"auto\"\r\n              class=\"cursor-pointer p-0\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n            }\r\n\r\n            <!-- Logo para o menu minimizado-->\r\n            @if(!expandMenu() && logoMenuHide){\r\n            <img\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuHide\"\r\n              [style.height]=\"'2.4rem'\"\r\n              width=\"auto\"\r\n              class=\"cursor-pointer p-1\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n            }\r\n\r\n            <!-- Toggle menu -->\r\n            @if(showExpandMenu){\r\n            <!-- <span class=\"material-symbols-outlined side-menu-item\" (click)=\"expandMenu.set(!expandMenu())\">menu</span> -->\r\n            }\r\n          </div>\r\n\r\n          @if(showTrocaEmpresa){\r\n          <div\r\n            class=\"flex flex-row align-items-center justify-content-{{\r\n              expandMenu() ? 'between' : 'center'\r\n            }} gap-2 troca-empresa-container mb-3 py-2 {{\r\n              !isDisableSelectionEmpresa && 'selectable-troca-empresa'\r\n            }}\"\r\n            [pTooltip]=\"isDisableSelectionEmpresa ? '' : 'Trocar de empresa'\"\r\n            [tooltipPosition]=\"'right'\"\r\n            (click)=\"!isDisableSelectionEmpresa && changeEmpresa($event)\"\r\n          >\r\n            @if(expandMenu() && selectedEmpresa){\r\n            <div class=\"flex flex-column w-full\">\r\n              @if(this.selectedEmpresa.razaosocial){\r\n              <span class=\"text-xs font-semibold mr-2 color-system\">\r\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\r\n              </span>\r\n              } @if(this.selectedEmpresa.cpfcnpj){\r\n              <span class=\"text-xs mt-1 color-system\">{{\r\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\r\n              }}</span>\r\n              }\r\n            </div>\r\n\r\n            } @if(!isDisableSelectionEmpresa) {\r\n            <span class=\"material-symbols-outlined\">swap_horiz</span>\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n        <!-- MENUS -->\r\n        <div\r\n          class=\"flex-1 list-none m-0 overflow-y-auto max-h-full menus-container\"\r\n        >\r\n          <!-- menus -->\r\n          @for (menu of menus(); track $index) {\r\n          @if(!idsAplicativosMenuHide.includes(menu.idaplicativo)){\r\n          <li>\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            @if( !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)){\r\n            <div\r\n              class=\"flex flex-row align-items-center justify-content-{{\r\n                expandMenu() ? 'between' : 'center'\r\n              }} gap-2 side-menu-item\"\r\n              style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              (click)=\"callRoute(menu.link)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">{{\r\n                menu.icone || \"lens_blur\"\r\n              }}</span>\r\n              @if(expandMenu()){\r\n              <label>{{ menu.descricaomenu }}</label>\r\n              }\r\n            </div>\r\n            }\r\n            <!-- menu com filho -->\r\n            @if(menu.indmenupai){\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-parent-{{ $index }}\"\r\n              (mouseenter)=\"exibirMenuChild($event, $index)\"\r\n              (mouseleave)=\"menuVisivel.set(undefined)\"\r\n            >\r\n              <div\r\n                class=\" flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item\"\r\n                style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              >\r\n                <span class=\"material-symbols-outlined\">{{\r\n                  menu.icone || \"lens_blur\"\r\n                }}</span>\r\n                @if(expandMenu()){\r\n                <label>{{ menu.descricaomenu }}</label>\r\n                <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                }\r\n              </div>\r\n\r\n              <div\r\n                class=\"menu-childs\"\r\n                id=\"menu-child-{{ $index }}\"\r\n                [style.opacity]=\"menuVisivel() === $index ? '1' : '0'\"\r\n                [style.pointerEvents]=\"\r\n                  menuVisivel() === $index ? 'auto' : 'none'\r\n                \"\r\n              >\r\n                <div class=\"flex align-items-center\">\r\n                  <p class=\"p-0 m-0 font-bold pt-2 px-2 text-xs\">\r\n                    {{ menu.descricaomenu }}\r\n                  </p>\r\n                </div>\r\n                <p-divider\r\n                  class=\"p-0 m-0\"\r\n                  [style.opacity]=\"1\"\r\n                  type=\"solid\"\r\n                ></p-divider>\r\n                <div class=\"menu-childs-content p-0 m-0\">\r\n                  @for (item of returnMenuChild(menu.idmenu); track $index) {\r\n\r\n                  <div\r\n                    class=\"side-menu-item py-2 px-2 text-sm\"\r\n                    (click)=\"callRoute(item.link)\"\r\n                  >\r\n                    {{ item.descricaomenu }}\r\n                  </div>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n            }\r\n          </li>\r\n          } }\r\n        </div>\r\n\r\n        @if(useSelectionApps) {\r\n        <!-- APPS E SAIR -->\r\n        <p-divider class=\"px-2\" [style.opacity]=\"1\" type=\"solid\"></p-divider>\r\n\r\n        <div class=\"flex-none list-none m-0 overflow-y-auto max-h-full\">\r\n          <li>\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-sistemas-parent\"\r\n              (mouseenter)=\"exibirMenuChild($event, -1)\"\r\n              (mouseleave)=\"menuVisivel.set(undefined)\"\r\n            >\r\n              <!-- <div\r\n                class=\"flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item\"\r\n                style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n                [pTooltip]=\"!expandMenu() ? 'Sistemas' : ''\"\r\n              >\r\n                <span class=\"material-symbols-outlined\">grid_view</span>\r\n                \r\n                @if(expandMenu()){\r\n                <label>Sistemas</label>\r\n                <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                }\r\n              </div> -->\r\n\r\n              <div\r\n                class=\"flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item-system troca-sistema-container py-2\"\r\n              >\r\n                <!-- <p-avatar\r\n                  icon=\"pi pi-th-large\"\r\n                  styleClass=\"mr-2\"\r\n                  size=\"normal\"\r\n                  [style]=\"{\r\n                    'background-color': 'rgb(var(--kv-color-system), 1)',\r\n                    color: 'white'\r\n                  }\"\r\n                /> -->\r\n                <div\r\n                  [style]=\"{\r\n                    'background-color': 'rgb(var(--kv-color-system), .2)',\r\n                    color: 'rgb(var(--kv-color-system), 1)',\r\n                    'border-radius': '.5rem',\r\n                    padding: '.25rem'\r\n                  }\"\r\n                  class=\"flex align-items-center justify-content-center\"\r\n                >\r\n                  <span class=\"material-symbols-outlined\">\r\n                    dashboard_customize\r\n                  </span>\r\n                </div>\r\n\r\n                @if(expandMenu()) {\r\n                <div class=\"flex flex-column w-full\">\r\n                  <span class=\"text-sm font-semibold mr-2 color-system\">\r\n                    Meus Sistemas\r\n                  </span>\r\n                </div>\r\n\r\n                <span\r\n                  class=\"material-symbols-outlined\"\r\n                  [style.color]=\"'rgb(var(--kv-color-system), 1)'\"\r\n                  >unfold_more</span\r\n                >\r\n                }\r\n              </div>\r\n\r\n              <div\r\n                class=\"menu-childs\"\r\n                id=\"menu-sistemas-child\"\r\n                [style.opacity]=\"menuVisivel() === -1 ? '1' : '0'\"\r\n                [style.pointerEvents]=\"menuVisivel() === -1 ? 'auto' : 'none'\"\r\n              >\r\n                <p class=\"p-0 m-0 font-bold pt-2 pl-3 text-xs\">Sistemas</p>\r\n                @for (item of apps; track $index) {\r\n                <div\r\n                  class=\"flex flex-row align-items-center gap-2 side-menu-item py-2 pl-3 pr-1\"\r\n                  (click)=\"\r\n                    callRoute(item.rotapadrao); selectApp(item.idaplicativo)\r\n                  \"\r\n                >\r\n                  <img\r\n                    [src]=\"item.urlicone\"\r\n                    class=\"h-2rem w-2rem border-round-lg\"\r\n                  />\r\n                  <div class=\"text-sm\">\r\n                    {{ item.nomeaplicativo }}\r\n                  </div>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n          </li>\r\n          <!-- <li>\r\n            <div\r\n              class=\"flex flex-row align-items-center justify-content-{{\r\n                expandMenu() ? 'between' : 'center'\r\n              }} gap-2 side-menu-item\"\r\n              style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              [pTooltip]=\"!expandMenu() ? 'Sair' : ''\"\r\n              [style.color]=\"'rgba(252, 3, 3, 0.6)'\"\r\n              (click)=\"logout($event)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">exit_to_app</span>\r\n              @if(expandMenu()){\r\n              <label>Sair</label>\r\n              }\r\n            </div>\r\n          </li> -->\r\n        </div>\r\n        }\r\n      </div>\r\n    </ng-template>\r\n  </p-sidebar>\r\n  }\r\n\r\n  <!-- SE\u00C7\u00C3O CONTE\u00DADO  -->\r\n  <div\r\n    class=\"w-auto h-screen page-content overflow-y-hidden flex flex-column\"\r\n    id=\"page-content\"\r\n    style=\"width: 100vw !important\"\r\n  >\r\n    <!-- TOPO -->\r\n    <div\r\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between my-2 mx-3 mb-0\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\r\n      </div>\r\n      } @else {\r\n      <!-- Breadcrumbs -->\r\n      @if(showBreadcrumb) {\r\n      <div class=\"h-full\">\r\n        <p-breadcrumb\r\n          *ngIf=\"widthCard > 400\"\r\n          styleClass=\"border-none p-0 flex align-items-center h-2rem bg-transparent\"\r\n          [model]=\"breadCrumbItems\"\r\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n        >\r\n          <ng-template pTemplate=\"item\" let-item let-i=\"index\">\r\n            @if(breadCrumbItems.indexOf(item) < breadCrumbItems.length - 1){\r\n            <span class=\"font-normal\">{{ item.label }}</span>\r\n            } @else {\r\n            <span class=\"font-bold\">{{ item.label }}</span>\r\n            }\r\n          </ng-template>\r\n        </p-breadcrumb>\r\n      </div>\r\n      } @else {\r\n      <!-- GHOST DIV PARA OCPUAR ESPA\u00C7O NO SPACE BETWEEN -->\r\n      <div></div>\r\n      } } @if (exibirNomes) { @if(widthCard >= 517) {\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) {\r\n        <span class=\"font-semibold system-color\">{{ masterName }}</span> }\r\n        @if(empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        <!-- @for (topAction of topMenuActions(); track $index) {\r\n            <ng-container *ngTemplateOutlet=\"topAction\" />\r\n            } -->\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n      } @else {\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        <!-- @for (topAction of topMenuActions(); track $index) {\r\n            <ng-container *ngTemplateOutlet=\"topAction\" />\r\n            } -->\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\r\n        @if (empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span> }\r\n      </div>\r\n      } } @else { @if(widthPage() > 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"max-w-25rem flex-1\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n\r\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    @if(widthPage() <= 992){\r\n    <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n    <div class=\"h-2rem mx-3\">\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      />\r\n    </div>\r\n\r\n    }\r\n\r\n    <!-- Container -->\r\n    <div class=\"overflow-hidden flex-1 p-0 m-0 mb-2 h-full\">\r\n      <div\r\n        class=\"overflow-y-auto h-full max-h-full {{\r\n          !showMenu && 'sm:overflow-y-hidden'\r\n        }} card-container\r\n        \r\n        {{ useCard ? 'use-card' : '' }}\r\n        \"\r\n      >\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Painel do usu\u00E1rio -->\r\n  <p-overlayPanel\r\n    #meusDadosPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <div class=\"p-3 flex flex-column gap-2\">\r\n        <div\r\n          class=\"flex flex-row align-items-center {{\r\n            showTrilhaConhecimento && 'justify-content-between'\r\n          }} gap-2\"\r\n        >\r\n          <p-avatar\r\n            icon=\"pi pi-user\"\r\n            class=\"mr-2\"\r\n            size=\"xlarge\"\r\n            shape=\"circle\"\r\n            [style]=\"{ width: '4.5rem', height: '4.5rem' }\"\r\n          />\r\n\r\n          <div\r\n            class=\"flex flex-column {{\r\n              showTrilhaConhecimento ? 'w-18rem' : 'w-12rem'\r\n            }} justify-content-between\"\r\n            [style]=\"{ height: '4.5rem' }\"\r\n          >\r\n            <span\r\n              class=\"text-medium text-md overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n              >Ol\u00E1, {{ userName.split(\" \")[0] }}!</span\r\n            >\r\n            <span\r\n              class=\"text-medium text-xs text-gray-500 overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n              >{{ userEmail }}</span\r\n            >\r\n            <kv-button\r\n              severity=\"secondary\"\r\n              size=\"small\"\r\n              label=\"Gerenciar KeePass\"\r\n              (onClick)=\"accessKeePass($event)\"\r\n              class=\"w-12rem\"\r\n            ></kv-button>\r\n          </div>\r\n        </div>\r\n\r\n        @if(actions.length > 0) {\r\n        <p-divider></p-divider>\r\n\r\n        <div class=\"flex flex-column text-sm\">\r\n          @for (action of actions; track $index) {\r\n          <ng-container>\r\n            <div\r\n              class=\"flex flex-row align-items-center gap-2 side-menu-item p-2\"\r\n              (click)=\"action.action()\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">{{ action.icon }}</span>\r\n              <span>{{ action.label }}</span>\r\n            </div>\r\n          </ng-container>\r\n          }\r\n        </div>\r\n        } @if(showTrilhaConhecimento) {\r\n        <p-divider></p-divider>\r\n\r\n        <div class=\"flex flex-column gap-3\">\r\n          <span class=\"text-sm font-semibold text-gray-500\"\r\n            >Trilha do Conhecimento</span\r\n          >\r\n          @for(trilha of trilhaConhecimento; track $index) {\r\n\r\n          <div class=\"flex flex-row gap-2 max-w-25rem\">\r\n            <div\r\n              class=\"flex align-items-center justify-content-center border-round-md trilha-icon\"\r\n            >\r\n              <span class=\"material-symbols-outlined text-2xl\">{{\r\n                trilha.icon\r\n              }}</span>\r\n            </div>\r\n            <div class=\"flex flex-column justify-content-between w-20rem\">\r\n              <span\r\n                class=\"text-sm font-medium overflow-hidden white-space-nowrap text-overflow-ellipsis text-gray-500\"\r\n                >{{ trilha.title }}</span\r\n              >\r\n              <span\r\n                class=\"text-xs text-gray-400 overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n                [pTooltip]=\"trilha.subtitle\"\r\n                [tooltipPosition]=\"'left'\"\r\n                >{{ trilha.subtitle }}</span\r\n              >\r\n              <div class=\"flex flex-row gap-2\">\r\n                <span\r\n                  class=\"material-symbols-outlined button-icon\"\r\n                  [pTooltip]=\"'Baixar Documento'\"\r\n                  (click)=\"downloadDoc(trilha)\"\r\n                  >download</span\r\n                >\r\n                <span\r\n                  class=\"material-symbols-outlined button-icon\"\r\n                  [pTooltip]=\"'Assistir V\u00EDdeo'\"\r\n                  (click)=\"showVideoDoc(trilha)\"\r\n                  >videocam</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n        }\r\n\r\n        <p-divider></p-divider>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center justify-content-between gap-2 side-menu-item p-2\"\r\n          [style.color]=\"'rgba(252, 3, 3, 0.6)'\"\r\n          (click)=\"logout($event)\"\r\n        >\r\n          <span class=\"material-symbols-outlined\">exit_to_app</span>\r\n          <label>Sair</label>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}.material-symbols-outlined{font-size:1.3rem}::ng-deep body{margin:0!important}.full-container{background:rgb(var(--kv-background-system),1);width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden}::ng-deep p-sidebar .p-sidebar{position:relative!important;background:rgb(var(--kv-background-card),1);box-shadow:0 0 .8rem #0000001a;border:1px solid rgb(var(--kv-color-system),.1);margin-left:.5rem;margin-top:.5rem;border-radius:.5rem;height:calc(100vh - 1rem);z-index:1100!important}.page-content{background:none}.use-card{background-color:rgb(var(--kv-background-card),1);box-shadow:0 0 .8rem #0000001a;border:1px solid rgb(var(--kv-color-system),.1);border-radius:.5rem}::ng-deep .card-container{margin:0rem .5rem;background-color:rgb(var(--kv-background-system),1);overflow-x:hidden}::ng-deep .card-container .p-card-body{padding:.5rem .5rem 0;margin:0;height:100%}::ng-deep .card-container .p-card-content{margin:0;padding:0;height:100%}::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}.side-menu-item{transition:all .2s ease-in-out;cursor:pointer;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.side-menu-item:hover{background-color:rgb(var(--kv-color-system),.25);color:rgb(var(--kv-color-system),1)}.side-menu-item label{width:100%;cursor:pointer}.side-menu-item-system{transition:all .2s ease-in-out;cursor:pointer;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.side-menu-item-system:hover{background-color:rgb(var(--kv-color-system),.08);color:rgb(var(--kv-color-system),1)}.side-menu-item-system label{width:100%;cursor:pointer}::ng-deep .p-divider{margin:0;padding:0;margin-top:.5rem;margin-bottom:.5rem}::ng-deep .p-overlaypanel-content{padding:0}.menu-parent{display:inline-block;width:100%}.menu-childs{position:absolute;left:-500px;min-width:17rem;max-width:50rem;overflow:hidden;padding:.5rem;background:rgb(var(--kv-background-card),1);border:1px solid rgb(var(--kv-color-system),.1);border-radius:.5rem;z-index:9999;box-shadow:0 0 .8rem #0000001a;gap:0}.menu-childs p{color:rgb(var(--kv-color-system),1)!important;opacity:.7}.menu-childs .menu-childs-content{max-height:25rem;overflow:auto}.menu-childs .menu-childs-content::-webkit-scrollbar{width:8px}.menu-childs .menu-childs-content::-webkit-scrollbar:hover{background-color:#dededebf}.menu-childs .menu-childs-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.menu-childs .menu-childs-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.menu-childs .menu-childs-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-breadcrumb .p-breadcrumb-list span{color:rgba(var(--kv-color-text),.75)!important;font-size:.75rem}::ng-deep .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{color:rgba(var(--kv-color-text),.7)!important;margin:0;margin-left:.1rem;margin-right:.1rem}::ng-deep .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator svg{height:.5rem}.troca-empresa-container{font-size:.75rem;opacity:.8;border:1px solid #c1cfe1;color:#0a3a78;background-color:rgb(var(--kv-color-system),.05);transition:all .2s ease-in-out;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.selectable-troca-empresa:hover{opacity:1;border:1px solid rgb(var(--kv-color-system),1);cursor:pointer;background-color:rgb(var(--kv-color-system),.25);color:rgb(var(--kv-color-system),1)}.menus-container label{font-size:.875rem}.meus-sistemas{background-color:rgb(var(--kv-color-system),.05)}.button-icon{color:rgb(var(--kv-color-system),.75)}.button-icon:hover{color:rgb(var(--kv-color-system),.9);cursor:pointer}.button-icon:active{color:rgb(var(--kv-color-system),1)}.trilha-icon{width:3.5rem;height:3.5rem;background-color:rgb(var(--kv-color-system),.2);color:rgb(var(--kv-color-system),1)}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i4.KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup"], outputs: ["iconChange", "onClick"] }, { kind: "directive", type: i5.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i6.Breadcrumb, selector: "p-breadcrumb", inputs: ["model", "style", "styleClass", "home", "homeAriaLabel"], outputs: ["onItemClick"] }, { kind: "directive", type: i7.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: i8.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "component", type: i9.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "component", type: i10.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: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i11.TopIconsComponent, selector: "kv-top-icons", inputs: ["topActions"] }, { kind: "component", type: i12.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "style", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "component", type: i13.DropdownMasterComponent, selector: "dropdown-master", inputs: ["formControlName", "masters"] }, { kind: "pipe", type: i14.CpfCnpjPipe, name: "cpfCnpj" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-layout', template: "<div class=\"flex flex-row full-container\">\r\n  @if(showMenu) {\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{ width: expandMenu() ? '17rem' : '3.65rem' }\"\r\n    styleClass=\"transition-all\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"h-full flex flex-column overflow-hidden p-2\">\r\n        <div\r\n          class=\"flex-none flex flex-column gap-3 justify-content-between flex-shrink-0 overflow-hidden\"\r\n        >\r\n          <!-- LOGO -->\r\n          <div\r\n            class=\"flex {{\r\n              expandMenu() ? 'flex-row' : 'flex-column'\r\n            }} align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }} p-2\"\r\n          >\r\n            <!-- Logo para o menu expandido -->\r\n            @if(expandMenu() && logoMenuExpand){\r\n            <img\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuExpand\"\r\n              [style.height]=\"'2.4rem'\"\r\n              width=\"auto\"\r\n              class=\"cursor-pointer p-0\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n            }\r\n\r\n            <!-- Logo para o menu minimizado-->\r\n            @if(!expandMenu() && logoMenuHide){\r\n            <img\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuHide\"\r\n              [style.height]=\"'2.4rem'\"\r\n              width=\"auto\"\r\n              class=\"cursor-pointer p-1\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n            }\r\n\r\n            <!-- Toggle menu -->\r\n            @if(showExpandMenu){\r\n            <!-- <span class=\"material-symbols-outlined side-menu-item\" (click)=\"expandMenu.set(!expandMenu())\">menu</span> -->\r\n            }\r\n          </div>\r\n\r\n          @if(showTrocaEmpresa){\r\n          <div\r\n            class=\"flex flex-row align-items-center justify-content-{{\r\n              expandMenu() ? 'between' : 'center'\r\n            }} gap-2 troca-empresa-container mb-3 py-2 {{\r\n              !isDisableSelectionEmpresa && 'selectable-troca-empresa'\r\n            }}\"\r\n            [pTooltip]=\"isDisableSelectionEmpresa ? '' : 'Trocar de empresa'\"\r\n            [tooltipPosition]=\"'right'\"\r\n            (click)=\"!isDisableSelectionEmpresa && changeEmpresa($event)\"\r\n          >\r\n            @if(expandMenu() && selectedEmpresa){\r\n            <div class=\"flex flex-column w-full\">\r\n              @if(this.selectedEmpresa.razaosocial){\r\n              <span class=\"text-xs font-semibold mr-2 color-system\">\r\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\r\n              </span>\r\n              } @if(this.selectedEmpresa.cpfcnpj){\r\n              <span class=\"text-xs mt-1 color-system\">{{\r\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\r\n              }}</span>\r\n              }\r\n            </div>\r\n\r\n            } @if(!isDisableSelectionEmpresa) {\r\n            <span class=\"material-symbols-outlined\">swap_horiz</span>\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n        <!-- MENUS -->\r\n        <div\r\n          class=\"flex-1 list-none m-0 overflow-y-auto max-h-full menus-container\"\r\n        >\r\n          <!-- menus -->\r\n          @for (menu of menus(); track $index) {\r\n          @if(!idsAplicativosMenuHide.includes(menu.idaplicativo)){\r\n          <li>\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            @if( !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)){\r\n            <div\r\n              class=\"flex flex-row align-items-center justify-content-{{\r\n                expandMenu() ? 'between' : 'center'\r\n              }} gap-2 side-menu-item\"\r\n              style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              (click)=\"callRoute(menu.link)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">{{\r\n                menu.icone || \"lens_blur\"\r\n              }}</span>\r\n              @if(expandMenu()){\r\n              <label>{{ menu.descricaomenu }}</label>\r\n              }\r\n            </div>\r\n            }\r\n            <!-- menu com filho -->\r\n            @if(menu.indmenupai){\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-parent-{{ $index }}\"\r\n              (mouseenter)=\"exibirMenuChild($event, $index)\"\r\n              (mouseleave)=\"menuVisivel.set(undefined)\"\r\n            >\r\n              <div\r\n                class=\" flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item\"\r\n                style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              >\r\n                <span class=\"material-symbols-outlined\">{{\r\n                  menu.icone || \"lens_blur\"\r\n                }}</span>\r\n                @if(expandMenu()){\r\n                <label>{{ menu.descricaomenu }}</label>\r\n                <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                }\r\n              </div>\r\n\r\n              <div\r\n                class=\"menu-childs\"\r\n                id=\"menu-child-{{ $index }}\"\r\n                [style.opacity]=\"menuVisivel() === $index ? '1' : '0'\"\r\n                [style.pointerEvents]=\"\r\n                  menuVisivel() === $index ? 'auto' : 'none'\r\n                \"\r\n              >\r\n                <div class=\"flex align-items-center\">\r\n                  <p class=\"p-0 m-0 font-bold pt-2 px-2 text-xs\">\r\n                    {{ menu.descricaomenu }}\r\n                  </p>\r\n                </div>\r\n                <p-divider\r\n                  class=\"p-0 m-0\"\r\n                  [style.opacity]=\"1\"\r\n                  type=\"solid\"\r\n                ></p-divider>\r\n                <div class=\"menu-childs-content p-0 m-0\">\r\n                  @for (item of returnMenuChild(menu.idmenu); track $index) {\r\n\r\n                  <div\r\n                    class=\"side-menu-item py-2 px-2 text-sm\"\r\n                    (click)=\"callRoute(item.link)\"\r\n                  >\r\n                    {{ item.descricaomenu }}\r\n                  </div>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n            }\r\n          </li>\r\n          } }\r\n        </div>\r\n\r\n        @if(useSelectionApps) {\r\n        <!-- APPS E SAIR -->\r\n        <p-divider class=\"px-2\" [style.opacity]=\"1\" type=\"solid\"></p-divider>\r\n\r\n        <div class=\"flex-none list-none m-0 overflow-y-auto max-h-full\">\r\n          <li>\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-sistemas-parent\"\r\n              (mouseenter)=\"exibirMenuChild($event, -1)\"\r\n              (mouseleave)=\"menuVisivel.set(undefined)\"\r\n            >\r\n              <!-- <div\r\n                class=\"flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item\"\r\n                style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n                [pTooltip]=\"!expandMenu() ? 'Sistemas' : ''\"\r\n              >\r\n                <span class=\"material-symbols-outlined\">grid_view</span>\r\n                \r\n                @if(expandMenu()){\r\n                <label>Sistemas</label>\r\n                <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                }\r\n              </div> -->\r\n\r\n              <div\r\n                class=\"flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item-system troca-sistema-container py-2\"\r\n              >\r\n                <!-- <p-avatar\r\n                  icon=\"pi pi-th-large\"\r\n                  styleClass=\"mr-2\"\r\n                  size=\"normal\"\r\n                  [style]=\"{\r\n                    'background-color': 'rgb(var(--kv-color-system), 1)',\r\n                    color: 'white'\r\n                  }\"\r\n                /> -->\r\n                <div\r\n                  [style]=\"{\r\n                    'background-color': 'rgb(var(--kv-color-system), .2)',\r\n                    color: 'rgb(var(--kv-color-system), 1)',\r\n                    'border-radius': '.5rem',\r\n                    padding: '.25rem'\r\n                  }\"\r\n                  class=\"flex align-items-center justify-content-center\"\r\n                >\r\n                  <span class=\"material-symbols-outlined\">\r\n                    dashboard_customize\r\n                  </span>\r\n                </div>\r\n\r\n                @if(expandMenu()) {\r\n                <div class=\"flex flex-column w-full\">\r\n                  <span class=\"text-sm font-semibold mr-2 color-system\">\r\n                    Meus Sistemas\r\n                  </span>\r\n                </div>\r\n\r\n                <span\r\n                  class=\"material-symbols-outlined\"\r\n                  [style.color]=\"'rgb(var(--kv-color-system), 1)'\"\r\n                  >unfold_more</span\r\n                >\r\n                }\r\n              </div>\r\n\r\n              <div\r\n                class=\"menu-childs\"\r\n                id=\"menu-sistemas-child\"\r\n                [style.opacity]=\"menuVisivel() === -1 ? '1' : '0'\"\r\n                [style.pointerEvents]=\"menuVisivel() === -1 ? 'auto' : 'none'\"\r\n              >\r\n                <p class=\"p-0 m-0 font-bold pt-2 pl-3 text-xs\">Sistemas</p>\r\n                @for (item of apps; track $index) {\r\n                <div\r\n                  class=\"flex flex-row align-items-center gap-2 side-menu-item py-2 pl-3 pr-1\"\r\n                  (click)=\"\r\n                    callRoute(item.rotapadrao); selectApp(item.idaplicativo)\r\n                  \"\r\n                >\r\n                  <img\r\n                    [src]=\"item.urlicone\"\r\n                    class=\"h-2rem w-2rem border-round-lg\"\r\n                  />\r\n                  <div class=\"text-sm\">\r\n                    {{ item.nomeaplicativo }}\r\n                  </div>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n          </li>\r\n          <!-- <li>\r\n            <div\r\n              class=\"flex flex-row align-items-center justify-content-{{\r\n                expandMenu() ? 'between' : 'center'\r\n              }} gap-2 side-menu-item\"\r\n              style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              [pTooltip]=\"!expandMenu() ? 'Sair' : ''\"\r\n              [style.color]=\"'rgba(252, 3, 3, 0.6)'\"\r\n              (click)=\"logout($event)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">exit_to_app</span>\r\n              @if(expandMenu()){\r\n              <label>Sair</label>\r\n              }\r\n            </div>\r\n          </li> -->\r\n        </div>\r\n        }\r\n      </div>\r\n    </ng-template>\r\n  </p-sidebar>\r\n  }\r\n\r\n  <!-- SE\u00C7\u00C3O CONTE\u00DADO  -->\r\n  <div\r\n    class=\"w-auto h-screen page-content overflow-y-hidden flex flex-column\"\r\n    id=\"page-content\"\r\n    style=\"width: 100vw !important\"\r\n  >\r\n    <!-- TOPO -->\r\n    <div\r\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between my-2 mx-3 mb-0\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\r\n      </div>\r\n      } @else {\r\n      <!-- Breadcrumbs -->\r\n      @if(showBreadcrumb) {\r\n      <div class=\"h-full\">\r\n        <p-breadcrumb\r\n          *ngIf=\"widthCard > 400\"\r\n          styleClass=\"border-none p-0 flex align-items-center h-2rem bg-transparent\"\r\n          [model]=\"breadCrumbItems\"\r\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n        >\r\n          <ng-template pTemplate=\"item\" let-item let-i=\"index\">\r\n            @if(breadCrumbItems.indexOf(item) < breadCrumbItems.length - 1){\r\n            <span class=\"font-normal\">{{ item.label }}</span>\r\n            } @else {\r\n            <span class=\"font-bold\">{{ item.label }}</span>\r\n            }\r\n          </ng-template>\r\n        </p-breadcrumb>\r\n      </div>\r\n      } @else {\r\n      <!-- GHOST DIV PARA OCPUAR ESPA\u00C7O NO SPACE BETWEEN -->\r\n      <div></div>\r\n      } } @if (exibirNomes) { @if(widthCard >= 517) {\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) {\r\n        <span class=\"font-semibold system-color\">{{ masterName }}</span> }\r\n        @if(empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        <!-- @for (topAction of topMenuActions(); track $index) {\r\n            <ng-container *ngTemplateOutlet=\"topAction\" />\r\n            } -->\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n      } @else {\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        <!-- @for (topAction of topMenuActions(); track $index) {\r\n            <ng-container *ngTemplateOutlet=\"topAction\" />\r\n            } -->\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\r\n        @if (empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span> }\r\n      </div>\r\n      } } @else { @if(widthPage() > 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"max-w-25rem flex-1\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n\r\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    @if(widthPage() <= 992){\r\n    <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n    <div class=\"h-2rem mx-3\">\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      />\r\n    </div>\r\n\r\n    }\r\n\r\n    <!-- Container -->\r\n    <div class=\"overflow-hidden flex-1 p-0 m-0 mb-2 h-full\">\r\n      <div\r\n        class=\"overflow-y-auto h-full max-h-full {{\r\n          !showMenu && 'sm:overflow-y-hidden'\r\n        }} card-container\r\n        \r\n        {{ useCard ? 'use-card' : '' }}\r\n        \"\r\n      >\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Painel do usu\u00E1rio -->\r\n  <p-overlayPanel\r\n    #meusDadosPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <div class=\"p-3 flex flex-column gap-2\">\r\n        <div\r\n          class=\"flex flex-row align-items-center {{\r\n            showTrilhaConhecimento && 'justify-content-between'\r\n          }} gap-2\"\r\n        >\r\n          <p-avatar\r\n            icon=\"pi pi-user\"\r\n            class=\"mr-2\"\r\n            size=\"xlarge\"\r\n            shape=\"circle\"\r\n            [style]=\"{ width: '4.5rem', height: '4.5rem' }\"\r\n          />\r\n\r\n          <div\r\n            class=\"flex flex-column {{\r\n              showTrilhaConhecimento ? 'w-18rem' : 'w-12rem'\r\n            }} justify-content-between\"\r\n            [style]=\"{ height: '4.5rem' }\"\r\n          >\r\n            <span\r\n              class=\"text-medium text-md overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n              >Ol\u00E1, {{ userName.split(\" \")[0] }}!</span\r\n            >\r\n            <span\r\n              class=\"text-medium text-xs text-gray-500 overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n              >{{ userEmail }}</span\r\n            >\r\n            <kv-button\r\n              severity=\"secondary\"\r\n              size=\"small\"\r\n              label=\"Gerenciar KeePass\"\r\n              (onClick)=\"accessKeePass($event)\"\r\n              class=\"w-12rem\"\r\n            ></kv-button>\r\n          </div>\r\n        </div>\r\n\r\n        @if(actions.length > 0) {\r\n        <p-divider></p-divider>\r\n\r\n        <div class=\"flex flex-column text-sm\">\r\n          @for (action of actions; track $index) {\r\n          <ng-container>\r\n            <div\r\n              class=\"flex flex-row align-items-center gap-2 side-menu-item p-2\"\r\n              (click)=\"action.action()\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">{{ action.icon }}</span>\r\n              <span>{{ action.label }}</span>\r\n            </div>\r\n          </ng-container>\r\n          }\r\n        </div>\r\n        } @if(showTrilhaConhecimento) {\r\n        <p-divider></p-divider>\r\n\r\n        <div class=\"flex flex-column gap-3\">\r\n          <span class=\"text-sm font-semibold text-gray-500\"\r\n            >Trilha do Conhecimento</span\r\n          >\r\n          @for(trilha of trilhaConhecimento; track $index) {\r\n\r\n          <div class=\"flex flex-row gap-2 max-w-25rem\">\r\n            <div\r\n              class=\"flex align-items-center justify-content-center border-round-md trilha-icon\"\r\n            >\r\n              <span class=\"material-symbols-outlined text-2xl\">{{\r\n                trilha.icon\r\n              }}</span>\r\n            </div>\r\n            <div class=\"flex flex-column justify-content-between w-20rem\">\r\n              <span\r\n                class=\"text-sm font-medium overflow-hidden white-space-nowrap text-overflow-ellipsis text-gray-500\"\r\n                >{{ trilha.title }}</span\r\n              >\r\n              <span\r\n                class=\"text-xs text-gray-400 overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n                [pTooltip]=\"trilha.subtitle\"\r\n                [tooltipPosition]=\"'left'\"\r\n                >{{ trilha.subtitle }}</span\r\n              >\r\n              <div class=\"flex flex-row gap-2\">\r\n                <span\r\n                  class=\"material-symbols-outlined button-icon\"\r\n                  [pTooltip]=\"'Baixar Documento'\"\r\n                  (click)=\"downloadDoc(trilha)\"\r\n                  >download</span\r\n                >\r\n                <span\r\n                  class=\"material-symbols-outlined button-icon\"\r\n                  [pTooltip]=\"'Assistir V\u00EDdeo'\"\r\n                  (click)=\"showVideoDoc(trilha)\"\r\n                  >videocam</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n        }\r\n\r\n        <p-divider></p-divider>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center justify-content-between gap-2 side-menu-item p-2\"\r\n          [style.color]=\"'rgba(252, 3, 3, 0.6)'\"\r\n          (click)=\"logout($event)\"\r\n        >\r\n          <span class=\"material-symbols-outlined\">exit_to_app</span>\r\n          <label>Sair</label>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog .p-dialog-content{padding-top:1rem}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}.material-symbols-outlined{font-size:1.3rem}::ng-deep body{margin:0!important}.full-container{background:rgb(var(--kv-background-system),1);width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden}::ng-deep p-sidebar .p-sidebar{position:relative!important;background:rgb(var(--kv-background-card),1);box-shadow:0 0 .8rem #0000001a;border:1px solid rgb(var(--kv-color-system),.1);margin-left:.5rem;margin-top:.5rem;border-radius:.5rem;height:calc(100vh - 1rem);z-index:1100!important}.page-content{background:none}.use-card{background-color:rgb(var(--kv-background-card),1);box-shadow:0 0 .8rem #0000001a;border:1px solid rgb(var(--kv-color-system),.1);border-radius:.5rem}::ng-deep .card-container{margin:0rem .5rem;background-color:rgb(var(--kv-background-system),1);overflow-x:hidden}::ng-deep .card-container .p-card-body{padding:.5rem .5rem 0;margin:0;height:100%}::ng-deep .card-container .p-card-content{margin:0;padding:0;height:100%}::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}.side-menu-item{transition:all .2s ease-in-out;cursor:pointer;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.side-menu-item:hover{background-color:rgb(var(--kv-color-system),.25);color:rgb(var(--kv-color-system),1)}.side-menu-item label{width:100%;cursor:pointer}.side-menu-item-system{transition:all .2s ease-in-out;cursor:pointer;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.side-menu-item-system:hover{background-color:rgb(var(--kv-color-system),.08);color:rgb(var(--kv-color-system),1)}.side-menu-item-system label{width:100%;cursor:pointer}::ng-deep .p-divider{margin:0;padding:0;margin-top:.5rem;margin-bottom:.5rem}::ng-deep .p-overlaypanel-content{padding:0}.menu-parent{display:inline-block;width:100%}.menu-childs{position:absolute;left:-500px;min-width:17rem;max-width:50rem;overflow:hidden;padding:.5rem;background:rgb(var(--kv-background-card),1);border:1px solid rgb(var(--kv-color-system),.1);border-radius:.5rem;z-index:9999;box-shadow:0 0 .8rem #0000001a;gap:0}.menu-childs p{color:rgb(var(--kv-color-system),1)!important;opacity:.7}.menu-childs .menu-childs-content{max-height:25rem;overflow:auto}.menu-childs .menu-childs-content::-webkit-scrollbar{width:8px}.menu-childs .menu-childs-content::-webkit-scrollbar:hover{background-color:#dededebf}.menu-childs .menu-childs-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.menu-childs .menu-childs-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.menu-childs .menu-childs-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-breadcrumb .p-breadcrumb-list span{color:rgba(var(--kv-color-text),.75)!important;font-size:.75rem}::ng-deep .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{color:rgba(var(--kv-color-text),.7)!important;margin:0;margin-left:.1rem;margin-right:.1rem}::ng-deep .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator svg{height:.5rem}.troca-empresa-container{font-size:.75rem;opacity:.8;border:1px solid #c1cfe1;color:#0a3a78;background-color:rgb(var(--kv-color-system),.05);transition:all .2s ease-in-out;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.selectable-troca-empresa:hover{opacity:1;border:1px solid rgb(var(--kv-color-system),1);cursor:pointer;background-color:rgb(var(--kv-color-system),.25);color:rgb(var(--kv-color-system),1)}.menus-container label{font-size:.875rem}.meus-sistemas{background-color:rgb(var(--kv-color-system),.05)}.button-icon{color:rgb(var(--kv-color-system),.75)}.button-icon:hover{color:rgb(var(--kv-color-system),.9);cursor:pointer}.button-icon:active{color:rgb(var(--kv-color-system),1)}.trilha-icon{width:3.5rem;height:3.5rem;background-color:rgb(var(--kv-color-system),.2);color:rgb(var(--kv-color-system),1)}\n"] }]
+            args: [{ selector: 'kv-layout', template: "<div class=\"flex flex-row full-container\">\r\n  @if(showMenu) {\r\n  <p-sidebar\r\n    #sidebarRef\r\n    [visible]=\"true\"\r\n    [showCloseIcon]=\"false\"\r\n    [modal]=\"false\"\r\n    [style]=\"{ width: expandMenu() ? '17rem' : '3.65rem' }\"\r\n    styleClass=\"transition-all\"\r\n  >\r\n    <ng-template pTemplate=\"headless\">\r\n      <div class=\"h-full flex flex-column overflow-hidden p-2\">\r\n        <div\r\n          class=\"flex-none flex flex-column gap-3 justify-content-between flex-shrink-0 overflow-hidden\"\r\n        >\r\n          <!-- LOGO -->\r\n          <div\r\n            class=\"flex {{\r\n              expandMenu() ? 'flex-row' : 'flex-column'\r\n            }} align-items-center {{\r\n              expandMenu()\r\n                ? 'justify-content-between'\r\n                : 'justify-content-center'\r\n            }} p-2\"\r\n          >\r\n            <!-- Logo para o menu expandido -->\r\n            @if(expandMenu() && logoMenuExpand){\r\n            <img\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuExpand\"\r\n              [style.height]=\"'2.4rem'\"\r\n              width=\"auto\"\r\n              class=\"cursor-pointer p-0\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n            }\r\n\r\n            <!-- Logo para o menu minimizado-->\r\n            @if(!expandMenu() && logoMenuHide){\r\n            <img\r\n              alt=\"Card\"\r\n              [src]=\"logoMenuHide\"\r\n              [style.height]=\"'2.4rem'\"\r\n              width=\"auto\"\r\n              class=\"cursor-pointer p-1\"\r\n              (click)=\"navigateToDefaultRoute()\"\r\n            />\r\n            }\r\n\r\n            <!-- Toggle menu -->\r\n            @if(showExpandMenu){\r\n            <!-- <span class=\"material-symbols-outlined side-menu-item\" (click)=\"expandMenu.set(!expandMenu())\">menu</span> -->\r\n            }\r\n          </div>\r\n\r\n          @if(showTrocaEmpresa){\r\n          <div\r\n            class=\"flex flex-row align-items-center justify-content-{{\r\n              expandMenu() ? 'between' : 'center'\r\n            }} gap-2 troca-empresa-container mb-3 py-2 {{\r\n              !isDisableSelectionEmpresa && 'selectable-troca-empresa'\r\n            }}\"\r\n            [pTooltip]=\"isDisableSelectionEmpresa ? '' : 'Trocar de empresa'\"\r\n            [tooltipPosition]=\"'right'\"\r\n            (click)=\"!isDisableSelectionEmpresa && changeEmpresa($event)\"\r\n          >\r\n            @if(expandMenu() && selectedEmpresa){\r\n            <div class=\"flex flex-column w-full\">\r\n              @if(this.selectedEmpresa.razaosocial){\r\n              <span class=\"text-xs font-semibold mr-2 color-system\">\r\n                {{ nameEmpresa(this.selectedEmpresa.razaosocial) }}\r\n              </span>\r\n              } @if(this.selectedEmpresa.cpfcnpj){\r\n              <span class=\"text-xs mt-1 color-system\">{{\r\n                this.selectedEmpresa.cpfcnpj | cpfCnpj\r\n              }}</span>\r\n              }\r\n            </div>\r\n\r\n            } @if(!isDisableSelectionEmpresa) {\r\n            <span class=\"material-symbols-outlined\">swap_horiz</span>\r\n            }\r\n          </div>\r\n          }\r\n        </div>\r\n        <!-- MENUS -->\r\n        <div\r\n          class=\"flex-1 list-none m-0 overflow-y-auto max-h-full menus-container\"\r\n        >\r\n          <!-- menus -->\r\n          @for (menu of menus(); track $index) {\r\n          @if(!idsAplicativosMenuHide.includes(menu.idaplicativo)){\r\n          <li>\r\n            <!-- menu que n\u00E3o tem filho -->\r\n            @if( !menu.indmenupai && (!menu.idmenupai || menu.idmenupai == 0)){\r\n            <div\r\n              class=\"flex flex-row align-items-center justify-content-{{\r\n                expandMenu() ? 'between' : 'center'\r\n              }} gap-2 side-menu-item\"\r\n              style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              (click)=\"callRoute(menu.link)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">{{\r\n                menu.icone || \"lens_blur\"\r\n              }}</span>\r\n              @if(expandMenu()){\r\n              <label>{{ menu.descricaomenu }}</label>\r\n              }\r\n            </div>\r\n            }\r\n            <!-- menu com filho -->\r\n            @if(menu.indmenupai){\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-parent-{{ $index }}\"\r\n              (mouseenter)=\"exibirMenuChild($event, $index)\"\r\n              (mouseleave)=\"menuVisivel.set(undefined)\"\r\n            >\r\n              <div\r\n                class=\" flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item\"\r\n                style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              >\r\n                <span class=\"material-symbols-outlined\">{{\r\n                  menu.icone || \"lens_blur\"\r\n                }}</span>\r\n                @if(expandMenu()){\r\n                <label>{{ menu.descricaomenu }}</label>\r\n                <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                }\r\n              </div>\r\n\r\n              <div\r\n                class=\"menu-childs\"\r\n                id=\"menu-child-{{ $index }}\"\r\n                [style.opacity]=\"menuVisivel() === $index ? '1' : '0'\"\r\n                [style.pointerEvents]=\"\r\n                  menuVisivel() === $index ? 'auto' : 'none'\r\n                \"\r\n              >\r\n                <div class=\"flex align-items-center\">\r\n                  <p class=\"p-0 m-0 font-bold pt-2 px-2 text-xs\">\r\n                    {{ menu.descricaomenu }}\r\n                  </p>\r\n                </div>\r\n                <p-divider\r\n                  class=\"p-0 m-0\"\r\n                  [style.opacity]=\"1\"\r\n                  type=\"solid\"\r\n                ></p-divider>\r\n                <div class=\"menu-childs-content p-0 m-0\">\r\n                  @for (item of returnMenuChild(menu.idmenu); track $index) {\r\n\r\n                  <div\r\n                    class=\"side-menu-item py-2 px-2 text-sm\"\r\n                    (click)=\"callRoute(item.link)\"\r\n                  >\r\n                    {{ item.descricaomenu }}\r\n                  </div>\r\n                  }\r\n                </div>\r\n              </div>\r\n            </div>\r\n            }\r\n          </li>\r\n          } }\r\n        </div>\r\n\r\n        @if(useSelectionApps) {\r\n        <!-- APPS E SAIR -->\r\n        <p-divider class=\"px-2\" [style.opacity]=\"1\" type=\"solid\"></p-divider>\r\n\r\n        <div class=\"flex-none list-none m-0 overflow-y-auto max-h-full\">\r\n          <li>\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-sistemas-parent\"\r\n              (mouseenter)=\"exibirMenuChild($event, -1)\"\r\n              (mouseleave)=\"menuVisivel.set(undefined)\"\r\n            >\r\n              <!-- <div\r\n                class=\"flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item\"\r\n                style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n                [pTooltip]=\"!expandMenu() ? 'Sistemas' : ''\"\r\n              >\r\n                <span class=\"material-symbols-outlined\">grid_view</span>\r\n                \r\n                @if(expandMenu()){\r\n                <label>Sistemas</label>\r\n                <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                }\r\n              </div> -->\r\n\r\n              <div\r\n                class=\"flex flex-row align-items-center justify-content-{{\r\n                  expandMenu() ? 'between' : 'center'\r\n                }} gap-2 side-menu-item-system troca-sistema-container py-2\"\r\n              >\r\n                <!-- <p-avatar\r\n                  icon=\"pi pi-th-large\"\r\n                  styleClass=\"mr-2\"\r\n                  size=\"normal\"\r\n                  [style]=\"{\r\n                    'background-color': 'rgb(var(--kv-color-system), 1)',\r\n                    color: 'white'\r\n                  }\"\r\n                /> -->\r\n                <div\r\n                  [style]=\"{\r\n                    'background-color': 'rgb(var(--kv-color-system), .2)',\r\n                    color: 'rgb(var(--kv-color-system), 1)',\r\n                    'border-radius': '.5rem',\r\n                    padding: '.25rem'\r\n                  }\"\r\n                  class=\"flex align-items-center justify-content-center\"\r\n                >\r\n                  <span class=\"material-symbols-outlined\">\r\n                    dashboard_customize\r\n                  </span>\r\n                </div>\r\n\r\n                @if(expandMenu()) {\r\n                <div class=\"flex flex-column w-full\">\r\n                  <span class=\"text-sm font-semibold mr-2 color-system\">\r\n                    Meus Sistemas\r\n                  </span>\r\n                </div>\r\n\r\n                <span\r\n                  class=\"material-symbols-outlined\"\r\n                  [style.color]=\"'rgb(var(--kv-color-system), 1)'\"\r\n                  >unfold_more</span\r\n                >\r\n                }\r\n              </div>\r\n\r\n              <div\r\n                class=\"menu-childs\"\r\n                id=\"menu-sistemas-child\"\r\n                [style.opacity]=\"menuVisivel() === -1 ? '1' : '0'\"\r\n                [style.pointerEvents]=\"menuVisivel() === -1 ? 'auto' : 'none'\"\r\n              >\r\n                <p class=\"p-0 m-0 font-bold pt-2 pl-3 text-xs\">Sistemas</p>\r\n                @for (item of apps; track $index) {\r\n                <div\r\n                  class=\"flex flex-row align-items-center gap-2 side-menu-item py-2 pl-3 pr-1\"\r\n                  (click)=\"\r\n                    callRoute(item.rotapadrao); selectApp(item.idaplicativo)\r\n                  \"\r\n                >\r\n                  <img\r\n                    [src]=\"item.urlicone\"\r\n                    class=\"h-2rem w-2rem border-round-lg\"\r\n                  />\r\n                  <div class=\"text-sm\">\r\n                    {{ item.nomeaplicativo }}\r\n                  </div>\r\n                </div>\r\n                }\r\n              </div>\r\n            </div>\r\n          </li>\r\n          <!-- <li>\r\n            <div\r\n              class=\"flex flex-row align-items-center justify-content-{{\r\n                expandMenu() ? 'between' : 'center'\r\n              }} gap-2 side-menu-item\"\r\n              style=\"padding-top: 0.75rem; padding-bottom: 0.75rem\"\r\n              [pTooltip]=\"!expandMenu() ? 'Sair' : ''\"\r\n              [style.color]=\"'rgba(252, 3, 3, 0.6)'\"\r\n              (click)=\"logout($event)\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">exit_to_app</span>\r\n              @if(expandMenu()){\r\n              <label>Sair</label>\r\n              }\r\n            </div>\r\n          </li> -->\r\n        </div>\r\n        }\r\n      </div>\r\n    </ng-template>\r\n  </p-sidebar>\r\n  }\r\n\r\n  <!-- SE\u00C7\u00C3O CONTE\u00DADO  -->\r\n  <div\r\n    class=\"w-auto h-screen page-content overflow-y-hidden flex flex-column\"\r\n    id=\"page-content\"\r\n    style=\"width: 100vw !important\"\r\n  >\r\n    <!-- TOPO -->\r\n    <div\r\n      class=\"flex flex-row flex-wrap align-items-center justify-content-between my-2 mx-3 mb-0\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" width=\"150\" />\r\n      </div>\r\n      } @else {\r\n      <!-- Breadcrumbs -->\r\n      @if(showBreadcrumb) {\r\n      <div class=\"h-full\">\r\n        <p-breadcrumb\r\n          *ngIf=\"widthCard > 400\"\r\n          styleClass=\"border-none p-0 flex align-items-center h-2rem bg-transparent\"\r\n          [model]=\"breadCrumbItems\"\r\n          (onItemClick)=\"callRoute($event.item.routerLink, true)\"\r\n        >\r\n          <ng-template pTemplate=\"item\" let-item let-i=\"index\">\r\n            @if(breadCrumbItems.indexOf(item) < breadCrumbItems.length - 1){\r\n            <span class=\"font-normal\">{{ item.label }}</span>\r\n            } @else {\r\n            <span class=\"font-bold\">{{ item.label }}</span>\r\n            }\r\n          </ng-template>\r\n        </p-breadcrumb>\r\n      </div>\r\n      } @else {\r\n      <!-- GHOST DIV PARA OCPUAR ESPA\u00C7O NO SPACE BETWEEN -->\r\n      <div></div>\r\n      } } @if (exibirNomes) { @if(widthCard >= 517) {\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) {\r\n        <span class=\"font-semibold system-color\">{{ masterName }}</span> }\r\n        @if(empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span>\r\n        }\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        <!-- @for (topAction of topMenuActions(); track $index) {\r\n            <ng-container *ngTemplateOutlet=\"topAction\" />\r\n            } -->\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n      } @else {\r\n      <div\r\n        class=\"w-auto flex flex-row justify-content-center align-items-center gap-2\"\r\n      >\r\n        <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n        <!-- @for (topAction of topMenuActions(); track $index) {\r\n            <ng-container *ngTemplateOutlet=\"topAction\" />\r\n            } -->\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n\r\n      <div\r\n        class=\"w-auto flex flex-column justify-content-center align-items-center gap-2\"\r\n      >\r\n        @if (masterName) { <span class=\"master-name\">{{ masterName }}</span> }\r\n        @if (empresaName) {<span class=\"empresa-name\">{{ empresaName }}</span> }\r\n      </div>\r\n      } } @else { @if(widthPage() > 992){\r\n      <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        class=\"max-w-25rem flex-1\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      >\r\n      </dropdown-master>\r\n      }\r\n\r\n      <!-- Navega\u00E7\u00E3o de sistemas e usu\u00E1rios -->\r\n      <div class=\"w-auto flex flex-row align-items-center gap-2\">\r\n        <kv-top-icons [topActions]=\"topMenuOptions\" />\r\n      </div>\r\n      }\r\n    </div>\r\n\r\n    @if(widthPage() <= 992){\r\n    <!-- dropdown para sele\u00E7\u00E3o de empresa/licenca -->\r\n    <div class=\"h-2rem mx-3\">\r\n      <dropdown-master\r\n        *ngIf=\"showLicencas()\"\r\n        formControlName=\"idmaster\"\r\n        [formGroup]=\"formGroup\"\r\n        [masters]=\"masters\"\r\n        (onSelectionChange)=\"changeLicense($event)\"\r\n        (onSelectionValue)=\"changeLicense($event)\"\r\n      />\r\n    </div>\r\n\r\n    }\r\n\r\n    <!-- Container -->\r\n    <div class=\"overflow-hidden flex-1 p-0 m-0 mb-2 h-full\">\r\n      <div\r\n        class=\"overflow-y-auto h-full max-h-full {{\r\n          !showMenu && 'sm:overflow-y-hidden'\r\n        }} card-container\r\n        \r\n        {{ useCard ? 'use-card' : '' }}\r\n        \"\r\n      >\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Painel do usu\u00E1rio -->\r\n  <p-overlayPanel\r\n    #meusDadosPanel\r\n    [showTransitionOptions]=\"'350ms ease-out'\"\r\n    [hideTransitionOptions]=\"'250ms ease-in'\"\r\n  >\r\n    <ng-template pTemplate=\"container\">\r\n      <div class=\"p-3 flex flex-column gap-2\">\r\n        <div\r\n          class=\"flex flex-row align-items-center {{\r\n            showTrilhaConhecimento && 'justify-content-between'\r\n          }} gap-2\"\r\n        >\r\n          <p-avatar\r\n            icon=\"pi pi-user\"\r\n            class=\"mr-2\"\r\n            size=\"xlarge\"\r\n            shape=\"circle\"\r\n            [style]=\"{ width: '4.5rem', height: '4.5rem' }\"\r\n          />\r\n\r\n          <div\r\n            class=\"flex flex-column {{\r\n              showTrilhaConhecimento ? 'w-18rem' : 'w-12rem'\r\n            }} justify-content-between\"\r\n            [style]=\"{ height: '4.5rem' }\"\r\n          >\r\n            <span\r\n              class=\"text-medium text-md overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n              >Ol\u00E1, {{ userName.split(\" \")[0] }}!</span\r\n            >\r\n            <span\r\n              class=\"text-medium text-xs text-gray-500 overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n              >{{ userEmail }}</span\r\n            >\r\n            <kv-button\r\n              severity=\"secondary\"\r\n              size=\"small\"\r\n              label=\"Gerenciar KeePass\"\r\n              (onClick)=\"accessKeePass($event)\"\r\n              class=\"w-12rem\"\r\n            ></kv-button>\r\n          </div>\r\n        </div>\r\n\r\n        @if(actions.length > 0) {\r\n        <p-divider></p-divider>\r\n\r\n        <div class=\"flex flex-column text-sm\">\r\n          @for (action of actions; track $index) {\r\n          <ng-container>\r\n            <div\r\n              class=\"flex flex-row align-items-center gap-2 side-menu-item p-2\"\r\n              (click)=\"action.action()\"\r\n            >\r\n              <span class=\"material-symbols-outlined\">{{ action.icon }}</span>\r\n              <span>{{ action.label }}</span>\r\n            </div>\r\n          </ng-container>\r\n          }\r\n        </div>\r\n        } @if(showTrilhaConhecimento) {\r\n        <p-divider></p-divider>\r\n\r\n        <div class=\"flex flex-column gap-3\">\r\n          <span class=\"text-sm font-semibold text-gray-500\"\r\n            >Trilha do Conhecimento</span\r\n          >\r\n          @for(trilha of trilhaConhecimento; track $index) {\r\n\r\n          <div class=\"flex flex-row gap-2 max-w-25rem\">\r\n            <div\r\n              class=\"flex align-items-center justify-content-center border-round-md trilha-icon\"\r\n            >\r\n              <span class=\"material-symbols-outlined text-2xl\">{{\r\n                trilha.icon\r\n              }}</span>\r\n            </div>\r\n            <div class=\"flex flex-column justify-content-between w-20rem\">\r\n              <span\r\n                class=\"text-sm font-medium overflow-hidden white-space-nowrap text-overflow-ellipsis text-gray-500\"\r\n                >{{ trilha.title }}</span\r\n              >\r\n              <span\r\n                class=\"text-xs text-gray-400 overflow-hidden white-space-nowrap text-overflow-ellipsis\"\r\n                [pTooltip]=\"trilha.subtitle\"\r\n                [tooltipPosition]=\"'left'\"\r\n                >{{ trilha.subtitle }}</span\r\n              >\r\n              <div class=\"flex flex-row gap-2\">\r\n                <span\r\n                  class=\"material-symbols-outlined button-icon\"\r\n                  [pTooltip]=\"'Baixar Documento'\"\r\n                  (click)=\"downloadDoc(trilha)\"\r\n                  >download</span\r\n                >\r\n                <span\r\n                  class=\"material-symbols-outlined button-icon\"\r\n                  [pTooltip]=\"'Assistir V\u00EDdeo'\"\r\n                  (click)=\"showVideoDoc(trilha)\"\r\n                  >videocam</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n          }\r\n        </div>\r\n        }\r\n\r\n        <p-divider></p-divider>\r\n\r\n        <div\r\n          class=\"flex flex-row align-items-center justify-content-between gap-2 side-menu-item p-2\"\r\n          [style.color]=\"'rgba(252, 3, 3, 0.6)'\"\r\n          (click)=\"logout($event)\"\r\n        >\r\n          <span class=\"material-symbols-outlined\">exit_to_app</span>\r\n          <label>Sair</label>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n  </p-overlayPanel>\r\n</div>\r\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap\";@import\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\";::ng-deep :root{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255;--kv-primary-color: 41, 185, 45;--kv-secondary-color: 0, 37, 66;--kv-tertiary-color: 165, 165, 165}::ng-deep .padrao{--kv-color-system: 10,58,120;--kv-color-system-cta: 76, 175, 80;--kv-color-text: 0, 0, 0;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-keevocenter{--kv-color-system: 88,25,153;--kv-color-system-cta: 0, 116, 217;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 248,250,253;--kv-background-card: 255,255,255}::ng-deep .theme-holos{--kv-color-system: 241,90,36;--kv-color-system-cta: 224, 168, 35;--kv-color-text: 0, 0, 0;--kv-color-text-inv: 255, 255, 165;--kv-background-system: 240,240,240;--kv-background-card: 2255,255,255}.system-color{color:rgb(var(--kv-color-system),1)}.bg-system-100{background:rgb(var(--kv-color-system),1)}.bg-system-75{background:rgb(var(--kv-color-system),.75)}.bg-system-50{background:rgb(var(--kv-color-system),.5)}.bg-system-25{background:rgb(var(--kv-color-system),.25)}.material-symbols-outlined{font-family:Material Symbols Outlined!important}*{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-accordion,::ng-deep .p-accordion-header,::ng-deep .p-accordion-content,::ng-deep .p-badge,::ng-deep .p-overlay-badge,::ng-deep .p-breadcrumb,::ng-deep .p-breadcrumb-item,::ng-deep .p-breadcrumb-link,::ng-deep .p-button,::ng-deep .p-calendar,::ng-deep .p-card,::ng-deep .p-card-title,::ng-deep .p-card-subtitle,::ng-deep .p-card-content,::ng-deep .p-checkbox,::ng-deep .p-chip,::ng-deep .p-confirm-dialog,::ng-deep .p-confirm-dialog-message,::ng-deep .p-contextmenu,::ng-deep .p-contextmenu-item,::ng-deep .p-dataview,::ng-deep .p-dataview-content,::ng-deep .p-dialog,::ng-deep .p-dialog-title,::ng-deep .p-dialog-content,::ng-deep .p-dropdown,::ng-deep .p-dropdown-label,::ng-deep .p-dropdown-item,::ng-deep .p-dynamic-dialog,::ng-deep .p-dynamic-dialog-title,::ng-deep .p-dynamic-dialog-content,::ng-deep .p-editor,::ng-deep .p-fieldset,::ng-deep .p-fieldset-legend,::ng-deep .p-fieldset-content,::ng-deep .p-fileupload,::ng-deep .p-inputmask,::ng-deep .p-inputnumber,::ng-deep .p-inputtextarea,::ng-deep .p-inputtext,::ng-deep .p-menu,::ng-deep .p-menuitem,::ng-deep .p-menuitem-text,::ng-deep .p-message,::ng-deep .p-messages,::ng-deep .p-multiselect,::ng-deep .p-multiselect-label,::ng-deep .p-multiselect-item,::ng-deep .p-panelmenu,::ng-deep .p-panelmenu-header,::ng-deep .p-panelmenu-content,::ng-deep .p-panel,::ng-deep .p-panel-header,::ng-deep .p-panel-content,::ng-deep .p-password,::ng-deep .p-picklist,::ng-deep .p-progressbar,::ng-deep .p-radiobutton,::ng-deep .p-rating,::ng-deep .p-sidebar,::ng-deep .p-splitbutton,::ng-deep .p-steps,::ng-deep .p-step,::ng-deep .p-table,::ng-deep .p-datatable,::ng-deep .p-tabview,::ng-deep .p-tabpanel,::ng-deep .p-tag,::ng-deep .p-toast,::ng-deep .p-toolbar,::ng-deep .p-tooltip,::ng-deep .p-tree,::ng-deep .p-treetable,::ng-deep .p-selectbutton,::ng-deep .p-stepper,::ng-deep .p-inputgroup,::ng-deep .p-inputgroup-addon,::ng-deep .p-text{font-family:Inter,Inter var,sans-serif!important}::ng-deep .p-icon,svg{height:.6rem}:host ::ng-deep .inputs{height:1.875rem}:host ::ng-deep .inputs,.p-inputtext,.p-inputtextarea{font-size:.875rem}::ng-deep .p-dialog .p-dialog-header{color:rgb(var(--kv-color-text))!important;background:linear-gradient(0deg,#00000005 .44%,#0000 49.5%),#fff!important;display:flex!important;flex-wrap:wrap;word-wrap:break-word;border-bottom:1px solid rgb(var(--kv-color-text),.15)}::ng-deep .p-dialog{min-width:320px}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-content::-webkit-scrollbar{width:8px}::ng-deep .p-dialog-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .p-dialog-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .p-dialog-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .p-dialog-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::ng-deep .p-dialog .p-dialog-header .p-dialog-header-icon{display:none}::ng-deep .p-tooltip{font-size:.825rem!important}::ng-deep svg.p-icon{width:.65rem;height:.65rem}::ng-deep .p-checkbox .p-checkbox-box.p-highlight{border-color:#004172;background:#004172}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:hover{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:active{background-color:#002542}::ng-deep .p-checkbox .p-checkbox-box.p-highlight:disabled{background-color:#002542;opacity:.4;cursor:auto}input{height:1.75rem}::ng-deep .p-checkbox .p-checkbox-box{width:1.125rem;height:1.125rem;border:1.5px solid #d1d5db}::ng-deep p-tablecheckbox p-tableheadercheckbox .p-checkbox{display:flex!important;align-items:center!important;justify-content:right}::ng-deep .p-checkbox{display:flex!important;align-items:center!important;justify-content:center}::ng-deep .p-checkbox-label{font-size:.875rem}.material-symbols-outlined{font-size:1.3rem}::ng-deep body{margin:0!important}.full-container{background:rgb(var(--kv-background-system),1);width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden}::ng-deep p-sidebar .p-sidebar{position:relative!important;background:rgb(var(--kv-background-card),1);box-shadow:0 0 .8rem #0000001a;border:1px solid rgb(var(--kv-color-system),.1);margin-left:.5rem;margin-top:.5rem;border-radius:.5rem;height:calc(100vh - 1rem);z-index:1100!important}.page-content{background:none}.use-card{background-color:rgb(var(--kv-background-card),1);box-shadow:0 0 .8rem #0000001a;border:1px solid rgb(var(--kv-color-system),.1);border-radius:.5rem}::ng-deep .card-container{margin:0rem .5rem;background-color:rgb(var(--kv-background-system),1);overflow-x:hidden}::ng-deep .card-container .p-card-body{padding:.5rem .5rem 0;margin:0;height:100%}::ng-deep .card-container .p-card-content{margin:0;padding:0;height:100%}::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}.side-menu-item{transition:all .2s ease-in-out;cursor:pointer;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.side-menu-item:hover{background-color:rgb(var(--kv-color-system),.25);color:rgb(var(--kv-color-system),1)}.side-menu-item label{width:100%;cursor:pointer}.side-menu-item-system{transition:all .2s ease-in-out;cursor:pointer;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.side-menu-item-system:hover{background-color:rgb(var(--kv-color-system),.08);color:rgb(var(--kv-color-system),1)}.side-menu-item-system label{width:100%;cursor:pointer}::ng-deep .p-divider{margin:0;padding:0;margin-top:.5rem;margin-bottom:.5rem}::ng-deep .p-overlaypanel-content{padding:0}.menu-parent{display:inline-block;width:100%}.menu-childs{position:absolute;left:-500px;min-width:17rem;max-width:50rem;overflow:hidden;padding:.5rem;background:rgb(var(--kv-background-card),1);border:1px solid rgb(var(--kv-color-system),.1);border-radius:.5rem;z-index:9999;box-shadow:0 0 .8rem #0000001a;gap:0}.menu-childs p{color:rgb(var(--kv-color-system),1)!important;opacity:.7}.menu-childs .menu-childs-content{max-height:25rem;overflow:auto}.menu-childs .menu-childs-content::-webkit-scrollbar{width:8px}.menu-childs .menu-childs-content::-webkit-scrollbar:hover{background-color:#dededebf}.menu-childs .menu-childs-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.menu-childs .menu-childs-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.menu-childs .menu-childs-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}::ng-deep .p-breadcrumb .p-breadcrumb-list span{color:rgba(var(--kv-color-text),.75)!important;font-size:.75rem}::ng-deep .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator{color:rgba(var(--kv-color-text),.7)!important;margin:0;margin-left:.1rem;margin-right:.1rem}::ng-deep .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator svg{height:.5rem}.troca-empresa-container{font-size:.75rem;opacity:.8;border:1px solid #c1cfe1;color:#0a3a78;background-color:rgb(var(--kv-color-system),.05);transition:all .2s ease-in-out;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem}.selectable-troca-empresa:hover{opacity:1;border:1px solid rgb(var(--kv-color-system),1);cursor:pointer;background-color:rgb(var(--kv-color-system),.25);color:rgb(var(--kv-color-system),1)}.menus-container label{font-size:.875rem}.meus-sistemas{background-color:rgb(var(--kv-color-system),.05)}.button-icon{color:rgb(var(--kv-color-system),.75)}.button-icon:hover{color:rgb(var(--kv-color-system),.9);cursor:pointer}.button-icon:active{color:rgb(var(--kv-color-system),1)}.trilha-icon{width:3.5rem;height:3.5rem;background-color:rgb(var(--kv-color-system),.2);color:rgb(var(--kv-color-system),1)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.FormBuilder }, { type: i2.Router }, { type: i2.ActivatedRoute }], propDecorators: { apps: [{
                 type: Input
             }], actions: [{

package/esm2022/lib/components/kv-page-form/kv-page-form.component.mjs CHANGED Viewed

@@ -1,11 +1,18 @@
-import { ChangeDetectionStrategy, Component, effect, EventEmitter, Input, Output, signal, viewChild, } from '@angular/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 import * as i2 from "@angular/common";
 import * as i3 from "../kv-button/kv-button.component";
 export class KvPageFormComponent {
+    // pageContainer = viewChild<ElementRef>('pageContainer');
+    // pageContentHeight = signal<number>(0);
     constructor(fb) {
+        // this.resizeObserver = new ResizeObserver((entries) => {
+        //   entries.forEach((entry) => {
+        //     this.setWidthBar();
+        //   });
+        // });
         this.fb = fb;
         /**
          * Configurações do formulário
@@ -61,17 +68,10 @@ export class KvPageFormComponent {
          * Ação do botão Secundary
          */
         this.onClickSecundary = new EventEmitter();
-        this.pageContainer = viewChild('pageContainer');
-        this.pageContentHeight = signal(0);
-        this.resizeObserver = new ResizeObserver((entries) => {
-            entries.forEach((entry) => {
-                this.setWidthBar();
-            });
-        });
-        effect(() => {
-            if (this.pageContainer())
-                this.resizeObserver.observe(this.pageContainer()?.nativeElement);
-        });
+        // effect(() => {
+        //   if (this.pageContainer())
+        //     this.resizeObserver.observe(this.pageContainer()?.nativeElement);
+        // });
     }
     ngOnInit() {
         this.addSubTitle();
@@ -110,37 +110,12 @@ export class KvPageFormComponent {
     actionSecundary(event) {
         this.onClickSecundary.emit(event);
     }
-    /**
-     * Ajusta o tamanho da tela considerando o menu lateral
-     */
-    // setPageFormContainerAttributes() {
-    //   if (this.locationUseComponent == 'page') {
-    //     var form = document.getElementById('page-form-container');
-    //     if (form) {
-    //       var widthFull = form.clientWidth;
-    //       var widthAdjusted;
-    //       widthAdjusted = widthFull - 332;
-    //     }
-    //   }
-    // }
-    setWidthBar() {
-        let divCard = document.getElementById('page-form-content');
-        let divBarraAcoes = document.getElementById('barra-acoes');
-        if (divCard && divBarraAcoes) {
-            if (!this.popup) {
-                divBarraAcoes.style.bottom = '0.5rem';
-                divBarraAcoes.style.margin = '0 1rem 0 0';
-                divBarraAcoes.style.width = divCard.clientWidth + 'px';
-            }
-            this.pageContentHeight.set(divBarraAcoes.clientHeight * 0.9);
-        }
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageFormComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvPageFormComponent, selector: "kv-page-form", inputs: { formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", actionsCancelToogle: "actionsCancelToogle", iconBtnCancelToogle: "iconBtnCancelToogle", showBtnCancelToogle: "showBtnCancelToogle", txtBtnCancelToogle: "txtBtnCancelToogle", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", disableBtnSave: "disableBtnSave", actionsSaveToogle: "actionsSaveToogle", iconBtnSaveToogle: "iconBtnSaveToogle", showBtnSaveToogle: "showBtnSaveToogle", txtBtnSaveToogle: "txtBtnSaveToogle", iconBtnSecundary: "iconBtnSecundary", showBtnSecundary: "showBtnSecundary", txtBtnSecundary: "txtBtnSecundary", colorBtnSecundary: "colorBtnSecundary", actionsToogle: "actionsToogle", iconBtnToogle: "iconBtnToogle", showBtnToogle: "showBtnToogle", txtBtnToogle: "txtBtnToogle", classBtnToogle: "classBtnToogle", disableBtnSair: "disableBtnSair", showMessageCamposObrigatorios: "showMessageCamposObrigatorios" }, outputs: { onSave: "onSave", onCancel: "onCancel", onClickSecundary: "onClickSecundary" }, viewQueries: [{ propertyName: "pageContainer", first: true, predicate: ["pageContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n  #pageContainer\r\n  [style.padding-bottom.px]=\"pageContentHeight()\"\r\n>\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0 h-full\" id=\"page-form-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n\r\n  <div\r\n    class=\"flex flex-column md:flex-row md:justify-content-end md:align-items-center col-12 gap-2 barra-acoes border-round-bottom-md\"\r\n    id=\"barra-acoes\"\r\n  >\r\n    @if(showMessageCamposObrigatorios) {\r\n    <span class=\"w-full text-sm\">\r\n      <span class=\"font-bold\">*</span> Campos obrigat\u00F3rios</span\r\n    >\r\n    }\r\n    <kv-button\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      [disabled]=\"isSaveLoading\"\r\n      (onClick)=\"cancel($event)\"\r\n      class=\"w-full md:w-auto\"\r\n      severity=\"secondary\"\r\n      type=\"text\"\r\n    >\r\n    </kv-button>\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\r\n      [label]=\"txtBtnCancelToogle\"\r\n      class=\"w-full md:w-auto\"\r\n      [severity]=\"'secondary'\"\r\n      type=\"text\"\r\n      [disabled]=\"isSaveLoading\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsCancelToogle\"\r\n      iconPosition=\"left\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSecundary\"\r\n      [label]=\"txtBtnSecundary\"\r\n      [icon]=\"iconBtnSecundary\"\r\n      [disabled]=\"isSaveLoading\"\r\n      severity=\"tertiary\"\r\n      (onClick)=\"actionSecundary($event)\"\r\n      class=\"w-full md:w-auto\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsToogle && showBtnToogle\"\r\n      [label]=\"txtBtnToogle\"\r\n      [icon]=\"iconBtnToogle\"\r\n      class=\"w-full md:w-auto\"\r\n      severity=\"tertiary\"\r\n      [disabled]=\"isSaveLoading\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsToogle\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [disabled]=\"disableBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (onClick)=\"save($event)\"\r\n      severity=\"primary\"\r\n      class=\"w-full md:w-auto\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsSaveToogle && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full md:w-auto\"\r\n      [severity]=\"'primary'\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsSaveToogle\"\r\n    />\r\n  </div>\r\n</div>\r\n", styles: ["*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;right:0;background-color:#fff;padding:10px}#page-form-container{height:100%!important;padding-bottom:40px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i3.KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup"], outputs: ["iconChange", "onClick"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvPageFormComponent, selector: "kv-page-form", inputs: { formGroup: "formGroup", TituloForm: "TituloForm", SubTituloForm: "SubTituloForm", isSaveLoading: "isSaveLoading", popup: "popup", locationUseComponent: "locationUseComponent", iconBtnCancel: "iconBtnCancel", showBtnCancel: "showBtnCancel", txtBtnCancel: "txtBtnCancel", actionsCancelToogle: "actionsCancelToogle", iconBtnCancelToogle: "iconBtnCancelToogle", showBtnCancelToogle: "showBtnCancelToogle", txtBtnCancelToogle: "txtBtnCancelToogle", iconBtnSave: "iconBtnSave", showBtnSave: "showBtnSave", txtBtnSave: "txtBtnSave", disableBtnSave: "disableBtnSave", actionsSaveToogle: "actionsSaveToogle", iconBtnSaveToogle: "iconBtnSaveToogle", showBtnSaveToogle: "showBtnSaveToogle", txtBtnSaveToogle: "txtBtnSaveToogle", iconBtnSecundary: "iconBtnSecundary", showBtnSecundary: "showBtnSecundary", txtBtnSecundary: "txtBtnSecundary", colorBtnSecundary: "colorBtnSecundary", actionsToogle: "actionsToogle", iconBtnToogle: "iconBtnToogle", showBtnToogle: "showBtnToogle", txtBtnToogle: "txtBtnToogle", classBtnToogle: "classBtnToogle", disableBtnSair: "disableBtnSair", showMessageCamposObrigatorios: "showMessageCamposObrigatorios" }, outputs: { onSave: "onSave", onCancel: "onCancel", onClickSecundary: "onClickSecundary" }, ngImport: i0, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"h-full flex flex-column overflow-hidden relative p-0 m-0\"\r\n>\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"m-0 p-0 h-full flex-1 overflow-y-auto page-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n\r\n  <div\r\n    class=\"flex flex-column md:flex-row md:justify-content-end md:align-items-center col-12 gap-2 barra-acoes flex-init border-round-bottom-md\"\r\n    id=\"barra-acoes\"\r\n  >\r\n    @if(showMessageCamposObrigatorios) {\r\n    <span class=\"w-full text-sm\">\r\n      <span class=\"font-bold\">*</span> Campos obrigat\u00F3rios</span\r\n    >\r\n    }\r\n    <kv-button\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      [disabled]=\"isSaveLoading\"\r\n      (onClick)=\"cancel($event)\"\r\n      class=\"w-full md:w-auto\"\r\n      severity=\"secondary\"\r\n      type=\"text\"\r\n    >\r\n    </kv-button>\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\r\n      [label]=\"txtBtnCancelToogle\"\r\n      class=\"w-full md:w-auto\"\r\n      [severity]=\"'secondary'\"\r\n      type=\"text\"\r\n      [disabled]=\"isSaveLoading\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsCancelToogle\"\r\n      iconPosition=\"left\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSecundary\"\r\n      [label]=\"txtBtnSecundary\"\r\n      [icon]=\"iconBtnSecundary\"\r\n      [disabled]=\"isSaveLoading\"\r\n      severity=\"tertiary\"\r\n      (onClick)=\"actionSecundary($event)\"\r\n      class=\"w-full md:w-auto\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsToogle && showBtnToogle\"\r\n      [label]=\"txtBtnToogle\"\r\n      [icon]=\"iconBtnToogle\"\r\n      class=\"w-full md:w-auto\"\r\n      severity=\"tertiary\"\r\n      [disabled]=\"isSaveLoading\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsToogle\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [disabled]=\"disableBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (onClick)=\"save($event)\"\r\n      severity=\"primary\"\r\n      class=\"w-full md:w-auto\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsSaveToogle && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full md:w-auto\"\r\n      [severity]=\"'primary'\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsSaveToogle\"\r\n    />\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .p-dialog .p-dialog-content{padding:0!important}::ng-deep .page-content{overflow-x:hidden}::ng-deep .page-content::-webkit-scrollbar{width:8px}::ng-deep .page-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .page-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .page-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .page-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{bottom:0;right:0;background-color:#fff;padding:10px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "component", type: i3.KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup"], outputs: ["iconChange", "onClick"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvPageFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-page-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"grid-nogutter m-0\"\r\n  id=\"page-form-container\"\r\n  #pageContainer\r\n  [style.padding-bottom.px]=\"pageContentHeight()\"\r\n>\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"col-12 p-0 h-full\" id=\"page-form-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n\r\n  <div\r\n    class=\"flex flex-column md:flex-row md:justify-content-end md:align-items-center col-12 gap-2 barra-acoes border-round-bottom-md\"\r\n    id=\"barra-acoes\"\r\n  >\r\n    @if(showMessageCamposObrigatorios) {\r\n    <span class=\"w-full text-sm\">\r\n      <span class=\"font-bold\">*</span> Campos obrigat\u00F3rios</span\r\n    >\r\n    }\r\n    <kv-button\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      [disabled]=\"isSaveLoading\"\r\n      (onClick)=\"cancel($event)\"\r\n      class=\"w-full md:w-auto\"\r\n      severity=\"secondary\"\r\n      type=\"text\"\r\n    >\r\n    </kv-button>\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\r\n      [label]=\"txtBtnCancelToogle\"\r\n      class=\"w-full md:w-auto\"\r\n      [severity]=\"'secondary'\"\r\n      type=\"text\"\r\n      [disabled]=\"isSaveLoading\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsCancelToogle\"\r\n      iconPosition=\"left\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSecundary\"\r\n      [label]=\"txtBtnSecundary\"\r\n      [icon]=\"iconBtnSecundary\"\r\n      [disabled]=\"isSaveLoading\"\r\n      severity=\"tertiary\"\r\n      (onClick)=\"actionSecundary($event)\"\r\n      class=\"w-full md:w-auto\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsToogle && showBtnToogle\"\r\n      [label]=\"txtBtnToogle\"\r\n      [icon]=\"iconBtnToogle\"\r\n      class=\"w-full md:w-auto\"\r\n      severity=\"tertiary\"\r\n      [disabled]=\"isSaveLoading\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsToogle\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [disabled]=\"disableBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (onClick)=\"save($event)\"\r\n      severity=\"primary\"\r\n      class=\"w-full md:w-auto\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsSaveToogle && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full md:w-auto\"\r\n      [severity]=\"'primary'\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsSaveToogle\"\r\n    />\r\n  </div>\r\n</div>\r\n", styles: ["*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{position:fixed;bottom:0;right:0;background-color:#fff;padding:10px}#page-form-container{height:100%!important;padding-bottom:40px}\n"] }]
+            args: [{ selector: 'kv-page-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n  [formGroup]=\"formGroup\"\r\n  class=\"h-full flex flex-column overflow-hidden relative p-0 m-0\"\r\n>\r\n  <!-- Renderiza\u00E7\u00E3o do form -->\r\n  <div class=\"m-0 p-0 h-full flex-1 overflow-y-auto page-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Divider -->\r\n  <!-- <p-divider class=\"col-12\"></p-divider> -->\r\n\r\n  <!-- Barra de a\u00E7\u00F5es -->\r\n\r\n  <div\r\n    class=\"flex flex-column md:flex-row md:justify-content-end md:align-items-center col-12 gap-2 barra-acoes flex-init border-round-bottom-md\"\r\n    id=\"barra-acoes\"\r\n  >\r\n    @if(showMessageCamposObrigatorios) {\r\n    <span class=\"w-full text-sm\">\r\n      <span class=\"font-bold\">*</span> Campos obrigat\u00F3rios</span\r\n    >\r\n    }\r\n    <kv-button\r\n      *ngIf=\"showBtnCancel\"\r\n      [label]=\"txtBtnCancel\"\r\n      [icon]=\"iconBtnCancel\"\r\n      [disabled]=\"isSaveLoading\"\r\n      (onClick)=\"cancel($event)\"\r\n      class=\"w-full md:w-auto\"\r\n      severity=\"secondary\"\r\n      type=\"text\"\r\n    >\r\n    </kv-button>\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsCancelToogle && showBtnCancelToogle\"\r\n      [label]=\"txtBtnCancelToogle\"\r\n      class=\"w-full md:w-auto\"\r\n      [severity]=\"'secondary'\"\r\n      type=\"text\"\r\n      [disabled]=\"isSaveLoading\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsCancelToogle\"\r\n      iconPosition=\"left\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSecundary\"\r\n      [label]=\"txtBtnSecundary\"\r\n      [icon]=\"iconBtnSecundary\"\r\n      [disabled]=\"isSaveLoading\"\r\n      severity=\"tertiary\"\r\n      (onClick)=\"actionSecundary($event)\"\r\n      class=\"w-full md:w-auto\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsToogle && showBtnToogle\"\r\n      [label]=\"txtBtnToogle\"\r\n      [icon]=\"iconBtnToogle\"\r\n      class=\"w-full md:w-auto\"\r\n      severity=\"tertiary\"\r\n      [disabled]=\"isSaveLoading\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsToogle\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"showBtnSave\"\r\n      [label]=\"txtBtnSave\"\r\n      [icon]=\"iconBtnSave\"\r\n      [disabled]=\"disableBtnSave\"\r\n      [loading]=\"isSaveLoading\"\r\n      (onClick)=\"save($event)\"\r\n      severity=\"primary\"\r\n      class=\"w-full md:w-auto\"\r\n    />\r\n\r\n    <kv-button\r\n      *ngIf=\"actionsSaveToogle && showBtnSaveToogle\"\r\n      [label]=\"txtBtnSaveToogle\"\r\n      [icon]=\"iconBtnSaveToogle\"\r\n      [loading]=\"isSaveLoading\"\r\n      class=\"w-full md:w-auto\"\r\n      [severity]=\"'primary'\"\r\n      [popup]=\"true\"\r\n      [items]=\"actionsSaveToogle\"\r\n    />\r\n  </div>\r\n</div>\r\n", styles: ["::ng-deep .p-dialog .p-dialog-content{padding:0!important}::ng-deep .page-content{overflow-x:hidden}::ng-deep .page-content::-webkit-scrollbar{width:8px}::ng-deep .page-content::-webkit-scrollbar:hover{background-color:#dededebf}::ng-deep .page-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}::ng-deep .page-content:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}::ng-deep .page-content::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}*{padding-bottom:0rem;padding-top:0rem}.barra-acoes{bottom:0;right:0;background-color:#fff;padding:10px}\n"] }]
         }], ctorParameters: () => [{ type: i1.FormBuilder }], propDecorators: { formGroup: [{
                 type: Input
             }], TituloForm: [{
@@ -212,4 +187,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             }], onClickSecundary: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtcGFnZS1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LXBhZ2UtZm9ybS9rdi1wYWdlLWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtcGFnZS1mb3JtL2t2LXBhZ2UtZm9ybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxNQUFNLEVBRU4sWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBQ04sTUFBTSxFQUNOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQWUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBVXhELE1BQU0sT0FBTyxtQkFBbUI7SUEyRjlCLFlBQW9CLEVBQWU7UUFBZixPQUFFLEdBQUYsRUFBRSxDQUFhO1FBMUZuQzs7V0FFRztRQUNNLGNBQVMsR0FBYyxJQUFJLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN6QyxlQUFVLEdBQXVCLEVBQUUsQ0FBQztRQUNwQyxrQkFBYSxHQUF1QixFQUFFLENBQUM7UUFFdkMsVUFBSyxHQUFZLEtBQUssQ0FBQztRQUN2Qix5QkFBb0IsR0FBc0IsUUFBUSxDQUFDO1FBQzVELGlDQUFpQztRQUVqQzs7V0FFRztRQUNNLGtCQUFhLEdBQVcsT0FBTyxDQUFDO1FBQ2hDLGtCQUFhLEdBQVksSUFBSSxDQUFDO1FBQzlCLGlCQUFZLEdBQVcsVUFBVSxDQUFDO1FBTWxDLHdCQUFtQixHQUFXLE9BQU8sQ0FBQztRQUN0Qyx3QkFBbUIsR0FBWSxLQUFLLENBQUM7UUFDckMsdUJBQWtCLEdBQVcsVUFBVSxDQUFDO1FBRWpEOztXQUVHO1FBQ00sZ0JBQVcsR0FBVyxNQUFNLENBQUM7UUFDN0IsZ0JBQVcsR0FBWSxJQUFJLENBQUM7UUFDNUIsZUFBVSxHQUFXLFFBQVEsQ0FBQztRQUM5QixtQkFBYyxHQUFZLEtBQUssQ0FBQztRQU1oQyxzQkFBaUIsR0FBVyxvQkFBb0IsQ0FBQztRQUNqRCxzQkFBaUIsR0FBWSxLQUFLLENBQUM7UUFDbkMscUJBQWdCLEdBQVcsT0FBTyxDQUFDO1FBTW5DLHFCQUFnQixHQUFZLEtBQUssQ0FBQztRQUczQzs7V0FFRztRQUNNLHNCQUFpQixHQUFXLEVBQUUsQ0FBQztRQU0vQixrQkFBYSxHQUFXLG9CQUFvQixDQUFDO1FBQzdDLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBQy9CLGlCQUFZLEdBQVcsT0FBTyxDQUFDO1FBQy9CLG1CQUFjLEdBQVcsYUFBYSxDQUFDO1FBRWhEOztXQUVHO1FBQ00sbUJBQWMsR0FBWSxJQUFJLENBQUM7UUFFL0Isa0NBQTZCLEdBQVksSUFBSSxDQUFDO1FBRXZEOztXQUVHO1FBQ08sV0FBTSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXpEOztXQUVHO1FBQ08sYUFBUSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTNEOztXQUVHO1FBQ08scUJBQWdCLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHbkUsa0JBQWEsR0FBRyxTQUFTLENBQWEsZUFBZSxDQUFDLENBQUM7UUFFdkQsc0JBQWlCLEdBQUcsTUFBTSxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBR3BDLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxjQUFjLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtZQUNuRCxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7Z0JBQ3hCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNyQixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO1FBRUgsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNWLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtnQkFDdEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBQ3JFLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIseUNBQXlDO0lBQzNDLENBQUM7SUFFRDs7T0FFRztJQUNILFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixNQUFNLGFBQWEsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUMxQyw0QkFBNEIsQ0FDN0IsQ0FBQztZQUNGLElBQUksYUFBYSxFQUFFLENBQUM7Z0JBQ2xCLE1BQU0sZUFBZSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3ZELGVBQWUsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztnQkFDakQsZUFBZSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsU0FBUyxDQUFDO2dCQUMzQyxlQUFlLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUM7Z0JBQ3JDLGVBQWUsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztnQkFFekMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsQ0FBQztZQUM3QyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFRDs7O09BR0c7SUFDSCxNQUFNLENBQUMsS0FBWTtRQUNqQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFBSSxDQUFDLEtBQVk7UUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQVk7UUFDMUIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxxQ0FBcUM7SUFDckMsK0NBQStDO0lBQy9DLGlFQUFpRTtJQUVqRSxrQkFBa0I7SUFDbEIsMENBQTBDO0lBQzFDLDJCQUEyQjtJQUUzQix5Q0FBeUM7SUFDekMsUUFBUTtJQUNSLE1BQU07SUFDTixJQUFJO0lBR0osV0FBVztRQUNULElBQUksT0FBTyxHQUFHLFFBQVEsQ0FBQyxjQUFjLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUUzRCxJQUFJLGFBQWEsR0FBRyxRQUFRLENBQUMsY0FBYyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBRTNELElBQUksT0FBTyxJQUFJLGFBQWEsRUFBRSxDQUFDO1lBRTdCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7Z0JBQ2hCLGFBQWEsQ0FBQyxLQUFLLENBQUMsTUFBTSxHQUFHLFFBQVEsQ0FBQztnQkFDdEMsYUFBYSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsWUFBWSxDQUFDO2dCQUMxQyxhQUFhLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxPQUFPLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztZQUN6RCxDQUFDO1lBRUQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxhQUFhLENBQUMsWUFBWSxHQUFHLEdBQUcsQ0FBQyxDQUFDO1FBQy9ELENBQUM7SUFDSCxDQUFDOzhHQXJMVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixtNENDdkJoQyw2dEZBOEZBOzsyRkR2RWEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTTtnRkFNdEMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQU1HLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUtHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUtHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFLRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBS0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUtHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFLRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVHLDZCQUE2QjtzQkFBckMsS0FBSztnQkFLSSxNQUFNO3NCQUFmLE1BQU07Z0JBS0csUUFBUTtzQkFBakIsTUFBTTtnQkFLRyxnQkFBZ0I7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBlZmZlY3QsXHJcbiAgRWxlbWVudFJlZixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBzaWduYWwsXHJcbiAgdmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbmltcG9ydCB7IEFjdGlvbkl0ZW0gfSBmcm9tICcuLi8uLi9hcGkvY29tcG9uZW50cy90YWJsZS9hY3Rpb24taXRlbSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LXBhZ2UtZm9ybScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LXBhZ2UtZm9ybS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va3YtcGFnZS1mb3JtLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdlBhZ2VGb3JtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAvKipcclxuICAgKiBDb25maWd1cmHDp8O1ZXMgZG8gZm9ybXVsw6FyaW9cclxuICAgKi9cclxuICBASW5wdXQoKSBmb3JtR3JvdXA6IEZvcm1Hcm91cCA9IG5ldyBGb3JtR3JvdXAoe30pO1xyXG4gIEBJbnB1dCgpIFRpdHVsb0Zvcm06IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xyXG4gIEBJbnB1dCgpIFN1YlRpdHVsb0Zvcm06IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xyXG4gIEBJbnB1dCgpIGlzU2F2ZUxvYWRpbmchOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHBvcHVwOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbG9jYXRpb25Vc2VDb21wb25lbnQ6ICdwYWdlJyB8ICdkaWFsb2cnID0gJ2RpYWxvZyc7XHJcbiAgLy8gQElucHV0KCkgZXhwYW5kTWVudSE6IGJvb2xlYW47XHJcblxyXG4gIC8qKlxyXG4gICAqIEJvdMOjbyBjYW5jZWxhclxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGljb25CdG5DYW5jZWw6IHN0cmluZyA9ICdjbG9zZSc7XHJcbiAgQElucHV0KCkgc2hvd0J0bkNhbmNlbDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgdHh0QnRuQ2FuY2VsOiBzdHJpbmcgPSAnQ2FuY2VsYXInO1xyXG5cclxuICAvKipcclxuICAgKiBCb3TDo28gZGUgY2FuY2VsYXIgY29tIG9ww6fDtWVzXHJcbiAgICovXHJcbiAgQElucHV0KCkgYWN0aW9uc0NhbmNlbFRvb2dsZSE6IEFjdGlvbkl0ZW1bXTtcclxuICBASW5wdXQoKSBpY29uQnRuQ2FuY2VsVG9vZ2xlOiBzdHJpbmcgPSAnY2xvc2UnO1xyXG4gIEBJbnB1dCgpIHNob3dCdG5DYW5jZWxUb29nbGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB0eHRCdG5DYW5jZWxUb29nbGU6IHN0cmluZyA9ICdDYW5jZWxhcic7XHJcblxyXG4gIC8qKlxyXG4gICAqIEJvdMOjbyBzYWx2YXJcclxuICAgKi9cclxuICBASW5wdXQoKSBpY29uQnRuU2F2ZTogc3RyaW5nID0gJ3NhdmUnO1xyXG4gIEBJbnB1dCgpIHNob3dCdG5TYXZlOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSB0eHRCdG5TYXZlOiBzdHJpbmcgPSAnU2FsdmFyJztcclxuICBASW5wdXQoKSBkaXNhYmxlQnRuU2F2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKipcclxuICAgKiBCb3TDo28gZGUgc2FsdmFyIGNvbSBvcMOnw7Vlc1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFjdGlvbnNTYXZlVG9vZ2xlITogQWN0aW9uSXRlbVtdO1xyXG4gIEBJbnB1dCgpIGljb25CdG5TYXZlVG9vZ2xlOiBzdHJpbmcgPSAncGkgcGktY2hldnJvbi1kb3duJztcclxuICBASW5wdXQoKSBzaG93QnRuU2F2ZVRvb2dsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHR4dEJ0blNhdmVUb29nbGU6IHN0cmluZyA9ICdBw6fDtWVzJztcclxuXHJcbiAgLyoqXHJcbiAgICogQm90w6NvIGdlbsOpcmljbyAnU2VjdW5kYXJ5J1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGljb25CdG5TZWN1bmRhcnkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc2hvd0J0blNlY3VuZGFyeTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHR4dEJ0blNlY3VuZGFyeSE6IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogQGRlcHJlY2F0ZWQgRXNzYSBuw6NvIMOpIG1haXMgdXRpbGl6YWRvLCBmYXZvciB1dGlsaXphciBhIHByb3ByaWVkYWRlIHNldmVyaXR5QnRuU2VjdW5kYXJ5XHJcbiAgICovXHJcbiAgQElucHV0KCkgY29sb3JCdG5TZWN1bmRhcnk6IHN0cmluZyA9ICcnO1xyXG5cclxuICAvKipcclxuICAgKiBCb3TDo28gZ2Vuw6lyaWNvIGNvbSBvcMOnw7Vlc1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFjdGlvbnNUb29nbGUhOiBBY3Rpb25JdGVtW107XHJcbiAgQElucHV0KCkgaWNvbkJ0blRvb2dsZTogc3RyaW5nID0gJ3BpIHBpLWNoZXZyb24tZG93bic7XHJcbiAgQElucHV0KCkgc2hvd0J0blRvb2dsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHR4dEJ0blRvb2dsZTogc3RyaW5nID0gJ0HDp8O1ZXMnO1xyXG4gIEBJbnB1dCgpIGNsYXNzQnRuVG9vZ2xlOiBzdHJpbmcgPSAnYmctZ2x1ZS01MDAnO1xyXG5cclxuICAvKipcclxuICAgKiBCb3TDo28gZmVjaGFyXHJcbiAgICovXHJcbiAgQElucHV0KCkgZGlzYWJsZUJ0blNhaXI6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKSBzaG93TWVzc2FnZUNhbXBvc09icmlnYXRvcmlvczogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIC8qKlxyXG4gICAqIFNhbHZhciBkYWRvc1xyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBvblNhdmU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICAvKipcclxuICAgKiBDYW5jZWxhclxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBvbkNhbmNlbDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIEHDp8OjbyBkbyBib3TDo28gU2VjdW5kYXJ5XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIG9uQ2xpY2tTZWN1bmRhcnk6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IHJlc2l6ZU9ic2VydmVyITogUmVzaXplT2JzZXJ2ZXI7XHJcbiAgcGFnZUNvbnRhaW5lciA9IHZpZXdDaGlsZDxFbGVtZW50UmVmPigncGFnZUNvbnRhaW5lcicpO1xyXG5cclxuICBwYWdlQ29udGVudEhlaWdodCA9IHNpZ25hbDxudW1iZXI+KDApO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBGb3JtQnVpbGRlcikge1xyXG4gICAgdGhpcy5yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoZW50cmllcykgPT4ge1xyXG4gICAgICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XHJcbiAgICAgICAgdGhpcy5zZXRXaWR0aEJhcigpO1xyXG4gICAgICB9KTtcclxuICAgIH0pO1xyXG5cclxuICAgIGVmZmVjdCgoKSA9PiB7XHJcbiAgICAgIGlmICh0aGlzLnBhZ2VDb250YWluZXIoKSlcclxuICAgICAgICB0aGlzLnJlc2l6ZU9ic2VydmVyLm9ic2VydmUodGhpcy5wYWdlQ29udGFpbmVyKCk/Lm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuYWRkU3ViVGl0bGUoKTtcclxuICAgIC8vIHRoaXMuc2V0UGFnZUZvcm1Db250YWluZXJBdHRyaWJ1dGVzKCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBBZGljaW9uYSBzdWItdMOtdHVsbyDDoCB0ZWxhXHJcbiAgICovXHJcbiAgYWRkU3ViVGl0bGUoKSB7XHJcbiAgICBpZiAodGhpcy5TdWJUaXR1bG9Gb3JtKSB7XHJcbiAgICAgIGNvbnN0IGhlYWRlckVsZW1lbnQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKFxyXG4gICAgICAgICcucC1kaWFsb2cgLnAtZGlhbG9nLWhlYWRlcidcclxuICAgICAgKTtcclxuICAgICAgaWYgKGhlYWRlckVsZW1lbnQpIHtcclxuICAgICAgICBjb25zdCBzdWJ0aXRsZUVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XHJcbiAgICAgICAgc3VidGl0bGVFbGVtZW50LnRleHRDb250ZW50ID0gdGhpcy5TdWJUaXR1bG9Gb3JtO1xyXG4gICAgICAgIHN1YnRpdGxlRWxlbWVudC5zdHlsZS5mb250U2l6ZSA9ICcwLjc1cmVtJztcclxuICAgICAgICBzdWJ0aXRsZUVsZW1lbnQuc3R5bGUud2lkdGggPSAnMTAwJSc7XHJcbiAgICAgICAgc3VidGl0bGVFbGVtZW50LnN0eWxlLm1hcmdpbkxlZnQgPSAnMnB4JztcclxuXHJcbiAgICAgICAgaGVhZGVyRWxlbWVudC5hcHBlbmRDaGlsZChzdWJ0aXRsZUVsZW1lbnQpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBEaXNwYXJhIG8gbcOpdG9kbyBkZSBjYW5jZWxhbWVudG8gZGEgdGVsYVxyXG4gICAqIEBwYXJhbSBldmVudCBldmVudG9cclxuICAgKi9cclxuICBjYW5jZWwoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLm9uQ2FuY2VsLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRGlzcGFyYSBvIG3DqXRvZG8gZGUgc2FsdmFyIGRhIHRlbGFcclxuICAgKiBAcGFyYW0gZXZlbnQgZXZlbnRvXHJcbiAgICovXHJcbiAgc2F2ZShldmVudDogRXZlbnQpIHtcclxuICAgIHRoaXMub25TYXZlLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgYWN0aW9uU2VjdW5kYXJ5KGV2ZW50OiBFdmVudCkge1xyXG4gICAgdGhpcy5vbkNsaWNrU2VjdW5kYXJ5LmVtaXQoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogQWp1c3RhIG8gdGFtYW5obyBkYSB0ZWxhIGNvbnNpZGVyYW5kbyBvIG1lbnUgbGF0ZXJhbFxyXG4gICAqL1xyXG4gIC8vIHNldFBhZ2VGb3JtQ29udGFpbmVyQXR0cmlidXRlcygpIHtcclxuICAvLyAgIGlmICh0aGlzLmxvY2F0aW9uVXNlQ29tcG9uZW50ID09ICdwYWdlJykge1xyXG4gIC8vICAgICB2YXIgZm9ybSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdwYWdlLWZvcm0tY29udGFpbmVyJyk7XHJcblxyXG4gIC8vICAgICBpZiAoZm9ybSkge1xyXG4gIC8vICAgICAgIHZhciB3aWR0aEZ1bGwgPSBmb3JtLmNsaWVudFdpZHRoO1xyXG4gIC8vICAgICAgIHZhciB3aWR0aEFkanVzdGVkO1xyXG5cclxuICAvLyAgICAgICB3aWR0aEFkanVzdGVkID0gd2lkdGhGdWxsIC0gMzMyO1xyXG4gIC8vICAgICB9XHJcbiAgLy8gICB9XHJcbiAgLy8gfVxyXG5cclxuXHJcbiAgc2V0V2lkdGhCYXIoKSB7XHJcbiAgICBsZXQgZGl2Q2FyZCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdwYWdlLWZvcm0tY29udGVudCcpO1xyXG5cclxuICAgIGxldCBkaXZCYXJyYUFjb2VzID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JhcnJhLWFjb2VzJyk7XHJcblxyXG4gICAgaWYgKGRpdkNhcmQgJiYgZGl2QmFycmFBY29lcykge1xyXG5cclxuICAgICAgaWYgKCF0aGlzLnBvcHVwKSB7XHJcbiAgICAgICAgZGl2QmFycmFBY29lcy5zdHlsZS5ib3R0b20gPSAnMC41cmVtJztcclxuICAgICAgICBkaXZCYXJyYUFjb2VzLnN0eWxlLm1hcmdpbiA9ICcwIDFyZW0gMCAwJztcclxuICAgICAgICBkaXZCYXJyYUFjb2VzLnN0eWxlLndpZHRoID0gZGl2Q2FyZC5jbGllbnRXaWR0aCArICdweCc7XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHRoaXMucGFnZUNvbnRlbnRIZWlnaHQuc2V0KGRpdkJhcnJhQWNvZXMuY2xpZW50SGVpZ2h0ICogMC45KTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdlxyXG4gIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCJcclxuICBjbGFzcz1cImdyaWQtbm9ndXR0ZXIgbS0wXCJcclxuICBpZD1cInBhZ2UtZm9ybS1jb250YWluZXJcIlxyXG4gICNwYWdlQ29udGFpbmVyXHJcbiAgW3N0eWxlLnBhZGRpbmctYm90dG9tLnB4XT1cInBhZ2VDb250ZW50SGVpZ2h0KClcIlxyXG4+XHJcbiAgPCEtLSBSZW5kZXJpemHDp8OjbyBkbyBmb3JtIC0tPlxyXG4gIDxkaXYgY2xhc3M9XCJjb2wtMTIgcC0wIGgtZnVsbFwiIGlkPVwicGFnZS1mb3JtLWNvbnRlbnRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuXHJcbiAgPCEtLSBEaXZpZGVyIC0tPlxyXG4gIDwhLS0gPHAtZGl2aWRlciBjbGFzcz1cImNvbC0xMlwiPjwvcC1kaXZpZGVyPiAtLT5cclxuXHJcbiAgPCEtLSBCYXJyYSBkZSBhw6fDtWVzIC0tPlxyXG5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gbWQ6ZmxleC1yb3cgbWQ6anVzdGlmeS1jb250ZW50LWVuZCBtZDphbGlnbi1pdGVtcy1jZW50ZXIgY29sLTEyIGdhcC0yIGJhcnJhLWFjb2VzIGJvcmRlci1yb3VuZC1ib3R0b20tbWRcIlxyXG4gICAgaWQ9XCJiYXJyYS1hY29lc1wiXHJcbiAgPlxyXG4gICAgQGlmKHNob3dNZXNzYWdlQ2FtcG9zT2JyaWdhdG9yaW9zKSB7XHJcbiAgICA8c3BhbiBjbGFzcz1cInctZnVsbCB0ZXh0LXNtXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiZm9udC1ib2xkXCI+Kjwvc3Bhbj4gQ2FtcG9zIG9icmlnYXTDs3Jpb3M8L3NwYW5cclxuICAgID5cclxuICAgIH1cclxuICAgIDxrdi1idXR0b25cclxuICAgICAgKm5nSWY9XCJzaG93QnRuQ2FuY2VsXCJcclxuICAgICAgW2xhYmVsXT1cInR4dEJ0bkNhbmNlbFwiXHJcbiAgICAgIFtpY29uXT1cImljb25CdG5DYW5jZWxcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiaXNTYXZlTG9hZGluZ1wiXHJcbiAgICAgIChvbkNsaWNrKT1cImNhbmNlbCgkZXZlbnQpXCJcclxuICAgICAgY2xhc3M9XCJ3LWZ1bGwgbWQ6dy1hdXRvXCJcclxuICAgICAgc2V2ZXJpdHk9XCJzZWNvbmRhcnlcIlxyXG4gICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICA+XHJcbiAgICA8L2t2LWJ1dHRvbj5cclxuXHJcbiAgICA8a3YtYnV0dG9uXHJcbiAgICAgICpuZ0lmPVwiYWN0aW9uc0NhbmNlbFRvb2dsZSAmJiBzaG93QnRuQ2FuY2VsVG9vZ2xlXCJcclxuICAgICAgW2xhYmVsXT1cInR4dEJ0bkNhbmNlbFRvb2dsZVwiXHJcbiAgICAgIGNsYXNzPVwidy1mdWxsIG1kOnctYXV0b1wiXHJcbiAgICAgIFtzZXZlcml0eV09XCInc2Vjb25kYXJ5J1wiXHJcbiAgICAgIHR5cGU9XCJ0ZXh0XCJcclxuICAgICAgW2Rpc2FibGVkXT1cImlzU2F2ZUxvYWRpbmdcIlxyXG4gICAgICBbcG9wdXBdPVwidHJ1ZVwiXHJcbiAgICAgIFtpdGVtc109XCJhY3Rpb25zQ2FuY2VsVG9vZ2xlXCJcclxuICAgICAgaWNvblBvc2l0aW9uPVwibGVmdFwiXHJcbiAgICAvPlxyXG5cclxuICAgIDxrdi1idXR0b25cclxuICAgICAgKm5nSWY9XCJzaG93QnRuU2VjdW5kYXJ5XCJcclxuICAgICAgW2xhYmVsXT1cInR4dEJ0blNlY3VuZGFyeVwiXHJcbiAgICAgIFtpY29uXT1cImljb25CdG5TZWN1bmRhcnlcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiaXNTYXZlTG9hZGluZ1wiXHJcbiAgICAgIHNldmVyaXR5PVwidGVydGlhcnlcIlxyXG4gICAgICAob25DbGljayk9XCJhY3Rpb25TZWN1bmRhcnkoJGV2ZW50KVwiXHJcbiAgICAgIGNsYXNzPVwidy1mdWxsIG1kOnctYXV0b1wiXHJcbiAgICAvPlxyXG5cclxuICAgIDxrdi1idXR0b25cclxuICAgICAgKm5nSWY9XCJhY3Rpb25zVG9vZ2xlICYmIHNob3dCdG5Ub29nbGVcIlxyXG4gICAgICBbbGFiZWxdPVwidHh0QnRuVG9vZ2xlXCJcclxuICAgICAgW2ljb25dPVwiaWNvbkJ0blRvb2dsZVwiXHJcbiAgICAgIGNsYXNzPVwidy1mdWxsIG1kOnctYXV0b1wiXHJcbiAgICAgIHNldmVyaXR5PVwidGVydGlhcnlcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiaXNTYXZlTG9hZGluZ1wiXHJcbiAgICAgIFtwb3B1cF09XCJ0cnVlXCJcclxuICAgICAgW2l0ZW1zXT1cImFjdGlvbnNUb29nbGVcIlxyXG4gICAgLz5cclxuXHJcbiAgICA8a3YtYnV0dG9uXHJcbiAgICAgICpuZ0lmPVwic2hvd0J0blNhdmVcIlxyXG4gICAgICBbbGFiZWxdPVwidHh0QnRuU2F2ZVwiXHJcbiAgICAgIFtpY29uXT1cImljb25CdG5TYXZlXCJcclxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVCdG5TYXZlXCJcclxuICAgICAgW2xvYWRpbmddPVwiaXNTYXZlTG9hZGluZ1wiXHJcbiAgICAgIChvbkNsaWNrKT1cInNhdmUoJGV2ZW50KVwiXHJcbiAgICAgIHNldmVyaXR5PVwicHJpbWFyeVwiXHJcbiAgICAgIGNsYXNzPVwidy1mdWxsIG1kOnctYXV0b1wiXHJcbiAgICAvPlxyXG5cclxuICAgIDxrdi1idXR0b25cclxuICAgICAgKm5nSWY9XCJhY3Rpb25zU2F2ZVRvb2dsZSAmJiBzaG93QnRuU2F2ZVRvb2dsZVwiXHJcbiAgICAgIFtsYWJlbF09XCJ0eHRCdG5TYXZlVG9vZ2xlXCJcclxuICAgICAgW2ljb25dPVwiaWNvbkJ0blNhdmVUb29nbGVcIlxyXG4gICAgICBbbG9hZGluZ109XCJpc1NhdmVMb2FkaW5nXCJcclxuICAgICAgY2xhc3M9XCJ3LWZ1bGwgbWQ6dy1hdXRvXCJcclxuICAgICAgW3NldmVyaXR5XT1cIidwcmltYXJ5J1wiXHJcbiAgICAgIFtwb3B1cF09XCJ0cnVlXCJcclxuICAgICAgW2l0ZW1zXT1cImFjdGlvbnNTYXZlVG9vZ2xlXCJcclxuICAgIC8+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtcGFnZS1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LXBhZ2UtZm9ybS9rdi1wYWdlLWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtcGFnZS1mb3JtL2t2LXBhZ2UtZm9ybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFHVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FHUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQWUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBVXhELE1BQU0sT0FBTyxtQkFBbUI7SUF1RjlCLDBEQUEwRDtJQUUxRCx5Q0FBeUM7SUFFekMsWUFBb0IsRUFBZTtRQUNqQywwREFBMEQ7UUFDMUQsaUNBQWlDO1FBQ2pDLDBCQUEwQjtRQUMxQixRQUFRO1FBQ1IsTUFBTTtRQUxZLE9BQUUsR0FBRixFQUFFLENBQWE7UUExRm5DOztXQUVHO1FBQ00sY0FBUyxHQUFjLElBQUksU0FBUyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3pDLGVBQVUsR0FBdUIsRUFBRSxDQUFDO1FBQ3BDLGtCQUFhLEdBQXVCLEVBQUUsQ0FBQztRQUV2QyxVQUFLLEdBQVksS0FBSyxDQUFDO1FBQ3ZCLHlCQUFvQixHQUFzQixRQUFRLENBQUM7UUFDNUQsaUNBQWlDO1FBRWpDOztXQUVHO1FBQ00sa0JBQWEsR0FBVyxPQUFPLENBQUM7UUFDaEMsa0JBQWEsR0FBWSxJQUFJLENBQUM7UUFDOUIsaUJBQVksR0FBVyxVQUFVLENBQUM7UUFNbEMsd0JBQW1CLEdBQVcsT0FBTyxDQUFDO1FBQ3RDLHdCQUFtQixHQUFZLEtBQUssQ0FBQztRQUNyQyx1QkFBa0IsR0FBVyxVQUFVLENBQUM7UUFFakQ7O1dBRUc7UUFDTSxnQkFBVyxHQUFXLE1BQU0sQ0FBQztRQUM3QixnQkFBVyxHQUFZLElBQUksQ0FBQztRQUM1QixlQUFVLEdBQVcsUUFBUSxDQUFDO1FBQzlCLG1CQUFjLEdBQVksS0FBSyxDQUFDO1FBTWhDLHNCQUFpQixHQUFXLG9CQUFvQixDQUFDO1FBQ2pELHNCQUFpQixHQUFZLEtBQUssQ0FBQztRQUNuQyxxQkFBZ0IsR0FBVyxPQUFPLENBQUM7UUFNbkMscUJBQWdCLEdBQVksS0FBSyxDQUFDO1FBRzNDOztXQUVHO1FBQ00sc0JBQWlCLEdBQVcsRUFBRSxDQUFDO1FBTS9CLGtCQUFhLEdBQVcsb0JBQW9CLENBQUM7UUFDN0Msa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFDL0IsaUJBQVksR0FBVyxPQUFPLENBQUM7UUFDL0IsbUJBQWMsR0FBVyxhQUFhLENBQUM7UUFFaEQ7O1dBRUc7UUFDTSxtQkFBYyxHQUFZLElBQUksQ0FBQztRQUUvQixrQ0FBNkIsR0FBWSxJQUFJLENBQUM7UUFFdkQ7O1dBRUc7UUFDTyxXQUFNLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFekQ7O1dBRUc7UUFDTyxhQUFRLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFM0Q7O1dBRUc7UUFDTyxxQkFBZ0IsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQWNqRSxpQkFBaUI7UUFDakIsOEJBQThCO1FBQzlCLHdFQUF3RTtRQUN4RSxNQUFNO0lBQ1IsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIseUNBQXlDO0lBQzNDLENBQUM7SUFFRDs7T0FFRztJQUNILFdBQVc7UUFDVCxJQUFJLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixNQUFNLGFBQWEsR0FBRyxRQUFRLENBQUMsYUFBYSxDQUMxQyw0QkFBNEIsQ0FDN0IsQ0FBQztZQUNGLElBQUksYUFBYSxFQUFFLENBQUM7Z0JBQ2xCLE1BQU0sZUFBZSxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3ZELGVBQWUsQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztnQkFDakQsZUFBZSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsU0FBUyxDQUFDO2dCQUMzQyxlQUFlLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUM7Z0JBQ3JDLGVBQWUsQ0FBQyxLQUFLLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztnQkFFekMsYUFBYSxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsQ0FBQztZQUM3QyxDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUM7SUFFRDs7O09BR0c7SUFDSCxNQUFNLENBQUMsS0FBWTtRQUNqQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFBSSxDQUFDLEtBQVk7UUFDZixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsZUFBZSxDQUFDLEtBQVk7UUFDMUIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNwQyxDQUFDOzhHQW5KVSxtQkFBbUI7a0dBQW5CLG1CQUFtQixtd0NDdkJoQywycUZBMkZBOzsyRkRwRWEsbUJBQW1CO2tCQU4vQixTQUFTOytCQUNFLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTTtnRkFNdEMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQU1HLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUtHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUtHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFLRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBS0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUtHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFLRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVHLDZCQUE2QjtzQkFBckMsS0FBSztnQkFLSSxNQUFNO3NCQUFmLE1BQU07Z0JBS0csUUFBUTtzQkFBakIsTUFBTTtnQkFLRyxnQkFBZ0I7c0JBQXpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENvbXBvbmVudCxcclxuICBlZmZlY3QsXHJcbiAgRWxlbWVudFJlZixcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBzaWduYWwsXHJcbiAgdmlld0NoaWxkLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbmltcG9ydCB7IEFjdGlvbkl0ZW0gfSBmcm9tICcuLi8uLi9hcGkvY29tcG9uZW50cy90YWJsZS9hY3Rpb24taXRlbSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LXBhZ2UtZm9ybScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LXBhZ2UtZm9ybS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va3YtcGFnZS1mb3JtLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdlBhZ2VGb3JtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICAvKipcclxuICAgKiBDb25maWd1cmHDp8O1ZXMgZG8gZm9ybXVsw6FyaW9cclxuICAgKi9cclxuICBASW5wdXQoKSBmb3JtR3JvdXA6IEZvcm1Hcm91cCA9IG5ldyBGb3JtR3JvdXAoe30pO1xyXG4gIEBJbnB1dCgpIFRpdHVsb0Zvcm06IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xyXG4gIEBJbnB1dCgpIFN1YlRpdHVsb0Zvcm06IHN0cmluZyB8IHVuZGVmaW5lZCA9ICcnO1xyXG4gIEBJbnB1dCgpIGlzU2F2ZUxvYWRpbmchOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIHBvcHVwOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgbG9jYXRpb25Vc2VDb21wb25lbnQ6ICdwYWdlJyB8ICdkaWFsb2cnID0gJ2RpYWxvZyc7XHJcbiAgLy8gQElucHV0KCkgZXhwYW5kTWVudSE6IGJvb2xlYW47XHJcblxyXG4gIC8qKlxyXG4gICAqIEJvdMOjbyBjYW5jZWxhclxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGljb25CdG5DYW5jZWw6IHN0cmluZyA9ICdjbG9zZSc7XHJcbiAgQElucHV0KCkgc2hvd0J0bkNhbmNlbDogYm9vbGVhbiA9IHRydWU7XHJcbiAgQElucHV0KCkgdHh0QnRuQ2FuY2VsOiBzdHJpbmcgPSAnQ2FuY2VsYXInO1xyXG5cclxuICAvKipcclxuICAgKiBCb3TDo28gZGUgY2FuY2VsYXIgY29tIG9ww6fDtWVzXHJcbiAgICovXHJcbiAgQElucHV0KCkgYWN0aW9uc0NhbmNlbFRvb2dsZSE6IEFjdGlvbkl0ZW1bXTtcclxuICBASW5wdXQoKSBpY29uQnRuQ2FuY2VsVG9vZ2xlOiBzdHJpbmcgPSAnY2xvc2UnO1xyXG4gIEBJbnB1dCgpIHNob3dCdG5DYW5jZWxUb29nbGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB0eHRCdG5DYW5jZWxUb29nbGU6IHN0cmluZyA9ICdDYW5jZWxhcic7XHJcblxyXG4gIC8qKlxyXG4gICAqIEJvdMOjbyBzYWx2YXJcclxuICAgKi9cclxuICBASW5wdXQoKSBpY29uQnRuU2F2ZTogc3RyaW5nID0gJ3NhdmUnO1xyXG4gIEBJbnB1dCgpIHNob3dCdG5TYXZlOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSB0eHRCdG5TYXZlOiBzdHJpbmcgPSAnU2FsdmFyJztcclxuICBASW5wdXQoKSBkaXNhYmxlQnRuU2F2ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAvKipcclxuICAgKiBCb3TDo28gZGUgc2FsdmFyIGNvbSBvcMOnw7Vlc1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFjdGlvbnNTYXZlVG9vZ2xlITogQWN0aW9uSXRlbVtdO1xyXG4gIEBJbnB1dCgpIGljb25CdG5TYXZlVG9vZ2xlOiBzdHJpbmcgPSAncGkgcGktY2hldnJvbi1kb3duJztcclxuICBASW5wdXQoKSBzaG93QnRuU2F2ZVRvb2dsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHR4dEJ0blNhdmVUb29nbGU6IHN0cmluZyA9ICdBw6fDtWVzJztcclxuXHJcbiAgLyoqXHJcbiAgICogQm90w6NvIGdlbsOpcmljbyAnU2VjdW5kYXJ5J1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGljb25CdG5TZWN1bmRhcnkhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc2hvd0J0blNlY3VuZGFyeTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHR4dEJ0blNlY3VuZGFyeSE6IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogQGRlcHJlY2F0ZWQgRXNzYSBuw6NvIMOpIG1haXMgdXRpbGl6YWRvLCBmYXZvciB1dGlsaXphciBhIHByb3ByaWVkYWRlIHNldmVyaXR5QnRuU2VjdW5kYXJ5XHJcbiAgICovXHJcbiAgQElucHV0KCkgY29sb3JCdG5TZWN1bmRhcnk6IHN0cmluZyA9ICcnO1xyXG5cclxuICAvKipcclxuICAgKiBCb3TDo28gZ2Vuw6lyaWNvIGNvbSBvcMOnw7Vlc1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIGFjdGlvbnNUb29nbGUhOiBBY3Rpb25JdGVtW107XHJcbiAgQElucHV0KCkgaWNvbkJ0blRvb2dsZTogc3RyaW5nID0gJ3BpIHBpLWNoZXZyb24tZG93bic7XHJcbiAgQElucHV0KCkgc2hvd0J0blRvb2dsZTogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHR4dEJ0blRvb2dsZTogc3RyaW5nID0gJ0HDp8O1ZXMnO1xyXG4gIEBJbnB1dCgpIGNsYXNzQnRuVG9vZ2xlOiBzdHJpbmcgPSAnYmctZ2x1ZS01MDAnO1xyXG5cclxuICAvKipcclxuICAgKiBCb3TDo28gZmVjaGFyXHJcbiAgICovXHJcbiAgQElucHV0KCkgZGlzYWJsZUJ0blNhaXI6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICBASW5wdXQoKSBzaG93TWVzc2FnZUNhbXBvc09icmlnYXRvcmlvczogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIC8qKlxyXG4gICAqIFNhbHZhciBkYWRvc1xyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBvblNhdmU6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICAvKipcclxuICAgKiBDYW5jZWxhclxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBvbkNhbmNlbDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIEHDp8OjbyBkbyBib3TDo28gU2VjdW5kYXJ5XHJcbiAgICovXHJcbiAgQE91dHB1dCgpIG9uQ2xpY2tTZWN1bmRhcnk6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBwcml2YXRlIHJlYWRvbmx5IHJlc2l6ZU9ic2VydmVyITogUmVzaXplT2JzZXJ2ZXI7XHJcbiAgLy8gcGFnZUNvbnRhaW5lciA9IHZpZXdDaGlsZDxFbGVtZW50UmVmPigncGFnZUNvbnRhaW5lcicpO1xyXG5cclxuICAvLyBwYWdlQ29udGVudEhlaWdodCA9IHNpZ25hbDxudW1iZXI+KDApO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGZiOiBGb3JtQnVpbGRlcikge1xyXG4gICAgLy8gdGhpcy5yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoZW50cmllcykgPT4ge1xyXG4gICAgLy8gICBlbnRyaWVzLmZvckVhY2goKGVudHJ5KSA9PiB7XHJcbiAgICAvLyAgICAgdGhpcy5zZXRXaWR0aEJhcigpO1xyXG4gICAgLy8gICB9KTtcclxuICAgIC8vIH0pO1xyXG5cclxuICAgIC8vIGVmZmVjdCgoKSA9PiB7XHJcbiAgICAvLyAgIGlmICh0aGlzLnBhZ2VDb250YWluZXIoKSlcclxuICAgIC8vICAgICB0aGlzLnJlc2l6ZU9ic2VydmVyLm9ic2VydmUodGhpcy5wYWdlQ29udGFpbmVyKCk/Lm5hdGl2ZUVsZW1lbnQpO1xyXG4gICAgLy8gfSk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMuYWRkU3ViVGl0bGUoKTtcclxuICAgIC8vIHRoaXMuc2V0UGFnZUZvcm1Db250YWluZXJBdHRyaWJ1dGVzKCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBBZGljaW9uYSBzdWItdMOtdHVsbyDDoCB0ZWxhXHJcbiAgICovXHJcbiAgYWRkU3ViVGl0bGUoKSB7XHJcbiAgICBpZiAodGhpcy5TdWJUaXR1bG9Gb3JtKSB7XHJcbiAgICAgIGNvbnN0IGhlYWRlckVsZW1lbnQgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKFxyXG4gICAgICAgICcucC1kaWFsb2cgLnAtZGlhbG9nLWhlYWRlcidcclxuICAgICAgKTtcclxuICAgICAgaWYgKGhlYWRlckVsZW1lbnQpIHtcclxuICAgICAgICBjb25zdCBzdWJ0aXRsZUVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdzcGFuJyk7XHJcbiAgICAgICAgc3VidGl0bGVFbGVtZW50LnRleHRDb250ZW50ID0gdGhpcy5TdWJUaXR1bG9Gb3JtO1xyXG4gICAgICAgIHN1YnRpdGxlRWxlbWVudC5zdHlsZS5mb250U2l6ZSA9ICcwLjc1cmVtJztcclxuICAgICAgICBzdWJ0aXRsZUVsZW1lbnQuc3R5bGUud2lkdGggPSAnMTAwJSc7XHJcbiAgICAgICAgc3VidGl0bGVFbGVtZW50LnN0eWxlLm1hcmdpbkxlZnQgPSAnMnB4JztcclxuXHJcbiAgICAgICAgaGVhZGVyRWxlbWVudC5hcHBlbmRDaGlsZChzdWJ0aXRsZUVsZW1lbnQpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBEaXNwYXJhIG8gbcOpdG9kbyBkZSBjYW5jZWxhbWVudG8gZGEgdGVsYVxyXG4gICAqIEBwYXJhbSBldmVudCBldmVudG9cclxuICAgKi9cclxuICBjYW5jZWwoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICB0aGlzLm9uQ2FuY2VsLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogRGlzcGFyYSBvIG3DqXRvZG8gZGUgc2FsdmFyIGRhIHRlbGFcclxuICAgKiBAcGFyYW0gZXZlbnQgZXZlbnRvXHJcbiAgICovXHJcbiAgc2F2ZShldmVudDogRXZlbnQpIHtcclxuICAgIHRoaXMub25TYXZlLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgYWN0aW9uU2VjdW5kYXJ5KGV2ZW50OiBFdmVudCkge1xyXG4gICAgdGhpcy5vbkNsaWNrU2VjdW5kYXJ5LmVtaXQoZXZlbnQpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogQWp1c3RhIG8gdGFtYW5obyBkYSB0ZWxhIGNvbnNpZGVyYW5kbyBvIG1lbnUgbGF0ZXJhbFxyXG4gICAqL1xyXG4gIC8vIHNldFBhZ2VGb3JtQ29udGFpbmVyQXR0cmlidXRlcygpIHtcclxuICAvLyAgIGlmICh0aGlzLmxvY2F0aW9uVXNlQ29tcG9uZW50ID09ICdwYWdlJykge1xyXG4gIC8vICAgICB2YXIgZm9ybSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdwYWdlLWZvcm0tY29udGFpbmVyJyk7XHJcblxyXG4gIC8vICAgICBpZiAoZm9ybSkge1xyXG4gIC8vICAgICAgIHZhciB3aWR0aEZ1bGwgPSBmb3JtLmNsaWVudFdpZHRoO1xyXG4gIC8vICAgICAgIHZhciB3aWR0aEFkanVzdGVkO1xyXG5cclxuICAvLyAgICAgICB3aWR0aEFkanVzdGVkID0gd2lkdGhGdWxsIC0gMzMyO1xyXG4gIC8vICAgICB9XHJcbiAgLy8gICB9XHJcbiAgLy8gfVxyXG5cclxuXHJcbiAgLy8gc2V0V2lkdGhCYXIoKSB7XHJcbiAgLy8gICBsZXQgZGl2Q2FyZCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdwYWdlLWZvcm0tY29udGVudCcpO1xyXG5cclxuICAvLyAgIGxldCBkaXZCYXJyYUFjb2VzID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2JhcnJhLWFjb2VzJyk7XHJcblxyXG4gIC8vICAgaWYgKGRpdkNhcmQgJiYgZGl2QmFycmFBY29lcykge1xyXG5cclxuICAvLyAgICAgaWYgKCF0aGlzLnBvcHVwKSB7XHJcbiAgLy8gICAgICAgZGl2QmFycmFBY29lcy5zdHlsZS5ib3R0b20gPSAnMC41cmVtJztcclxuICAvLyAgICAgICBkaXZCYXJyYUFjb2VzLnN0eWxlLm1hcmdpbiA9ICcwIDFyZW0gMCAwJztcclxuICAvLyAgICAgICBkaXZCYXJyYUFjb2VzLnN0eWxlLndpZHRoID0gZGl2Q2FyZC5jbGllbnRXaWR0aCArICdweCc7XHJcbiAgLy8gICAgIH1cclxuXHJcbiAgLy8gICAgIHRoaXMucGFnZUNvbnRlbnRIZWlnaHQuc2V0KGRpdkJhcnJhQWNvZXMuY2xpZW50SGVpZ2h0ICogMC45KTtcclxuICAvLyAgIH1cclxuICAvLyB9XHJcbn1cclxuIiwiPGRpdlxyXG4gIFtmb3JtR3JvdXBdPVwiZm9ybUdyb3VwXCJcclxuICBjbGFzcz1cImgtZnVsbCBmbGV4IGZsZXgtY29sdW1uIG92ZXJmbG93LWhpZGRlbiByZWxhdGl2ZSBwLTAgbS0wXCJcclxuPlxyXG4gIDwhLS0gUmVuZGVyaXphw6fDo28gZG8gZm9ybSAtLT5cclxuICA8ZGl2IGNsYXNzPVwibS0wIHAtMCBoLWZ1bGwgZmxleC0xIG92ZXJmbG93LXktYXV0byBwYWdlLWNvbnRlbnRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuXHJcbiAgPCEtLSBEaXZpZGVyIC0tPlxyXG4gIDwhLS0gPHAtZGl2aWRlciBjbGFzcz1cImNvbC0xMlwiPjwvcC1kaXZpZGVyPiAtLT5cclxuXHJcbiAgPCEtLSBCYXJyYSBkZSBhw6fDtWVzIC0tPlxyXG5cclxuICA8ZGl2XHJcbiAgICBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gbWQ6ZmxleC1yb3cgbWQ6anVzdGlmeS1jb250ZW50LWVuZCBtZDphbGlnbi1pdGVtcy1jZW50ZXIgY29sLTEyIGdhcC0yIGJhcnJhLWFjb2VzIGZsZXgtaW5pdCBib3JkZXItcm91bmQtYm90dG9tLW1kXCJcclxuICAgIGlkPVwiYmFycmEtYWNvZXNcIlxyXG4gID5cclxuICAgIEBpZihzaG93TWVzc2FnZUNhbXBvc09icmlnYXRvcmlvcykge1xyXG4gICAgPHNwYW4gY2xhc3M9XCJ3LWZ1bGwgdGV4dC1zbVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cImZvbnQtYm9sZFwiPio8L3NwYW4+IENhbXBvcyBvYnJpZ2F0w7NyaW9zPC9zcGFuXHJcbiAgICA+XHJcbiAgICB9XHJcbiAgICA8a3YtYnV0dG9uXHJcbiAgICAgICpuZ0lmPVwic2hvd0J0bkNhbmNlbFwiXHJcbiAgICAgIFtsYWJlbF09XCJ0eHRCdG5DYW5jZWxcIlxyXG4gICAgICBbaWNvbl09XCJpY29uQnRuQ2FuY2VsXCJcclxuICAgICAgW2Rpc2FibGVkXT1cImlzU2F2ZUxvYWRpbmdcIlxyXG4gICAgICAob25DbGljayk9XCJjYW5jZWwoJGV2ZW50KVwiXHJcbiAgICAgIGNsYXNzPVwidy1mdWxsIG1kOnctYXV0b1wiXHJcbiAgICAgIHNldmVyaXR5PVwic2Vjb25kYXJ5XCJcclxuICAgICAgdHlwZT1cInRleHRcIlxyXG4gICAgPlxyXG4gICAgPC9rdi1idXR0b24+XHJcblxyXG4gICAgPGt2LWJ1dHRvblxyXG4gICAgICAqbmdJZj1cImFjdGlvbnNDYW5jZWxUb29nbGUgJiYgc2hvd0J0bkNhbmNlbFRvb2dsZVwiXHJcbiAgICAgIFtsYWJlbF09XCJ0eHRCdG5DYW5jZWxUb29nbGVcIlxyXG4gICAgICBjbGFzcz1cInctZnVsbCBtZDp3LWF1dG9cIlxyXG4gICAgICBbc2V2ZXJpdHldPVwiJ3NlY29uZGFyeSdcIlxyXG4gICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgIFtkaXNhYmxlZF09XCJpc1NhdmVMb2FkaW5nXCJcclxuICAgICAgW3BvcHVwXT1cInRydWVcIlxyXG4gICAgICBbaXRlbXNdPVwiYWN0aW9uc0NhbmNlbFRvb2dsZVwiXHJcbiAgICAgIGljb25Qb3NpdGlvbj1cImxlZnRcIlxyXG4gICAgLz5cclxuXHJcbiAgICA8a3YtYnV0dG9uXHJcbiAgICAgICpuZ0lmPVwic2hvd0J0blNlY3VuZGFyeVwiXHJcbiAgICAgIFtsYWJlbF09XCJ0eHRCdG5TZWN1bmRhcnlcIlxyXG4gICAgICBbaWNvbl09XCJpY29uQnRuU2VjdW5kYXJ5XCJcclxuICAgICAgW2Rpc2FibGVkXT1cImlzU2F2ZUxvYWRpbmdcIlxyXG4gICAgICBzZXZlcml0eT1cInRlcnRpYXJ5XCJcclxuICAgICAgKG9uQ2xpY2spPVwiYWN0aW9uU2VjdW5kYXJ5KCRldmVudClcIlxyXG4gICAgICBjbGFzcz1cInctZnVsbCBtZDp3LWF1dG9cIlxyXG4gICAgLz5cclxuXHJcbiAgICA8a3YtYnV0dG9uXHJcbiAgICAgICpuZ0lmPVwiYWN0aW9uc1Rvb2dsZSAmJiBzaG93QnRuVG9vZ2xlXCJcclxuICAgICAgW2xhYmVsXT1cInR4dEJ0blRvb2dsZVwiXHJcbiAgICAgIFtpY29uXT1cImljb25CdG5Ub29nbGVcIlxyXG4gICAgICBjbGFzcz1cInctZnVsbCBtZDp3LWF1dG9cIlxyXG4gICAgICBzZXZlcml0eT1cInRlcnRpYXJ5XCJcclxuICAgICAgW2Rpc2FibGVkXT1cImlzU2F2ZUxvYWRpbmdcIlxyXG4gICAgICBbcG9wdXBdPVwidHJ1ZVwiXHJcbiAgICAgIFtpdGVtc109XCJhY3Rpb25zVG9vZ2xlXCJcclxuICAgIC8+XHJcblxyXG4gICAgPGt2LWJ1dHRvblxyXG4gICAgICAqbmdJZj1cInNob3dCdG5TYXZlXCJcclxuICAgICAgW2xhYmVsXT1cInR4dEJ0blNhdmVcIlxyXG4gICAgICBbaWNvbl09XCJpY29uQnRuU2F2ZVwiXHJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlQnRuU2F2ZVwiXHJcbiAgICAgIFtsb2FkaW5nXT1cImlzU2F2ZUxvYWRpbmdcIlxyXG4gICAgICAob25DbGljayk9XCJzYXZlKCRldmVudClcIlxyXG4gICAgICBzZXZlcml0eT1cInByaW1hcnlcIlxyXG4gICAgICBjbGFzcz1cInctZnVsbCBtZDp3LWF1dG9cIlxyXG4gICAgLz5cclxuXHJcbiAgICA8a3YtYnV0dG9uXHJcbiAgICAgICpuZ0lmPVwiYWN0aW9uc1NhdmVUb29nbGUgJiYgc2hvd0J0blNhdmVUb29nbGVcIlxyXG4gICAgICBbbGFiZWxdPVwidHh0QnRuU2F2ZVRvb2dsZVwiXHJcbiAgICAgIFtpY29uXT1cImljb25CdG5TYXZlVG9vZ2xlXCJcclxuICAgICAgW2xvYWRpbmddPVwiaXNTYXZlTG9hZGluZ1wiXHJcbiAgICAgIGNsYXNzPVwidy1mdWxsIG1kOnctYXV0b1wiXHJcbiAgICAgIFtzZXZlcml0eV09XCIncHJpbWFyeSdcIlxyXG4gICAgICBbcG9wdXBdPVwidHJ1ZVwiXHJcbiAgICAgIFtpdGVtc109XCJhY3Rpb25zU2F2ZVRvb2dsZVwiXHJcbiAgICAvPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19