keevo-components 2.0.246 → 2.0.248

package/esm2022/lib/components/kv-instruction-page/kv-instruction-page.component.mjs

@@ -0,0 +1,29 @@
+import { Component, computed, input } from '@angular/core';
+import { KvButtonModule } from '../kv-button/kv-button.module';
+import { DividerModule } from 'primeng/divider';
+import { KvCardsInstructionComponent } from './components/cards-instruction/kv-cards-instruction.component';
+import { SidebarModule } from 'primeng/sidebar';
+import * as i0 from "@angular/core";
+import * as i1 from "../kv-button/kv-button.component";
+import * as i2 from "primeng/sidebar";
+export class KvInstructionPageComponent {
+    constructor() {
+        this.actions = input([]);
+        this.camposObrigatorios = input(false);
+        this.whiteCard = input(undefined);
+        this.blackCard = input();
+        this.sizeContent = computed(() => {
+            if (!this.whiteCard() && !this.blackCard())
+                return 'w-full';
+            return 'w-8';
+        });
+        this.verIntrucoes = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInstructionPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvInstructionPageComponent, isStandalone: true, selector: "kv-instruction-page", inputs: { actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, camposObrigatorios: { classPropertyName: "camposObrigatorios", publicName: "camposObrigatorios", isSignal: true, isRequired: false, transformFunction: null }, whiteCard: { classPropertyName: "whiteCard", publicName: "whiteCard", isSignal: true, isRequired: false, transformFunction: null }, blackCard: { classPropertyName: "blackCard", publicName: "blackCard", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n  <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n    <div\r\n      class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n        sizeContent()\r\n      }} relative\"\r\n    >\r\n      @if (this.whiteCard() || this.blackCard()) {\r\n        <kv-button\r\n          [severity]=\"'secondary'\"\r\n          [type]=\"'text'\"\r\n          [size]=\"'large'\"\r\n          [icon]=\"'quick_reference'\"\r\n          class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n          (onClick)=\"verIntrucoes = true\"\r\n        >\r\n        </kv-button>\r\n      }\r\n\r\n      <ng-content select=\"[main-content]\"></ng-content>\r\n    </div>\r\n\r\n    <div\r\n      class=\"hidden lg:block w-4 h-full\"\r\n      [class.none]=\"!whiteCard() && !blackCard()\"\r\n    >\r\n      <kv-cards-instruction\r\n        [whiteCard]=\"whiteCard()\"\r\n        [blackCard]=\"blackCard()\"\r\n      >\r\n        <div white-card-content class=\"h-full\">\r\n          <ng-content select=\"[white-card-content]\"></ng-content>\r\n        </div>\r\n        <div black-card-content class=\"h-full\">\r\n          <ng-content select=\"[black-card-content]\"></ng-content>\r\n        </div>\r\n      </kv-cards-instruction>\r\n    </div>\r\n  </div>\r\n\r\n  @if (actions().length > 0) {\r\n    <div\r\n      class=\"flex-initial flex-none flex flex-row justify-content-{{\r\n        camposObrigatorios() ? 'between' : 'end'\r\n      }} align-items-center p-2\"\r\n    >\r\n      @if (camposObrigatorios()) {\r\n        <span class=\"text-xs text-red-500\">* Preenchimento obrigat\u00F3rio</span>\r\n      }\r\n\r\n      <div class=\"flex flex-row justify-content-end gap-2\">\r\n        @for (action of actions().slice().reverse(); track action.index) {\r\n          <kv-button\r\n            [label]=\"action.label || ''\"\r\n            [severity]=\"action.severity || 'tertiary'\"\r\n            [disabled]=\"action.disabled || false\"\r\n            [type]=\"action.type\"\r\n            [size]=\"action.size || 'small'\"\r\n            [icon]=\"action.icon || ''\"\r\n            [iconPosition]=\"action.iconPosition || 'left'\"\r\n            [items]=\"action.items || []\"\r\n            [popup]=\"action.popup || false\"\r\n            [popupIcon]=\"action.popupIcon || false\"\r\n            [fullWidth]=\"action.fullWidth || false\"\r\n            (onClick)=\"action?.command($event)\"\r\n          ></kv-button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<p-sidebar\r\n  [(visible)]=\"verIntrucoes\"\r\n  position=\"right\"\r\n  appendTo=\"body\"\r\n  [showCloseIcon]=\"true\"\r\n  styleClass=\"w-30rem\"\r\n>\r\n  <kv-cards-instruction [whiteCard]=\"whiteCard()\" [blackCard]=\"blackCard()\">\r\n    <div white-card-content>\r\n      <ng-content select=\"[white-card-content]\"></ng-content>\r\n    </div>\r\n    <div black-card-content>\r\n      <ng-content select=\"[black-card-content]\"></ng-content>\r\n    </div>\r\n  </kv-cards-instruction>\r\n</p-sidebar>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: KvButtonModule }, { kind: "component", type: i1.KvButtonComponent, selector: "kv-button", inputs: ["fullWidth", "type", "loading", "severity", "size", "icon", "iconPosition", "label", "disabled", "items", "popup", "popupIcon"], outputs: ["iconChange", "onClick"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: KvCardsInstructionComponent, selector: "kv-cards-instruction", inputs: ["whiteCard", "blackCard"] }, { kind: "ngmodule", type: SidebarModule }, { kind: "component", type: i2.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvInstructionPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kv-instruction-page', standalone: true, imports: [KvButtonModule, DividerModule, KvCardsInstructionComponent, SidebarModule], template: "<div class=\"h-full flex flex-column overflow-hidden\">\r\n  <div class=\"flex-1 min-h-0 flex flex-row p-2 gap-2\">\r\n    <div\r\n      class=\"h-full max-h-full overflow-y-auto w-12 lg:{{\r\n        sizeContent()\r\n      }} relative\"\r\n    >\r\n      @if (this.whiteCard() || this.blackCard()) {\r\n        <kv-button\r\n          [severity]=\"'secondary'\"\r\n          [type]=\"'text'\"\r\n          [size]=\"'large'\"\r\n          [icon]=\"'quick_reference'\"\r\n          class=\"block lg:hidden absolute top-0 right-0 pt-1 pr-1\"\r\n          (onClick)=\"verIntrucoes = true\"\r\n        >\r\n        </kv-button>\r\n      }\r\n\r\n      <ng-content select=\"[main-content]\"></ng-content>\r\n    </div>\r\n\r\n    <div\r\n      class=\"hidden lg:block w-4 h-full\"\r\n      [class.none]=\"!whiteCard() && !blackCard()\"\r\n    >\r\n      <kv-cards-instruction\r\n        [whiteCard]=\"whiteCard()\"\r\n        [blackCard]=\"blackCard()\"\r\n      >\r\n        <div white-card-content class=\"h-full\">\r\n          <ng-content select=\"[white-card-content]\"></ng-content>\r\n        </div>\r\n        <div black-card-content class=\"h-full\">\r\n          <ng-content select=\"[black-card-content]\"></ng-content>\r\n        </div>\r\n      </kv-cards-instruction>\r\n    </div>\r\n  </div>\r\n\r\n  @if (actions().length > 0) {\r\n    <div\r\n      class=\"flex-initial flex-none flex flex-row justify-content-{{\r\n        camposObrigatorios() ? 'between' : 'end'\r\n      }} align-items-center p-2\"\r\n    >\r\n      @if (camposObrigatorios()) {\r\n        <span class=\"text-xs text-red-500\">* Preenchimento obrigat\u00F3rio</span>\r\n      }\r\n\r\n      <div class=\"flex flex-row justify-content-end gap-2\">\r\n        @for (action of actions().slice().reverse(); track action.index) {\r\n          <kv-button\r\n            [label]=\"action.label || ''\"\r\n            [severity]=\"action.severity || 'tertiary'\"\r\n            [disabled]=\"action.disabled || false\"\r\n            [type]=\"action.type\"\r\n            [size]=\"action.size || 'small'\"\r\n            [icon]=\"action.icon || ''\"\r\n            [iconPosition]=\"action.iconPosition || 'left'\"\r\n            [items]=\"action.items || []\"\r\n            [popup]=\"action.popup || false\"\r\n            [popupIcon]=\"action.popupIcon || false\"\r\n            [fullWidth]=\"action.fullWidth || false\"\r\n            (onClick)=\"action?.command($event)\"\r\n          ></kv-button>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n\r\n<p-sidebar\r\n  [(visible)]=\"verIntrucoes\"\r\n  position=\"right\"\r\n  appendTo=\"body\"\r\n  [showCloseIcon]=\"true\"\r\n  styleClass=\"w-30rem\"\r\n>\r\n  <kv-cards-instruction [whiteCard]=\"whiteCard()\" [blackCard]=\"blackCard()\">\r\n    <div white-card-content>\r\n      <ng-content select=\"[white-card-content]\"></ng-content>\r\n    </div>\r\n    <div black-card-content>\r\n      <ng-content select=\"[black-card-content]\"></ng-content>\r\n    </div>\r\n  </kv-cards-instruction>\r\n</p-sidebar>\r\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtaW5zdHJ1Y3Rpb24tcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rZWV2by1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9rdi1pbnN0cnVjdGlvbi1wYWdlL2t2LWluc3RydWN0aW9uLXBhZ2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5zdHJ1Y3Rpb24tcGFnZS9rdi1pbnN0cnVjdGlvbi1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFL0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLCtEQUErRCxDQUFDO0FBQzVHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQVdoRCxNQUFNLE9BQU8sMEJBQTBCO0lBUHZDO1FBU0UsWUFBTyxHQUFHLEtBQUssQ0FBZ0IsRUFBRSxDQUFDLENBQUM7UUFFbkMsdUJBQWtCLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRTNDLGNBQVMsR0FBRyxLQUFLLENBSUYsU0FBUyxDQUFDLENBQUM7UUFHMUIsY0FBUyxHQUFHLEtBQUssRUFJRCxDQUFDO1FBRWpCLGdCQUFXLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtZQUMxQixJQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRTtnQkFDdkMsT0FBTyxRQUFRLENBQUM7WUFFbEIsT0FBTyxLQUFLLENBQUE7UUFDZCxDQUFDLENBQUMsQ0FBQTtRQUVGLGlCQUFZLEdBQUcsS0FBSyxDQUFDO0tBQ3RCOzhHQTNCWSwwQkFBMEI7a0dBQTFCLDBCQUEwQixnb0JDaEJ2QyxtL0ZBd0ZBLHlERDVFWSxjQUFjLHNSQUFFLGFBQWEsK0JBQUUsMkJBQTJCLG9HQUFFLGFBQWE7OzJGQUl4RSwwQkFBMEI7a0JBUHRDLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLGNBQWMsRUFBRSxhQUFhLEVBQUUsMkJBQTJCLEVBQUUsYUFBYSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgS3ZCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi9rdi1idXR0b24va3YtYnV0dG9uLm1vZHVsZSc7XHJcbmltcG9ydCB7IEJ1dHRvbk1vZGVsIH0gZnJvbSAnLi4vLi4vYXBpL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5tb2RlbCc7XHJcbmltcG9ydCB7IERpdmlkZXJNb2R1bGUgfSBmcm9tICdwcmltZW5nL2RpdmlkZXInO1xyXG5pbXBvcnQgeyBLdkNhcmRzSW5zdHJ1Y3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2FyZHMtaW5zdHJ1Y3Rpb24va3YtY2FyZHMtaW5zdHJ1Y3Rpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2lkZWJhck1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvc2lkZWJhcic7XHJcblxyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3YtaW5zdHJ1Y3Rpb24tcGFnZScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbS3ZCdXR0b25Nb2R1bGUsIERpdmlkZXJNb2R1bGUsIEt2Q2FyZHNJbnN0cnVjdGlvbkNvbXBvbmVudCwgU2lkZWJhck1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LWluc3RydWN0aW9uLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1pbnN0cnVjdGlvbi1wYWdlLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZJbnN0cnVjdGlvblBhZ2VDb21wb25lbnQge1xyXG5cclxuICBhY3Rpb25zID0gaW5wdXQ8QnV0dG9uTW9kZWxbXT4oW10pO1xyXG5cclxuICBjYW1wb3NPYnJpZ2F0b3Jpb3MgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XHJcblxyXG4gIHdoaXRlQ2FyZCA9IGlucHV0PHtcclxuICAgIHRpdGxlOiBzdHJpbmc7XHJcbiAgICBpY29uOiBzdHJpbmc7XHJcbiAgICBoZWlnaHQ6IG51bWJlcjtcclxuICB9IHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xyXG5cclxuXHJcbiAgYmxhY2tDYXJkID0gaW5wdXQ8e1xyXG4gICAgdGl0bGU6IHN0cmluZztcclxuICAgIGljb246IHN0cmluZztcclxuICAgIGhlaWdodDogbnVtYmVyO1xyXG4gIH0gfCB1bmRlZmluZWQ+KCk7XHJcblxyXG4gIHNpemVDb250ZW50ID0gY29tcHV0ZWQoKCkgPT4ge1xyXG4gICAgaWYoIXRoaXMud2hpdGVDYXJkKCkgJiYgIXRoaXMuYmxhY2tDYXJkKCkpXHJcbiAgICAgIHJldHVybiAndy1mdWxsJztcclxuXHJcbiAgICByZXR1cm4gJ3ctOCdcclxuICB9KVxyXG5cclxuICB2ZXJJbnRydWNvZXMgPSBmYWxzZTtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaC1mdWxsIGZsZXggZmxleC1jb2x1bW4gb3ZlcmZsb3ctaGlkZGVuXCI+XHJcbiAgPGRpdiBjbGFzcz1cImZsZXgtMSBtaW4taC0wIGZsZXggZmxleC1yb3cgcC0yIGdhcC0yXCI+XHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwiaC1mdWxsIG1heC1oLWZ1bGwgb3ZlcmZsb3cteS1hdXRvIHctMTIgbGc6e3tcclxuICAgICAgICBzaXplQ29udGVudCgpXHJcbiAgICAgIH19IHJlbGF0aXZlXCJcclxuICAgID5cclxuICAgICAgQGlmICh0aGlzLndoaXRlQ2FyZCgpIHx8IHRoaXMuYmxhY2tDYXJkKCkpIHtcclxuICAgICAgICA8a3YtYnV0dG9uXHJcbiAgICAgICAgICBbc2V2ZXJpdHldPVwiJ3NlY29uZGFyeSdcIlxyXG4gICAgICAgICAgW3R5cGVdPVwiJ3RleHQnXCJcclxuICAgICAgICAgIFtzaXplXT1cIidsYXJnZSdcIlxyXG4gICAgICAgICAgW2ljb25dPVwiJ3F1aWNrX3JlZmVyZW5jZSdcIlxyXG4gICAgICAgICAgY2xhc3M9XCJibG9jayBsZzpoaWRkZW4gYWJzb2x1dGUgdG9wLTAgcmlnaHQtMCBwdC0xIHByLTFcIlxyXG4gICAgICAgICAgKG9uQ2xpY2spPVwidmVySW50cnVjb2VzID0gdHJ1ZVwiXHJcbiAgICAgICAgPlxyXG4gICAgICAgIDwva3YtYnV0dG9uPlxyXG4gICAgICB9XHJcblxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbWFpbi1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXZcclxuICAgICAgY2xhc3M9XCJoaWRkZW4gbGc6YmxvY2sgdy00IGgtZnVsbFwiXHJcbiAgICAgIFtjbGFzcy5ub25lXT1cIiF3aGl0ZUNhcmQoKSAmJiAhYmxhY2tDYXJkKClcIlxyXG4gICAgPlxyXG4gICAgICA8a3YtY2FyZHMtaW5zdHJ1Y3Rpb25cclxuICAgICAgICBbd2hpdGVDYXJkXT1cIndoaXRlQ2FyZCgpXCJcclxuICAgICAgICBbYmxhY2tDYXJkXT1cImJsYWNrQ2FyZCgpXCJcclxuICAgICAgPlxyXG4gICAgICAgIDxkaXYgd2hpdGUtY2FyZC1jb250ZW50IGNsYXNzPVwiaC1mdWxsXCI+XHJcbiAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbd2hpdGUtY2FyZC1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGJsYWNrLWNhcmQtY29udGVudCBjbGFzcz1cImgtZnVsbFwiPlxyXG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2JsYWNrLWNhcmQtY29udGVudF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwva3YtY2FyZHMtaW5zdHJ1Y3Rpb24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgQGlmIChhY3Rpb25zKCkubGVuZ3RoID4gMCkge1xyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzcz1cImZsZXgtaW5pdGlhbCBmbGV4LW5vbmUgZmxleCBmbGV4LXJvdyBqdXN0aWZ5LWNvbnRlbnQte3tcclxuICAgICAgICBjYW1wb3NPYnJpZ2F0b3Jpb3MoKSA/ICdiZXR3ZWVuJyA6ICdlbmQnXHJcbiAgICAgIH19IGFsaWduLWl0ZW1zLWNlbnRlciBwLTJcIlxyXG4gICAgPlxyXG4gICAgICBAaWYgKGNhbXBvc09icmlnYXRvcmlvcygpKSB7XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LXhzIHRleHQtcmVkLTUwMFwiPiogUHJlZW5jaGltZW50byBvYnJpZ2F0w7NyaW88L3NwYW4+XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtcm93IGp1c3RpZnktY29udGVudC1lbmQgZ2FwLTJcIj5cclxuICAgICAgICBAZm9yIChhY3Rpb24gb2YgYWN0aW9ucygpLnNsaWNlKCkucmV2ZXJzZSgpOyB0cmFjayBhY3Rpb24uaW5kZXgpIHtcclxuICAgICAgICAgIDxrdi1idXR0b25cclxuICAgICAgICAgICAgW2xhYmVsXT1cImFjdGlvbi5sYWJlbCB8fCAnJ1wiXHJcbiAgICAgICAgICAgIFtzZXZlcml0eV09XCJhY3Rpb24uc2V2ZXJpdHkgfHwgJ3RlcnRpYXJ5J1wiXHJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJhY3Rpb24uZGlzYWJsZWQgfHwgZmFsc2VcIlxyXG4gICAgICAgICAgICBbdHlwZV09XCJhY3Rpb24udHlwZVwiXHJcbiAgICAgICAgICAgIFtzaXplXT1cImFjdGlvbi5zaXplIHx8ICdzbWFsbCdcIlxyXG4gICAgICAgICAgICBbaWNvbl09XCJhY3Rpb24uaWNvbiB8fCAnJ1wiXHJcbiAgICAgICAgICAgIFtpY29uUG9zaXRpb25dPVwiYWN0aW9uLmljb25Qb3NpdGlvbiB8fCAnbGVmdCdcIlxyXG4gICAgICAgICAgICBbaXRlbXNdPVwiYWN0aW9uLml0ZW1zIHx8IFtdXCJcclxuICAgICAgICAgICAgW3BvcHVwXT1cImFjdGlvbi5wb3B1cCB8fCBmYWxzZVwiXHJcbiAgICAgICAgICAgIFtwb3B1cEljb25dPVwiYWN0aW9uLnBvcHVwSWNvbiB8fCBmYWxzZVwiXHJcbiAgICAgICAgICAgIFtmdWxsV2lkdGhdPVwiYWN0aW9uLmZ1bGxXaWR0aCB8fCBmYWxzZVwiXHJcbiAgICAgICAgICAgIChvbkNsaWNrKT1cImFjdGlvbj8uY29tbWFuZCgkZXZlbnQpXCJcclxuICAgICAgICAgID48L2t2LWJ1dHRvbj5cclxuICAgICAgICB9XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG48L2Rpdj5cclxuXHJcbjxwLXNpZGViYXJcclxuICBbKHZpc2libGUpXT1cInZlckludHJ1Y29lc1wiXHJcbiAgcG9zaXRpb249XCJyaWdodFwiXHJcbiAgYXBwZW5kVG89XCJib2R5XCJcclxuICBbc2hvd0Nsb3NlSWNvbl09XCJ0cnVlXCJcclxuICBzdHlsZUNsYXNzPVwidy0zMHJlbVwiXHJcbj5cclxuICA8a3YtY2FyZHMtaW5zdHJ1Y3Rpb24gW3doaXRlQ2FyZF09XCJ3aGl0ZUNhcmQoKVwiIFtibGFja0NhcmRdPVwiYmxhY2tDYXJkKClcIj5cclxuICAgIDxkaXYgd2hpdGUtY2FyZC1jb250ZW50PlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbd2hpdGUtY2FyZC1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBibGFjay1jYXJkLWNvbnRlbnQ+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltibGFjay1jYXJkLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9rdi1jYXJkcy1pbnN0cnVjdGlvbj5cclxuPC9wLXNpZGViYXI+XHJcbiJdfQ==

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

@@ -94,4 +94,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             type: Component,
             args: [{ standalone: true, selector: 'kv-kanban', imports: [CommonModule, DragDropModule, MenuModule, TooltipModule], template: "<div class=\"flex w-full h-full\">\r\n  <div class=\"board-wrapper flex-column lg:flex-row\" cdkDropListGroup>\r\n    \r\n    @for(config of columnConfigs(); track $index) {\r\n\r\n      <div class=\"board-column\" [style.flex]=\"getColumnFlex()\">\r\n        \r\n        <div class=\"column-header\" [style.backgroundColor]=\"config.corTitulo\">\r\n          <span class=\"text-base font-semibold\">{{ config.nome }}</span>\r\n          @if(this.showColumnsCounter()) {\r\n            <span class=\"column-count-badge px-2 py-1\" [style.color]=\"config.corTitulo\">{{ config.contador | number:'2.0' }}</span>\r\n          }\r\n        </div>\r\n\r\n        <div \r\n          class=\"column-content\"\r\n          cdkDropList\r\n          [id]=\"config.id.toString()\"\r\n          [cdkDropListData]=\"getColumnList()(config.id)\"\r\n          (cdkDropListDropped)=\"drop($event)\"\r\n          (scroll)=\"onScroll($event, config.id)\">\r\n\r\n\r\n          @for(item of getColumnList()(config.id); track $index) {\r\n            \r\n            <div class=\"kanban-card\" cdkDrag [cdkDragDisabled]=\"!enableDrag()\">\r\n\r\n              @if(actions().length > 0) {\r\n                <span class=\"material-symbols-outlined card-menu-btn text-xl text-black-alpha-50 hover:surface-200 border-round-lg\" (click)=\"openCardMenu($event, item)\">\r\n                  more_vert\r\n                </span>\r\n              }\r\n              \r\n\r\n              @if (item.status && item.status.length > 0) {\r\n                <div class=\"card-header mt-1 gap-2 overflow-hidden\" \r\n                     [pTooltip]=\"getStatusTooltip(item.status)\" \r\n                     tooltipPosition=\"top\">\r\n                  @for(statusItem of item.status; track $index) {\r\n                    <span class=\"status-tag text-xs border-round-3xl py-1 px-2\" \r\n                          [style.backgroundColor]=\"statusItem.statusColor\"\r\n                          [style.color]=\"statusItem.statusLabelColor\">\r\n                      {{ statusItem.label }}\r\n                    </span>\r\n                  }\r\n                </div>\r\n              }\r\n\r\n              <div class=\"card-body overflow-hidden ml-1\">\r\n                <p class=\"p-0 m-0 text-sm text-black-alpha-70 font-semibold mb-2 pr-4\" pTooltip=\"{{item.titulo}}\" tooltipPosition=\"top\">\r\n                  {{ item.titulo }}\r\n                </p>\r\n                \r\n                <ng-container [ngTemplateOutlet]=\"cardTemplate()\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-container>\r\n              </div>\r\n\r\n              <div *cdkDragPlaceholder class=\"custom-placeholder\"></div>\r\n            </div>\r\n          }\r\n\r\n        </div>\r\n\r\n        <div class=\"column-footer text-xs text-black-alpha-80\">\r\n          Ver {{ getColumnList()(config.id).length }} de {{ config.contador }}\r\n        </div>\r\n\r\n      </div>\r\n\r\n    }\r\n\r\n  </div>\r\n</div>\r\n\r\n<p-menu #sharedMenu [model]=\"currentMenuOptions\" [popup]=\"true\" appendTo=\"body\"></p-menu>", styles: [".board-wrapper{display:flex;flex:1 1 0%;gap:16px;overflow-x:auto;padding:20px;height:100%;min-height:0}.board-column{display:flex;flex-direction:column;background-color:#f0f2f5;border-radius:18px;min-width:280px;overflow:visible;min-height:400px;max-height:600px}@media (min-width: 1024px){.board-column{height:100%;max-height:100%;min-height:0}}.column-header{padding:10px 20px;margin:7px;border-radius:18px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:600;gap:8px}.column-header span:first-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.column-header .column-count-badge{background-color:#ffffffe6;border-radius:12px;font-size:.85rem;font-weight:700;flex-shrink:0}.column-content{flex:1 1 0;overflow-y:auto;overflow-x:visible;padding:12px;min-height:0}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.kanban-card{background:#fff;border-radius:16px;padding:12px;margin-bottom:8px;box-shadow:0 4px 6px #0000001a;cursor:grab;transition:box-shadow .2s;position:relative}.kanban-card:active{cursor:grabbing}.kanban-card:hover{box-shadow:0 4px 8px #0000001a}.kanban-card.cdk-drag-disabled,.kanban-card.cdk-drag-disabled:active{cursor:default}.card-header{display:flex;margin-bottom:8px;flex-wrap:nowrap}.card-header .status-tag{white-space:nowrap;flex-shrink:0}.card-menu-btn{position:absolute;top:12px;right:8px;cursor:pointer;z-index:10;-webkit-user-select:none;user-select:none}.column-footer{padding:10px;text-align:center}.cdk-drag-preview{box-sizing:border-box;border-radius:8px;box-shadow:0 5px 15px #0003;background:#fff}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.column-content.cdk-drop-list-dragging .kanban-card:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .p-menu{scale:.8;z-index:1000!important}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Yta2FuYmFuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWthbmJhbi9rdi1rYW5iYW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Yta2FuYmFuL2t2LWthbmJhbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRyxPQUFPLEVBQWUsY0FBYyxFQUFFLGVBQWUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFRLE1BQU0sY0FBYyxDQUFDO0FBRWhELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7O0FBU2hELE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFTRSxlQUFVLEdBQUcsU0FBUyxDQUFPLFlBQVksQ0FBQyxDQUFDO1FBRTNDLHVCQUFrQixHQUFlLEVBQUUsQ0FBQztRQUVwQyxZQUFPLEdBQUcsS0FBSyxDQUFhLEVBQUUsQ0FBQyxDQUFDO1FBQ2hDLGtCQUFhLEdBQUcsS0FBSyxDQUF1QixFQUFFLENBQUMsQ0FBQztRQUNoRCxnQkFBVyxHQUFHLEtBQUssQ0FBcUIsRUFBRSxDQUFDLENBQUM7UUFDNUMsaUJBQVksR0FBRyxLQUFLLENBQTBCLElBQUksQ0FBQyxDQUFDO1FBQ3BELHVCQUFrQixHQUFHLEtBQUssQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUMxQyxlQUFVLEdBQUcsS0FBSyxDQUFVLElBQUksQ0FBQyxDQUFDO1FBQ2xDLGdCQUFXLEdBQUcsTUFBTSxFQUFPLENBQUM7UUFDNUIsb0JBQWUsR0FBRyxNQUFNLEVBQXdDLENBQUM7UUFDakUsb0JBQWUsR0FBRyxNQUFNLEVBQXdCLENBQUM7UUFDakQsbUJBQWMsR0FBRyxNQUFNLEVBQWMsQ0FBQztRQUV0QyxrQkFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLFFBQWdCLEVBQUUsRUFBRTtZQUNsRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsQ0FBQztZQUNuRSxPQUFPLElBQUksRUFBRSxRQUFRLElBQUksRUFBa0IsQ0FBQztRQUM5QyxDQUFDLENBQUMsQ0FBQztLQWlGSjtJQS9FQyxJQUFJLENBQUMsS0FBZ0M7UUFDbkMsSUFBSSxLQUFLLENBQUMsaUJBQWlCLEtBQUssS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ2hELGVBQWUsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNqRixDQUFDO2FBQU0sQ0FBQztZQUNOLGlCQUFpQixDQUNmLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQzVCLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUNwQixLQUFLLENBQUMsYUFBYSxFQUNuQixLQUFLLENBQUMsWUFBWSxDQUNuQixDQUFDO1FBQ0osQ0FBQztRQUVELE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUUzRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNwQixJQUFJLEVBQUUsU0FBUztZQUNmLFlBQVksRUFBRSxLQUFLLENBQUMsaUJBQWlCLENBQUMsRUFBRTtZQUN4QyxVQUFVLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1NBQy9CLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxhQUFhLENBQUMsVUFBa0IsRUFBRSxJQUFnQjtRQUNoRCxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUV4RCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWlCLEVBQUUsSUFBUztRQUN2QyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUV2RCxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWSxFQUFFLFFBQWdCO1FBQ3JDLE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFxQixDQUFDO1FBQzVDLE1BQU0sU0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNyQixNQUFNLFFBQVEsR0FBRyxPQUFPLENBQUMsWUFBWSxHQUFHLE9BQU8sQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUM7UUFFN0YsSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUNiLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVELG1CQUFtQixDQUFDLFFBQWdCO1FBQ2xDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDO1FBQ2pFLE9BQU8sTUFBTSxFQUFFLFFBQVEsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELGlCQUFpQixDQUFDLElBQWdCO1FBQ2hDLE9BQU8sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDbkMsR0FBRyxNQUFNO1lBQ1QsT0FBTyxFQUFFLENBQUMsS0FBVyxFQUFFLEVBQUU7Z0JBQ3ZCLElBQUksTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDO29CQUNuQixNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUN4QixDQUFDO2dCQUVELElBQUksTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDO29CQUNqQixJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQ3pDLENBQUM7WUFDSCxDQUFDO1NBQ0YsQ0FBQyxDQUFDLENBQUM7SUFDTixDQUFDO0lBRUQsYUFBYTtRQUNYLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxNQUFNLENBQUM7UUFDakQsSUFBSSxZQUFZLEtBQUssQ0FBQztZQUFFLE9BQU8sV0FBVyxDQUFDO1FBRTNDLE9BQU8sb0JBQW9CLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsU0FBUyxZQUFZLEdBQUcsQ0FBQztJQUM3RSxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsTUFBYTtRQUM1QixJQUFJLENBQUMsTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNLEtBQUssQ0FBQztZQUFFLE9BQU8sRUFBRSxDQUFDO1FBQzlDLE9BQU8sTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQzs4R0FuR1UsaUJBQWlCO2tHQUFqQixpQkFBaUIseXFDQ2Y5QixxaEdBeUV5Riw0OURENUQ3RSxZQUFZLDZQQUFFLGNBQWMsd3RDQUFFLFVBQVUsaXFCQUFFLGFBQWE7OzJGQUV0RCxpQkFBaUI7a0JBUDdCLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLFdBQVcsV0FHWixDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBPbkluaXQsIG91dHB1dCwgVGVtcGxhdGVSZWYsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgS2FuYmFuQ29sdW1uLCBLYW5iYW5DYXJkLCBLYW5iYW5BY3Rpb24sIEthbmJhbkNvbHVtbkNvbmZpZywgS2FuYmFuQ29sdW1uTGlzdCB9IGZyb20gJy4va3Yta2FuYmFuLW1vZGVscy5tb2RlbCc7XG5pbXBvcnQgeyBDZGtEcmFnRHJvcCwgRHJhZ0Ryb3BNb2R1bGUsIG1vdmVJdGVtSW5BcnJheSwgdHJhbnNmZXJBcnJheUl0ZW0gfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNZW51TW9kdWxlLCBNZW51IH0gZnJvbSAncHJpbWVuZy9tZW51JztcbmltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAncHJpbWVuZy9hcGknO1xuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvdG9vbHRpcCc7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogJ2t2LWthbmJhbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1rYW5iYW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9rdi1rYW5iYW4uY29tcG9uZW50LnNjc3MnXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRHJhZ0Ryb3BNb2R1bGUsIE1lbnVNb2R1bGUsIFRvb2x0aXBNb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIEt2S2FuYmFuQ29tcG9uZW50IHtcblxuICBzaGFyZWRNZW51ID0gdmlld0NoaWxkPE1lbnU+KCdzaGFyZWRNZW51Jyk7XG5cbiAgY3VycmVudE1lbnVPcHRpb25zOiBNZW51SXRlbVtdID0gW107XG5cbiAgYWN0aW9ucyA9IGlucHV0PE1lbnVJdGVtW10+KFtdKTtcbiAgY29sdW1uQ29uZmlncyA9IGlucHV0PEthbmJhbkNvbHVtbkNvbmZpZ1tdPihbXSk7XG4gIGNvbHVtbkxpc3RzID0gaW5wdXQ8S2FuYmFuQ29sdW1uTGlzdFtdPihbXSk7XG4gIGNhcmRUZW1wbGF0ZSA9IGlucHV0PFRlbXBsYXRlUmVmPGFueT4gfCBudWxsPihudWxsKTtcbiAgc2hvd0NvbHVtbnNDb3VudGVyID0gaW5wdXQ8Ym9vbGVhbj4odHJ1ZSk7XG4gIGVuYWJsZURyYWcgPSBpbnB1dDxib29sZWFuPih0cnVlKTtcbiAgb25DYXJkTW92ZWQgPSBvdXRwdXQ8YW55PigpO1xuICBvbkFjdGlvbkNsaWNrZWQgPSBvdXRwdXQ8eyBhY3Rpb246IHN0cmluZywgY2FyZDogS2FuYmFuQ2FyZCB9PigpO1xuICBvbkxvYWRNb3JlQ2FyZHMgPSBvdXRwdXQ8eyBjb2x1bW5JZDogbnVtYmVyIH0+KCk7XG4gIG9uU2VsZWN0ZWRDYXJkID0gb3V0cHV0PEthbmJhbkNhcmQ+KCk7XG5cbiAgZ2V0Q29sdW1uTGlzdCA9IGNvbXB1dGVkKCgpID0+IChjb2x1bW5JZDogbnVtYmVyKSA9PiB7XG4gICAgY29uc3QgbGlzdCA9IHRoaXMuY29sdW1uTGlzdHMoKS5maW5kKGwgPT4gbC5pZENvbHVuYSA9PT0gY29sdW1uSWQpO1xuICAgIHJldHVybiBsaXN0Py5saXN0YWdlbSB8fCBbXSBhcyBLYW5iYW5DYXJkW107XG4gIH0pO1xuXG4gIGRyb3AoZXZlbnQ6IENka0RyYWdEcm9wPEthbmJhbkNhcmRbXT4pIHtcbiAgICBpZiAoZXZlbnQucHJldmlvdXNDb250YWluZXIgPT09IGV2ZW50LmNvbnRhaW5lcikge1xuICAgICAgbW92ZUl0ZW1JbkFycmF5KGV2ZW50LmNvbnRhaW5lci5kYXRhLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0cmFuc2ZlckFycmF5SXRlbShcbiAgICAgICAgZXZlbnQucHJldmlvdXNDb250YWluZXIuZGF0YSxcbiAgICAgICAgZXZlbnQuY29udGFpbmVyLmRhdGEsXG4gICAgICAgIGV2ZW50LnByZXZpb3VzSW5kZXgsXG4gICAgICAgIGV2ZW50LmN1cnJlbnRJbmRleCxcbiAgICAgICk7XG4gICAgfVxuXG4gICAgY29uc3QgbW92ZWRDYXJkID0gZXZlbnQuY29udGFpbmVyLmRhdGFbZXZlbnQuY3VycmVudEluZGV4XTtcbiAgICBcbiAgICB0aGlzLm9uQ2FyZE1vdmVkLmVtaXQoe1xuICAgICAgaXRlbTogbW92ZWRDYXJkLFxuICAgICAgZnJvbUNvbHVtbklkOiBldmVudC5wcmV2aW91c0NvbnRhaW5lci5pZCxcbiAgICAgIHRvQ29sdW1uSWQ6IGV2ZW50LmNvbnRhaW5lci5pZFxuICAgIH0pO1xuICAgIFxuICAgIHRoaXMub25TZWxlY3RlZENhcmQuZW1pdChtb3ZlZENhcmQpO1xuICB9XG5cbiAgb25BY3Rpb25DbGljayhhY3Rpb25Db2RlOiBzdHJpbmcsIGNhcmQ6IEthbmJhbkNhcmQpIHtcbiAgICB0aGlzLm9uQWN0aW9uQ2xpY2tlZC5lbWl0KHsgYWN0aW9uOiBhY3Rpb25Db2RlLCBjYXJkIH0pO1xuICAgIFxuICAgIHRoaXMub25TZWxlY3RlZENhcmQuZW1pdChjYXJkKTtcbiAgfVxuXG4gIG9wZW5DYXJkTWVudShldmVudDogTW91c2VFdmVudCwgaXRlbTogYW55KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICB0aGlzLmN1cnJlbnRNZW51T3B0aW9ucyA9IHRoaXMuZ2V0QWN0aW9uc0ZvckNhcmQoaXRlbSk7XG5cbiAgICB0aGlzLnNoYXJlZE1lbnUoKT8udG9nZ2xlKGV2ZW50KTtcbiAgfVxuXG4gIG9uU2Nyb2xsKGV2ZW50OiBFdmVudCwgY29sdW1uSWQ6IG51bWJlcikge1xuICAgIGNvbnN0IGVsZW1lbnQgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgY29uc3QgdGhyZXNob2xkID0gNTA7XG4gICAgY29uc3QgYXRCb3R0b20gPSBlbGVtZW50LnNjcm9sbEhlaWdodCAtIGVsZW1lbnQuc2Nyb2xsVG9wIC0gZWxlbWVudC5jbGllbnRIZWlnaHQgPCB0aHJlc2hvbGQ7XG4gICAgXG4gICAgaWYgKGF0Qm90dG9tKSB7XG4gICAgICB0aGlzLm9uTG9hZE1vcmVDYXJkcy5lbWl0KHsgY29sdW1uSWQgfSk7XG4gICAgfVxuICB9XG5cbiAgZ2V0Q29sdW1uVG90YWxJdGVtcyhjb2x1bW5JZDogbnVtYmVyKTogbnVtYmVyIHtcbiAgICBjb25zdCBjb25maWcgPSB0aGlzLmNvbHVtbkNvbmZpZ3MoKS5maW5kKGMgPT4gYy5pZCA9PT0gY29sdW1uSWQpO1xuICAgIHJldHVybiBjb25maWc/LmNvbnRhZG9yIHx8IDA7XG4gIH1cblxuICBnZXRBY3Rpb25zRm9yQ2FyZChjYXJkOiBLYW5iYW5DYXJkKTogTWVudUl0ZW1bXSB7XG4gICAgcmV0dXJuIHRoaXMuYWN0aW9ucygpLm1hcChhY3Rpb24gPT4gKHtcbiAgICAgIC4uLmFjdGlvbixcbiAgICAgIGNvbW1hbmQ6IChldmVudD86IGFueSkgPT4ge1xuICAgICAgICBpZiAoYWN0aW9uLmNvbW1hbmQpIHtcbiAgICAgICAgICBhY3Rpb24uY29tbWFuZChldmVudCk7XG4gICAgICAgIH1cbiAgICAgICAgXG4gICAgICAgIGlmIChhY3Rpb24ubGFiZWwpIHtcbiAgICAgICAgICB0aGlzLm9uQWN0aW9uQ2xpY2soYWN0aW9uLmxhYmVsLCBjYXJkKTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH0pKTtcbiAgfVxuXG4gIGdldENvbHVtbkZsZXgoKTogc3RyaW5nIHtcbiAgICBjb25zdCB0b3RhbENvbHVtbnMgPSB0aGlzLmNvbHVtbkNvbmZpZ3MoKS5sZW5ndGg7XG4gICAgaWYgKHRvdGFsQ29sdW1ucyA9PT0gMCkgcmV0dXJuICcxIDEgMjgwcHgnO1xuICAgIFxuICAgIHJldHVybiBgMSAxIGNhbGMoKDEwMCUgLSAkeyh0b3RhbENvbHVtbnMgLSAxKSAqIDE2fXB4KSAvICR7dG90YWxDb2x1bW5zfSlgO1xuICB9XG5cbiAgZ2V0U3RhdHVzVG9vbHRpcChzdGF0dXM6IGFueVtdKTogc3RyaW5nIHtcbiAgICBpZiAoIXN0YXR1cyB8fCBzdGF0dXMubGVuZ3RoID09PSAwKSByZXR1cm4gJyc7XG4gICAgcmV0dXJuIHN0YXR1cy5tYXAocyA9PiBzLmxhYmVsKS5qb2luKCcsICcpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBoLWZ1bGxcIj5cclxuICA8ZGl2IGNsYXNzPVwiYm9hcmQtd3JhcHBlciBmbGV4LWNvbHVtbiBsZzpmbGV4LXJvd1wiIGNka0Ryb3BMaXN0R3JvdXA+XHJcbiAgICBcclxuICAgIEBmb3IoY29uZmlnIG9mIGNvbHVtbkNvbmZpZ3MoKTsgdHJhY2sgJGluZGV4KSB7XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYm9hcmQtY29sdW1uXCIgW3N0eWxlLmZsZXhdPVwiZ2V0Q29sdW1uRmxleCgpXCI+XHJcbiAgICAgICAgXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbHVtbi1oZWFkZXJcIiBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImNvbmZpZy5jb3JUaXR1bG9cIj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC1iYXNlIGZvbnQtc2VtaWJvbGRcIj57eyBjb25maWcubm9tZSB9fTwvc3Bhbj5cclxuICAgICAgICAgIEBpZih0aGlzLnNob3dDb2x1bW5zQ291bnRlcigpKSB7XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY29sdW1uLWNvdW50LWJhZGdlIHB4LTIgcHktMVwiIFtzdHlsZS5jb2xvcl09XCJjb25maWcuY29yVGl0dWxvXCI+e3sgY29uZmlnLmNvbnRhZG9yIHwgbnVtYmVyOicyLjAnIH19PC9zcGFuPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IFxyXG4gICAgICAgICAgY2xhc3M9XCJjb2x1bW4tY29udGVudFwiXHJcbiAgICAgICAgICBjZGtEcm9wTGlzdFxyXG4gICAgICAgICAgW2lkXT1cImNvbmZpZy5pZC50b1N0cmluZygpXCJcclxuICAgICAgICAgIFtjZGtEcm9wTGlzdERhdGFdPVwiZ2V0Q29sdW1uTGlzdCgpKGNvbmZpZy5pZClcIlxyXG4gICAgICAgICAgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJkcm9wKCRldmVudClcIlxyXG4gICAgICAgICAgKHNjcm9sbCk9XCJvblNjcm9sbCgkZXZlbnQsIGNvbmZpZy5pZClcIj5cclxuXHJcblxyXG4gICAgICAgICAgQGZvcihpdGVtIG9mIGdldENvbHVtbkxpc3QoKShjb25maWcuaWQpOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJrYW5iYW4tY2FyZFwiIGNka0RyYWcgW2Nka0RyYWdEaXNhYmxlZF09XCIhZW5hYmxlRHJhZygpXCI+XHJcblxyXG4gICAgICAgICAgICAgIEBpZihhY3Rpb25zKCkubGVuZ3RoID4gMCkge1xyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkIGNhcmQtbWVudS1idG4gdGV4dC14bCB0ZXh0LWJsYWNrLWFscGhhLTUwIGhvdmVyOnN1cmZhY2UtMjAwIGJvcmRlci1yb3VuZC1sZ1wiIChjbGljayk9XCJvcGVuQ2FyZE1lbnUoJGV2ZW50LCBpdGVtKVwiPlxyXG4gICAgICAgICAgICAgICAgICBtb3JlX3ZlcnRcclxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgXHJcblxyXG4gICAgICAgICAgICAgIEBpZiAoaXRlbS5zdGF0dXMgJiYgaXRlbS5zdGF0dXMubGVuZ3RoID4gMCkge1xyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyIG10LTEgZ2FwLTIgb3ZlcmZsb3ctaGlkZGVuXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgIFtwVG9vbHRpcF09XCJnZXRTdGF0dXNUb29sdGlwKGl0ZW0uc3RhdHVzKVwiIFxyXG4gICAgICAgICAgICAgICAgICAgICB0b29sdGlwUG9zaXRpb249XCJ0b3BcIj5cclxuICAgICAgICAgICAgICAgICAgQGZvcihzdGF0dXNJdGVtIG9mIGl0ZW0uc3RhdHVzOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN0YXR1cy10YWcgdGV4dC14cyBib3JkZXItcm91bmQtM3hsIHB5LTEgcHgtMlwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kQ29sb3JdPVwic3RhdHVzSXRlbS5zdGF0dXNDb2xvclwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cInN0YXR1c0l0ZW0uc3RhdHVzTGFiZWxDb2xvclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAge3sgc3RhdHVzSXRlbS5sYWJlbCB9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1ib2R5IG92ZXJmbG93LWhpZGRlbiBtbC0xXCI+XHJcbiAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInAtMCBtLTAgdGV4dC1zbSB0ZXh0LWJsYWNrLWFscGhhLTcwIGZvbnQtc2VtaWJvbGQgbWItMiBwci00XCIgcFRvb2x0aXA9XCJ7e2l0ZW0udGl0dWxvfX1cIiB0b29sdGlwUG9zaXRpb249XCJ0b3BcIj5cclxuICAgICAgICAgICAgICAgICAge3sgaXRlbS50aXR1bG8gfX1cclxuICAgICAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJjYXJkVGVtcGxhdGUoKVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXRlbSB9XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgIDxkaXYgKmNka0RyYWdQbGFjZWhvbGRlciBjbGFzcz1cImN1c3RvbS1wbGFjZWhvbGRlclwiPjwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2x1bW4tZm9vdGVyIHRleHQteHMgdGV4dC1ibGFjay1hbHBoYS04MFwiPlxyXG4gICAgICAgICAgVmVyIHt7IGdldENvbHVtbkxpc3QoKShjb25maWcuaWQpLmxlbmd0aCB9fSBkZSB7eyBjb25maWcuY29udGFkb3IgfX1cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgIH1cclxuXHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPHAtbWVudSAjc2hhcmVkTWVudSBbbW9kZWxdPVwiY3VycmVudE1lbnVPcHRpb25zXCIgW3BvcHVwXT1cInRydWVcIiBhcHBlbmRUbz1cImJvZHlcIj48L3AtbWVudT4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Yta2FuYmFuLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWthbmJhbi9rdi1rYW5iYW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Yta2FuYmFuL2t2LWthbmJhbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFlLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRyxPQUFPLEVBQWUsY0FBYyxFQUFFLGVBQWUsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFRLE1BQU0sY0FBYyxDQUFDO0FBRWhELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7Ozs7O0FBU2hELE1BQU0sT0FBTyxpQkFBaUI7SUFQOUI7UUFTRSxlQUFVLEdBQUcsU0FBUyxDQUFPLFlBQVksQ0FBQyxDQUFDO1FBRTNDLHVCQUFrQixHQUFlLEVBQUUsQ0FBQztRQUVwQyxZQUFPLEdBQUcsS0FBSyxDQUFhLEVBQUUsQ0FBQyxDQUFDO1FBQ2hDLGtCQUFhLEdBQUcsS0FBSyxDQUF1QixFQUFFLENBQUMsQ0FBQztRQUNoRCxnQkFBVyxHQUFHLEtBQUssQ0FBcUIsRUFBRSxDQUFDLENBQUM7UUFDNUMsaUJBQVksR0FBRyxLQUFLLENBQTBCLElBQUksQ0FBQyxDQUFDO1FBQ3BELHVCQUFrQixHQUFHLEtBQUssQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUMxQyxlQUFVLEdBQUcsS0FBSyxDQUFVLElBQUksQ0FBQyxDQUFDO1FBQ2xDLGdCQUFXLEdBQUcsTUFBTSxFQUFPLENBQUM7UUFDNUIsb0JBQWUsR0FBRyxNQUFNLEVBQXdDLENBQUM7UUFDakUsb0JBQWUsR0FBRyxNQUFNLEVBQXdCLENBQUM7UUFDakQsbUJBQWMsR0FBRyxNQUFNLEVBQWMsQ0FBQztRQUV0QyxrQkFBYSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLFFBQWdCLEVBQUUsRUFBRTtZQUNsRCxNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsS0FBSyxRQUFRLENBQUMsQ0FBQztZQUNuRSxPQUFPLElBQUksRUFBRSxRQUFRLElBQUksRUFBa0IsQ0FBQztRQUM5QyxDQUFDLENBQUMsQ0FBQztLQWlGSjtJQS9FQyxJQUFJLENBQUMsS0FBZ0M7UUFDbkMsSUFBSSxLQUFLLENBQUMsaUJBQWlCLEtBQUssS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ2hELGVBQWUsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsYUFBYSxFQUFFLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUNqRixDQUFDO2FBQU0sQ0FBQztZQUNOLGlCQUFpQixDQUNmLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEVBQzVCLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUNwQixLQUFLLENBQUMsYUFBYSxFQUNuQixLQUFLLENBQUMsWUFBWSxDQUNuQixDQUFDO1FBQ0osQ0FBQztRQUVELE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsQ0FBQztRQUUzRCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQztZQUNwQixJQUFJLEVBQUUsU0FBUztZQUNmLFlBQVksRUFBRSxLQUFLLENBQUMsaUJBQWlCLENBQUMsRUFBRTtZQUN4QyxVQUFVLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1NBQy9CLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxhQUFhLENBQUMsVUFBa0IsRUFBRSxJQUFnQjtRQUNoRCxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQztRQUV4RCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQWlCLEVBQUUsSUFBUztRQUN2QyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFeEIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUV2RCxJQUFJLENBQUMsVUFBVSxFQUFFLEVBQUUsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxRQUFRLENBQUMsS0FBWSxFQUFFLFFBQWdCO1FBQ3JDLE1BQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFxQixDQUFDO1FBQzVDLE1BQU0sU0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNyQixNQUFNLFFBQVEsR0FBRyxPQUFPLENBQUMsWUFBWSxHQUFHLE9BQU8sQ0FBQyxTQUFTLEdBQUcsT0FBTyxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUM7UUFFN0YsSUFBSSxRQUFRLEVBQUUsQ0FBQztZQUNiLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVELG1CQUFtQixDQUFDLFFBQWdCO1FBQ2xDLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDO1FBQ2pFLE9BQU8sTUFBTSxFQUFFLFFBQVEsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVELGlCQUFpQixDQUFDLElBQWdCO1FBQ2hDLE9BQU8sSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDbkMsR0FBRyxNQUFNO1lBQ1QsT0FBTyxFQUFFLENBQUMsS0FBVyxFQUFFLEVBQUU7Z0JBQ3ZCLElBQUksTUFBTSxDQUFDLE9BQU8sRUFBRSxDQUFDO29CQUNuQixNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUN4QixDQUFDO2dCQUVELElBQUksTUFBTSxDQUFDLEtBQUssRUFBRSxDQUFDO29CQUNqQixJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLENBQUM7Z0JBQ3pDLENBQUM7WUFDSCxDQUFDO1NBQ0YsQ0FBQyxDQUFDLENBQUM7SUFDTixDQUFDO0lBRUQsYUFBYTtRQUNYLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQyxNQUFNLENBQUM7UUFDakQsSUFBSSxZQUFZLEtBQUssQ0FBQztZQUFFLE9BQU8sV0FBVyxDQUFDO1FBRTNDLE9BQU8sb0JBQW9CLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsU0FBUyxZQUFZLEdBQUcsQ0FBQztJQUM3RSxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsTUFBYTtRQUM1QixJQUFJLENBQUMsTUFBTSxJQUFJLE1BQU0sQ0FBQyxNQUFNLEtBQUssQ0FBQztZQUFFLE9BQU8sRUFBRSxDQUFDO1FBQzlDLE9BQU8sTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDN0MsQ0FBQzs4R0FuR1UsaUJBQWlCO2tHQUFqQixpQkFBaUIseXFDQ2Y5QixxaEdBeUV5Riw0OURENUQ3RSxZQUFZLDZQQUFFLGNBQWMsd3RDQUFFLFVBQVUsaXFCQUFFLGFBQWE7OzJGQUV0RCxpQkFBaUI7a0JBUDdCLFNBQVM7aUNBQ0ksSUFBSSxZQUNOLFdBQVcsV0FHWixDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsVUFBVSxFQUFFLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBPbkluaXQsIG91dHB1dCwgVGVtcGxhdGVSZWYsIHZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBLYW5iYW5Db2x1bW4sIEthbmJhbkNhcmQsIEthbmJhbkFjdGlvbiwgS2FuYmFuQ29sdW1uQ29uZmlnLCBLYW5iYW5Db2x1bW5MaXN0IH0gZnJvbSAnLi9rdi1rYW5iYW4tbW9kZWxzLm1vZGVsJztcclxuaW1wb3J0IHsgQ2RrRHJhZ0Ryb3AsIERyYWdEcm9wTW9kdWxlLCBtb3ZlSXRlbUluQXJyYXksIHRyYW5zZmVyQXJyYXlJdGVtIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RyYWctZHJvcCc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE1lbnVNb2R1bGUsIE1lbnUgfSBmcm9tICdwcmltZW5nL21lbnUnO1xyXG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcclxuaW1wb3J0IHsgVG9vbHRpcE1vZHVsZSB9IGZyb20gJ3ByaW1lbmcvdG9vbHRpcCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIHNlbGVjdG9yOiAna3Yta2FuYmFuJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3Yta2FuYmFuLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9rdi1rYW5iYW4uY29tcG9uZW50LnNjc3MnXSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBEcmFnRHJvcE1vZHVsZSwgTWVudU1vZHVsZSwgVG9vbHRpcE1vZHVsZV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEt2S2FuYmFuQ29tcG9uZW50IHtcclxuXHJcbiAgc2hhcmVkTWVudSA9IHZpZXdDaGlsZDxNZW51Pignc2hhcmVkTWVudScpO1xyXG5cclxuICBjdXJyZW50TWVudU9wdGlvbnM6IE1lbnVJdGVtW10gPSBbXTtcclxuXHJcbiAgYWN0aW9ucyA9IGlucHV0PE1lbnVJdGVtW10+KFtdKTtcclxuICBjb2x1bW5Db25maWdzID0gaW5wdXQ8S2FuYmFuQ29sdW1uQ29uZmlnW10+KFtdKTtcclxuICBjb2x1bW5MaXN0cyA9IGlucHV0PEthbmJhbkNvbHVtbkxpc3RbXT4oW10pO1xyXG4gIGNhcmRUZW1wbGF0ZSA9IGlucHV0PFRlbXBsYXRlUmVmPGFueT4gfCBudWxsPihudWxsKTtcclxuICBzaG93Q29sdW1uc0NvdW50ZXIgPSBpbnB1dDxib29sZWFuPih0cnVlKTtcclxuICBlbmFibGVEcmFnID0gaW5wdXQ8Ym9vbGVhbj4odHJ1ZSk7XHJcbiAgb25DYXJkTW92ZWQgPSBvdXRwdXQ8YW55PigpO1xyXG4gIG9uQWN0aW9uQ2xpY2tlZCA9IG91dHB1dDx7IGFjdGlvbjogc3RyaW5nLCBjYXJkOiBLYW5iYW5DYXJkIH0+KCk7XHJcbiAgb25Mb2FkTW9yZUNhcmRzID0gb3V0cHV0PHsgY29sdW1uSWQ6IG51bWJlciB9PigpO1xyXG4gIG9uU2VsZWN0ZWRDYXJkID0gb3V0cHV0PEthbmJhbkNhcmQ+KCk7XHJcblxyXG4gIGdldENvbHVtbkxpc3QgPSBjb21wdXRlZCgoKSA9PiAoY29sdW1uSWQ6IG51bWJlcikgPT4ge1xyXG4gICAgY29uc3QgbGlzdCA9IHRoaXMuY29sdW1uTGlzdHMoKS5maW5kKGwgPT4gbC5pZENvbHVuYSA9PT0gY29sdW1uSWQpO1xyXG4gICAgcmV0dXJuIGxpc3Q/Lmxpc3RhZ2VtIHx8IFtdIGFzIEthbmJhbkNhcmRbXTtcclxuICB9KTtcclxuXHJcbiAgZHJvcChldmVudDogQ2RrRHJhZ0Ryb3A8S2FuYmFuQ2FyZFtdPikge1xyXG4gICAgaWYgKGV2ZW50LnByZXZpb3VzQ29udGFpbmVyID09PSBldmVudC5jb250YWluZXIpIHtcclxuICAgICAgbW92ZUl0ZW1JbkFycmF5KGV2ZW50LmNvbnRhaW5lci5kYXRhLCBldmVudC5wcmV2aW91c0luZGV4LCBldmVudC5jdXJyZW50SW5kZXgpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgdHJhbnNmZXJBcnJheUl0ZW0oXHJcbiAgICAgICAgZXZlbnQucHJldmlvdXNDb250YWluZXIuZGF0YSxcclxuICAgICAgICBldmVudC5jb250YWluZXIuZGF0YSxcclxuICAgICAgICBldmVudC5wcmV2aW91c0luZGV4LFxyXG4gICAgICAgIGV2ZW50LmN1cnJlbnRJbmRleCxcclxuICAgICAgKTtcclxuICAgIH1cclxuXHJcbiAgICBjb25zdCBtb3ZlZENhcmQgPSBldmVudC5jb250YWluZXIuZGF0YVtldmVudC5jdXJyZW50SW5kZXhdO1xyXG4gICAgXHJcbiAgICB0aGlzLm9uQ2FyZE1vdmVkLmVtaXQoe1xyXG4gICAgICBpdGVtOiBtb3ZlZENhcmQsXHJcbiAgICAgIGZyb21Db2x1bW5JZDogZXZlbnQucHJldmlvdXNDb250YWluZXIuaWQsXHJcbiAgICAgIHRvQ29sdW1uSWQ6IGV2ZW50LmNvbnRhaW5lci5pZFxyXG4gICAgfSk7XHJcbiAgICBcclxuICAgIHRoaXMub25TZWxlY3RlZENhcmQuZW1pdChtb3ZlZENhcmQpO1xyXG4gIH1cclxuXHJcbiAgb25BY3Rpb25DbGljayhhY3Rpb25Db2RlOiBzdHJpbmcsIGNhcmQ6IEthbmJhbkNhcmQpIHtcclxuICAgIHRoaXMub25BY3Rpb25DbGlja2VkLmVtaXQoeyBhY3Rpb246IGFjdGlvbkNvZGUsIGNhcmQgfSk7XHJcbiAgICBcclxuICAgIHRoaXMub25TZWxlY3RlZENhcmQuZW1pdChjYXJkKTtcclxuICB9XHJcblxyXG4gIG9wZW5DYXJkTWVudShldmVudDogTW91c2VFdmVudCwgaXRlbTogYW55KSB7XHJcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuXHJcbiAgICB0aGlzLmN1cnJlbnRNZW51T3B0aW9ucyA9IHRoaXMuZ2V0QWN0aW9uc0ZvckNhcmQoaXRlbSk7XHJcblxyXG4gICAgdGhpcy5zaGFyZWRNZW51KCk/LnRvZ2dsZShldmVudCk7XHJcbiAgfVxyXG5cclxuICBvblNjcm9sbChldmVudDogRXZlbnQsIGNvbHVtbklkOiBudW1iZXIpIHtcclxuICAgIGNvbnN0IGVsZW1lbnQgPSBldmVudC50YXJnZXQgYXMgSFRNTEVsZW1lbnQ7XHJcbiAgICBjb25zdCB0aHJlc2hvbGQgPSA1MDtcclxuICAgIGNvbnN0IGF0Qm90dG9tID0gZWxlbWVudC5zY3JvbGxIZWlnaHQgLSBlbGVtZW50LnNjcm9sbFRvcCAtIGVsZW1lbnQuY2xpZW50SGVpZ2h0IDwgdGhyZXNob2xkO1xyXG4gICAgXHJcbiAgICBpZiAoYXRCb3R0b20pIHtcclxuICAgICAgdGhpcy5vbkxvYWRNb3JlQ2FyZHMuZW1pdCh7IGNvbHVtbklkIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZ2V0Q29sdW1uVG90YWxJdGVtcyhjb2x1bW5JZDogbnVtYmVyKTogbnVtYmVyIHtcclxuICAgIGNvbnN0IGNvbmZpZyA9IHRoaXMuY29sdW1uQ29uZmlncygpLmZpbmQoYyA9PiBjLmlkID09PSBjb2x1bW5JZCk7XHJcbiAgICByZXR1cm4gY29uZmlnPy5jb250YWRvciB8fCAwO1xyXG4gIH1cclxuXHJcbiAgZ2V0QWN0aW9uc0ZvckNhcmQoY2FyZDogS2FuYmFuQ2FyZCk6IE1lbnVJdGVtW10ge1xyXG4gICAgcmV0dXJuIHRoaXMuYWN0aW9ucygpLm1hcChhY3Rpb24gPT4gKHtcclxuICAgICAgLi4uYWN0aW9uLFxyXG4gICAgICBjb21tYW5kOiAoZXZlbnQ/OiBhbnkpID0+IHtcclxuICAgICAgICBpZiAoYWN0aW9uLmNvbW1hbmQpIHtcclxuICAgICAgICAgIGFjdGlvbi5jb21tYW5kKGV2ZW50KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgXHJcbiAgICAgICAgaWYgKGFjdGlvbi5sYWJlbCkge1xyXG4gICAgICAgICAgdGhpcy5vbkFjdGlvbkNsaWNrKGFjdGlvbi5sYWJlbCwgY2FyZCk7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9KSk7XHJcbiAgfVxyXG5cclxuICBnZXRDb2x1bW5GbGV4KCk6IHN0cmluZyB7XHJcbiAgICBjb25zdCB0b3RhbENvbHVtbnMgPSB0aGlzLmNvbHVtbkNvbmZpZ3MoKS5sZW5ndGg7XHJcbiAgICBpZiAodG90YWxDb2x1bW5zID09PSAwKSByZXR1cm4gJzEgMSAyODBweCc7XHJcbiAgICBcclxuICAgIHJldHVybiBgMSAxIGNhbGMoKDEwMCUgLSAkeyh0b3RhbENvbHVtbnMgLSAxKSAqIDE2fXB4KSAvICR7dG90YWxDb2x1bW5zfSlgO1xyXG4gIH1cclxuXHJcbiAgZ2V0U3RhdHVzVG9vbHRpcChzdGF0dXM6IGFueVtdKTogc3RyaW5nIHtcclxuICAgIGlmICghc3RhdHVzIHx8IHN0YXR1cy5sZW5ndGggPT09IDApIHJldHVybiAnJztcclxuICAgIHJldHVybiBzdGF0dXMubWFwKHMgPT4gcy5sYWJlbCkuam9pbignLCAnKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJmbGV4IHctZnVsbCBoLWZ1bGxcIj5cclxuICA8ZGl2IGNsYXNzPVwiYm9hcmQtd3JhcHBlciBmbGV4LWNvbHVtbiBsZzpmbGV4LXJvd1wiIGNka0Ryb3BMaXN0R3JvdXA+XHJcbiAgICBcclxuICAgIEBmb3IoY29uZmlnIG9mIGNvbHVtbkNvbmZpZ3MoKTsgdHJhY2sgJGluZGV4KSB7XHJcblxyXG4gICAgICA8ZGl2IGNsYXNzPVwiYm9hcmQtY29sdW1uXCIgW3N0eWxlLmZsZXhdPVwiZ2V0Q29sdW1uRmxleCgpXCI+XHJcbiAgICAgICAgXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNvbHVtbi1oZWFkZXJcIiBbc3R5bGUuYmFja2dyb3VuZENvbG9yXT1cImNvbmZpZy5jb3JUaXR1bG9cIj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwidGV4dC1iYXNlIGZvbnQtc2VtaWJvbGRcIj57eyBjb25maWcubm9tZSB9fTwvc3Bhbj5cclxuICAgICAgICAgIEBpZih0aGlzLnNob3dDb2x1bW5zQ291bnRlcigpKSB7XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiY29sdW1uLWNvdW50LWJhZGdlIHB4LTIgcHktMVwiIFtzdHlsZS5jb2xvcl09XCJjb25maWcuY29yVGl0dWxvXCI+e3sgY29uZmlnLmNvbnRhZG9yIHwgbnVtYmVyOicyLjAnIH19PC9zcGFuPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8ZGl2IFxyXG4gICAgICAgICAgY2xhc3M9XCJjb2x1bW4tY29udGVudFwiXHJcbiAgICAgICAgICBjZGtEcm9wTGlzdFxyXG4gICAgICAgICAgW2lkXT1cImNvbmZpZy5pZC50b1N0cmluZygpXCJcclxuICAgICAgICAgIFtjZGtEcm9wTGlzdERhdGFdPVwiZ2V0Q29sdW1uTGlzdCgpKGNvbmZpZy5pZClcIlxyXG4gICAgICAgICAgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJkcm9wKCRldmVudClcIlxyXG4gICAgICAgICAgKHNjcm9sbCk9XCJvblNjcm9sbCgkZXZlbnQsIGNvbmZpZy5pZClcIj5cclxuXHJcblxyXG4gICAgICAgICAgQGZvcihpdGVtIG9mIGdldENvbHVtbkxpc3QoKShjb25maWcuaWQpOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJrYW5iYW4tY2FyZFwiIGNka0RyYWcgW2Nka0RyYWdEaXNhYmxlZF09XCIhZW5hYmxlRHJhZygpXCI+XHJcblxyXG4gICAgICAgICAgICAgIEBpZihhY3Rpb25zKCkubGVuZ3RoID4gMCkge1xyXG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1zeW1ib2xzLW91dGxpbmVkIGNhcmQtbWVudS1idG4gdGV4dC14bCB0ZXh0LWJsYWNrLWFscGhhLTUwIGhvdmVyOnN1cmZhY2UtMjAwIGJvcmRlci1yb3VuZC1sZ1wiIChjbGljayk9XCJvcGVuQ2FyZE1lbnUoJGV2ZW50LCBpdGVtKVwiPlxyXG4gICAgICAgICAgICAgICAgICBtb3JlX3ZlcnRcclxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgXHJcblxyXG4gICAgICAgICAgICAgIEBpZiAoaXRlbS5zdGF0dXMgJiYgaXRlbS5zdGF0dXMubGVuZ3RoID4gMCkge1xyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyIG10LTEgZ2FwLTIgb3ZlcmZsb3ctaGlkZGVuXCIgXHJcbiAgICAgICAgICAgICAgICAgICAgIFtwVG9vbHRpcF09XCJnZXRTdGF0dXNUb29sdGlwKGl0ZW0uc3RhdHVzKVwiIFxyXG4gICAgICAgICAgICAgICAgICAgICB0b29sdGlwUG9zaXRpb249XCJ0b3BcIj5cclxuICAgICAgICAgICAgICAgICAgQGZvcihzdGF0dXNJdGVtIG9mIGl0ZW0uc3RhdHVzOyB0cmFjayAkaW5kZXgpIHtcclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInN0YXR1cy10YWcgdGV4dC14cyBib3JkZXItcm91bmQtM3hsIHB5LTEgcHgtMlwiIFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kQ29sb3JdPVwic3RhdHVzSXRlbS5zdGF0dXNDb2xvclwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cInN0YXR1c0l0ZW0uc3RhdHVzTGFiZWxDb2xvclwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAge3sgc3RhdHVzSXRlbS5sYWJlbCB9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cclxuICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgfVxyXG5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1ib2R5IG92ZXJmbG93LWhpZGRlbiBtbC0xXCI+XHJcbiAgICAgICAgICAgICAgICA8cCBjbGFzcz1cInAtMCBtLTAgdGV4dC1zbSB0ZXh0LWJsYWNrLWFscGhhLTcwIGZvbnQtc2VtaWJvbGQgbWItMiBwci00XCIgcFRvb2x0aXA9XCJ7e2l0ZW0udGl0dWxvfX1cIiB0b29sdGlwUG9zaXRpb249XCJ0b3BcIj5cclxuICAgICAgICAgICAgICAgICAge3sgaXRlbS50aXR1bG8gfX1cclxuICAgICAgICAgICAgICAgIDwvcD5cclxuICAgICAgICAgICAgICAgIFxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJjYXJkVGVtcGxhdGUoKVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXRlbSB9XCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICAgIDxkaXYgKmNka0RyYWdQbGFjZWhvbGRlciBjbGFzcz1cImN1c3RvbS1wbGFjZWhvbGRlclwiPjwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgIH1cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb2x1bW4tZm9vdGVyIHRleHQteHMgdGV4dC1ibGFjay1hbHBoYS04MFwiPlxyXG4gICAgICAgICAgVmVyIHt7IGdldENvbHVtbkxpc3QoKShjb25maWcuaWQpLmxlbmd0aCB9fSBkZSB7eyBjb25maWcuY29udGFkb3IgfX1cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgIH1cclxuXHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPHAtbWVudSAjc2hhcmVkTWVudSBbbW9kZWxdPVwiY3VycmVudE1lbnVPcHRpb25zXCIgW3BvcHVwXT1cInRydWVcIiBhcHBlbmRUbz1cImJvZHlcIj48L3AtbWVudT4iXX0=

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

@@ -371,11 +371,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=\"h-full 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 h-full\"\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 && (menu.idmenupai == 0 || !menu.idmenupai)){\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-parent-{{ $index }}\"\r\n              (mouseenter)=\"exibirMenuChild($event, $index)\"\r\n              (mouseleave)=\"this.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\r\n              <!-- Menus filhos -->\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\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                  <!-- ITEM NORMAL -->\r\n                @if (!temFilhos(item)) {\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\r\n                <!-- ITEM QUE TEM FILHOS (submenu lateral) -->\r\n                @if (temFilhos(item)) {\r\n                  <div\r\n                    class=\"menu-parent relative w-full\"\r\n                    id=\"menu-child-parent-{{ item.idmenu }}\"\r\n                    (mouseenter)=\"exibirSubMenuChild($event, item.idmenu)\"\r\n                    (mouseleave)=\"menuVisivelChild.set(undefined)\"\r\n                  >\r\n                    <div\r\n                      class=\"side-menu-item flex flex-row align-items-center justify-content-between gap-2 text-sm\"\r\n                      style=\"padding-top: 0.35rem; padding-bottom: 0.35rem\"\r\n                    >\r\n                      <span>{{ item.descricaomenu }}</span>\r\n                      <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                    </div>\r\n\r\n                    <div\r\n                      class=\"menu-childs fixed\"\r\n                      id=\"menu-child-sub-{{ item.idmenu }}\"\r\n                      [style.opacity]=\"menuVisivelChild() === item.idmenu ? '1' : '0'\"\r\n                      [style.pointerEvents]=\"\r\n                        menuVisivelChild() === item.idmenu ? '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                          {{ item.descricaomenu }}\r\n                        </p>\r\n                      </div>\r\n                      <p-divider class=\"p-0 m-0\" type=\"solid\"></p-divider>\r\n\r\n                      <div class=\"menu-childs-content p-0 m-0\">\r\n                        @for (filho of returnMenuChild(item.idmenu); track $index) {\r\n                          <div\r\n                            class=\"side-menu-item py-2 px-2 text-sm\"\r\n                            (click)=\"callRoute(filho.link)\"\r\n                          >\r\n                            {{ filho.descricaomenu }}\r\n                          </div>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                }\r\n\r\n              }\r\n\r\n              </div>\r\n\r\n              </div>\r\n\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)=\"this.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-full page-content flex flex-column ml-3 flex-1 overflow-hidden\"\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 mb-2\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" class=\"w-auto\" style=\"height: 40px !important;\" />\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 mb-2\">\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 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;--kv-danger-color: 220, 53, 69;--kv-success-color: 75, 181, 67;--kv-info-color: 58, 170, 208;--kv-warn-color: 241, 90, 36;--kv-contrast-color: 33, 37, 41}::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-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:linear-gradient(to bottom,#f0f2ff,#faf9ff);width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden;padding:1rem}::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);border-radius:.5rem;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{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", "popupIcon"], 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=\"h-full 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 h-full\"\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 && (menu.idmenupai == 0 || !menu.idmenupai)){\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-parent-{{ $index }}\"\r\n              (mouseenter)=\"exibirMenuChild($event, $index)\"\r\n              (mouseleave)=\"this.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\r\n              <!-- Menus filhos -->\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\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                  <!-- ITEM NORMAL -->\r\n                @if (!temFilhos(item)) {\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\r\n                <!-- ITEM QUE TEM FILHOS (submenu lateral) -->\r\n                @if (temFilhos(item)) {\r\n                  <div\r\n                    class=\"menu-parent relative w-full\"\r\n                    id=\"menu-child-parent-{{ item.idmenu }}\"\r\n                    (mouseenter)=\"exibirSubMenuChild($event, item.idmenu)\"\r\n                    (mouseleave)=\"menuVisivelChild.set(undefined)\"\r\n                  >\r\n                    <div\r\n                      class=\"side-menu-item flex flex-row align-items-center justify-content-between gap-2 text-sm\"\r\n                      style=\"padding-top: 0.35rem; padding-bottom: 0.35rem\"\r\n                    >\r\n                      <span>{{ item.descricaomenu }}</span>\r\n                      <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                    </div>\r\n\r\n                    <div\r\n                      class=\"menu-childs fixed\"\r\n                      id=\"menu-child-sub-{{ item.idmenu }}\"\r\n                      [style.opacity]=\"menuVisivelChild() === item.idmenu ? '1' : '0'\"\r\n                      [style.pointerEvents]=\"\r\n                        menuVisivelChild() === item.idmenu ? '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                          {{ item.descricaomenu }}\r\n                        </p>\r\n                      </div>\r\n                      <p-divider class=\"p-0 m-0\" type=\"solid\"></p-divider>\r\n\r\n                      <div class=\"menu-childs-content p-0 m-0\">\r\n                        @for (filho of returnMenuChild(item.idmenu); track $index) {\r\n                          <div\r\n                            class=\"side-menu-item py-2 px-2 text-sm\"\r\n                            (click)=\"callRoute(filho.link)\"\r\n                          >\r\n                            {{ filho.descricaomenu }}\r\n                          </div>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                }\r\n\r\n              }\r\n\r\n              </div>\r\n\r\n              </div>\r\n\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)=\"this.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-full page-content flex flex-column ml-3 flex-1 overflow-hidden\"\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 mb-2\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" class=\"w-auto\" style=\"height: 40px !important;\" />\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 mb-2\">\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 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;--kv-danger-color: 220, 53, 69;--kv-success-color: 75, 181, 67;--kv-info-color: 58, 170, 208;--kv-warn-color: 241, 90, 36;--kv-contrast-color: 33, 37, 41}::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 *::-webkit-scrollbar{width:5px}::ng-deep *::-webkit-scrollbar-thumb{background-color:#00000080}::ng-deep *::-webkit-scrollbar-track{background-color:#dededebf}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::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:linear-gradient(to bottom,#f0f2ff,#faf9ff);width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden;padding:1rem}::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);border-radius:.5rem;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{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%}.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}::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", "popupIcon"], 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=\"h-full 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 h-full\"\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 && (menu.idmenupai == 0 || !menu.idmenupai)){\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-parent-{{ $index }}\"\r\n              (mouseenter)=\"exibirMenuChild($event, $index)\"\r\n              (mouseleave)=\"this.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\r\n              <!-- Menus filhos -->\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\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                  <!-- ITEM NORMAL -->\r\n                @if (!temFilhos(item)) {\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\r\n                <!-- ITEM QUE TEM FILHOS (submenu lateral) -->\r\n                @if (temFilhos(item)) {\r\n                  <div\r\n                    class=\"menu-parent relative w-full\"\r\n                    id=\"menu-child-parent-{{ item.idmenu }}\"\r\n                    (mouseenter)=\"exibirSubMenuChild($event, item.idmenu)\"\r\n                    (mouseleave)=\"menuVisivelChild.set(undefined)\"\r\n                  >\r\n                    <div\r\n                      class=\"side-menu-item flex flex-row align-items-center justify-content-between gap-2 text-sm\"\r\n                      style=\"padding-top: 0.35rem; padding-bottom: 0.35rem\"\r\n                    >\r\n                      <span>{{ item.descricaomenu }}</span>\r\n                      <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                    </div>\r\n\r\n                    <div\r\n                      class=\"menu-childs fixed\"\r\n                      id=\"menu-child-sub-{{ item.idmenu }}\"\r\n                      [style.opacity]=\"menuVisivelChild() === item.idmenu ? '1' : '0'\"\r\n                      [style.pointerEvents]=\"\r\n                        menuVisivelChild() === item.idmenu ? '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                          {{ item.descricaomenu }}\r\n                        </p>\r\n                      </div>\r\n                      <p-divider class=\"p-0 m-0\" type=\"solid\"></p-divider>\r\n\r\n                      <div class=\"menu-childs-content p-0 m-0\">\r\n                        @for (filho of returnMenuChild(item.idmenu); track $index) {\r\n                          <div\r\n                            class=\"side-menu-item py-2 px-2 text-sm\"\r\n                            (click)=\"callRoute(filho.link)\"\r\n                          >\r\n                            {{ filho.descricaomenu }}\r\n                          </div>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                }\r\n\r\n              }\r\n\r\n              </div>\r\n\r\n              </div>\r\n\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)=\"this.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-full page-content flex flex-column ml-3 flex-1 overflow-hidden\"\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 mb-2\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" class=\"w-auto\" style=\"height: 40px !important;\" />\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 mb-2\">\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 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;--kv-danger-color: 220, 53, 69;--kv-success-color: 75, 181, 67;--kv-info-color: 58, 170, 208;--kv-warn-color: 241, 90, 36;--kv-contrast-color: 33, 37, 41}::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-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:linear-gradient(to bottom,#f0f2ff,#faf9ff);width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden;padding:1rem}::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);border-radius:.5rem;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{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=\"h-full 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 h-full\"\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 && (menu.idmenupai == 0 || !menu.idmenupai)){\r\n            <div\r\n              class=\"menu-parent\"\r\n              id=\"menu-parent-{{ $index }}\"\r\n              (mouseenter)=\"exibirMenuChild($event, $index)\"\r\n              (mouseleave)=\"this.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\r\n              <!-- Menus filhos -->\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\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                  <!-- ITEM NORMAL -->\r\n                @if (!temFilhos(item)) {\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\r\n                <!-- ITEM QUE TEM FILHOS (submenu lateral) -->\r\n                @if (temFilhos(item)) {\r\n                  <div\r\n                    class=\"menu-parent relative w-full\"\r\n                    id=\"menu-child-parent-{{ item.idmenu }}\"\r\n                    (mouseenter)=\"exibirSubMenuChild($event, item.idmenu)\"\r\n                    (mouseleave)=\"menuVisivelChild.set(undefined)\"\r\n                  >\r\n                    <div\r\n                      class=\"side-menu-item flex flex-row align-items-center justify-content-between gap-2 text-sm\"\r\n                      style=\"padding-top: 0.35rem; padding-bottom: 0.35rem\"\r\n                    >\r\n                      <span>{{ item.descricaomenu }}</span>\r\n                      <span class=\"material-symbols-outlined\">chevron_right</span>\r\n                    </div>\r\n\r\n                    <div\r\n                      class=\"menu-childs fixed\"\r\n                      id=\"menu-child-sub-{{ item.idmenu }}\"\r\n                      [style.opacity]=\"menuVisivelChild() === item.idmenu ? '1' : '0'\"\r\n                      [style.pointerEvents]=\"\r\n                        menuVisivelChild() === item.idmenu ? '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                          {{ item.descricaomenu }}\r\n                        </p>\r\n                      </div>\r\n                      <p-divider class=\"p-0 m-0\" type=\"solid\"></p-divider>\r\n\r\n                      <div class=\"menu-childs-content p-0 m-0\">\r\n                        @for (filho of returnMenuChild(item.idmenu); track $index) {\r\n                          <div\r\n                            class=\"side-menu-item py-2 px-2 text-sm\"\r\n                            (click)=\"callRoute(filho.link)\"\r\n                          >\r\n                            {{ filho.descricaomenu }}\r\n                          </div>\r\n                        }\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                }\r\n\r\n              }\r\n\r\n              </div>\r\n\r\n              </div>\r\n\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)=\"this.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-full page-content flex flex-column ml-3 flex-1 overflow-hidden\"\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 mb-2\"\r\n    >\r\n      @if(!showMenu) {\r\n      <!-- Logo home -->\r\n      <div>\r\n        <img [src]=\"logoMenuExpand\" class=\"w-auto\" style=\"height: 40px !important;\" />\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 mb-2\">\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 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;--kv-danger-color: 220, 53, 69;--kv-success-color: 75, 181, 67;--kv-info-color: 58, 170, 208;--kv-warn-color: 241, 90, 36;--kv-contrast-color: 33, 37, 41}::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 *::-webkit-scrollbar{width:5px}::ng-deep *::-webkit-scrollbar-thumb{background-color:#00000080}::ng-deep *::-webkit-scrollbar-track{background-color:#dededebf}::ng-deep .p-dialog-content{overflow-x:hidden}::ng-deep .p-dialog-footer{display:flex;justify-content:flex-end;padding:10px;gap:10px}::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:linear-gradient(to bottom,#f0f2ff,#faf9ff);width:100vw;height:100vh;overflow-x:hidden;overflow-y:hidden;padding:1rem}::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);border-radius:.5rem;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{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%}.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}::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: [{