keevo-components 1.8.530 → 1.8.532

package/esm2022/lib/components/kv-workspace/empresa/kv-workspace-empresa.component.mjs

@@ -13,11 +13,11 @@ export class WorkspaceEmpresaComponent {
         this.onEmpresaSelecionada.emit(this.empresaSelecionada);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceEmpresaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: { empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas" }, outputs: { onEmpresaSelecionada: "onEmpresaSelecionada", onPaginate: "onPaginate" }, ngImport: i0, template: "<div class=\"flex flex-column px-2 overflow-y-auto max-h-24rem cards-container gap-1\">\r\n\r\n  @for(empresa of empresas; track $index) {\r\n  <div\r\n    class=\"grid formgrid flex-row flex-nowrap p-fluid gap-2 p-0 m-0 align-items-center h-4rem option-box px-1\"\r\n  >\r\n    <span class=\"p-0 col-3 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.cpfcnpj\r\n    }}</span>\r\n    <span class=\"p-0 col-8 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.razaosocial\r\n    }}</span>\r\n\r\n    <div class=\"p-0 col flex justify-content-end\">\r\n      <div class=\" icon-box\">\r\n        <kv-icon\r\n          [size]=\"'small'\"\r\n          [name]=\"'arrow_forward_ios'\"\r\n          (onClick)=\"selecionarEmpresa(empresa)\"\r\n        ></kv-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".text-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-box{border-bottom:solid 1px #eeeeee;border-radius:.5rem;transition:all .2s}.option-box:hover{cursor:pointer;background-color:rgba(var(--kv-color-system),.05)}.option-box:active{background-color:rgba(var(--kv-color-system),.25)}.icon-box{border:1px solid rgba(var(--kv-color-system),.1);border-radius:.5rem;padding:.25rem}.icon-box:hover{cursor:pointer;opacity:.8}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ kind: "component", type: i1.KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: { empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas" }, outputs: { onEmpresaSelecionada: "onEmpresaSelecionada", onPaginate: "onPaginate" }, ngImport: i0, template: "<div class=\"flex flex-column px-2 overflow-y-auto max-h-24rem cards-container gap-1\">\r\n\r\n  @for(empresa of empresas; track $index) {\r\n  <div\r\n    class=\"grid formgrid flex-row flex-nowrap p-fluid gap-2 p-0 m-0 align-items-center option-box px-1\"\r\n    (onClick)=\"selecionarEmpresa(empresa)\"\r\n  >\r\n    <span class=\"p-0 col-3 my-2 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.cpfcnpj\r\n    }}</span>\r\n    <span class=\"p-0 col-8 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.razaosocial\r\n    }}</span>\r\n\r\n    <div class=\"p-0 col flex justify-content-end\">\r\n      <div class=\" icon-box\">\r\n        <kv-icon\r\n          [size]=\"'small'\"\r\n          [name]=\"'arrow_forward_ios'\"\r\n        ></kv-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".text-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-box{border-bottom:solid 1px #eeeeee;transition:all .2s}.option-box:hover{cursor:pointer;background-color:rgba(var(--kv-color-system),.05)}.option-box:active{background-color:rgba(var(--kv-color-system),.125)}.icon-box{border:1px solid rgba(var(--kv-color-system),.1);border-radius:.5rem;padding:.25rem}.icon-box:hover{cursor:pointer;opacity:.8}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ kind: "component", type: i1.KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceEmpresaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace-empresa', template: "<div class=\"flex flex-column px-2 overflow-y-auto max-h-24rem cards-container gap-1\">\r\n\r\n  @for(empresa of empresas; track $index) {\r\n  <div\r\n    class=\"grid formgrid flex-row flex-nowrap p-fluid gap-2 p-0 m-0 align-items-center h-4rem option-box px-1\"\r\n  >\r\n    <span class=\"p-0 col-3 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.cpfcnpj\r\n    }}</span>\r\n    <span class=\"p-0 col-8 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.razaosocial\r\n    }}</span>\r\n\r\n    <div class=\"p-0 col flex justify-content-end\">\r\n      <div class=\" icon-box\">\r\n        <kv-icon\r\n          [size]=\"'small'\"\r\n          [name]=\"'arrow_forward_ios'\"\r\n          (onClick)=\"selecionarEmpresa(empresa)\"\r\n        ></kv-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".text-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-box{border-bottom:solid 1px #eeeeee;border-radius:.5rem;transition:all .2s}.option-box:hover{cursor:pointer;background-color:rgba(var(--kv-color-system),.05)}.option-box:active{background-color:rgba(var(--kv-color-system),.25)}.icon-box{border:1px solid rgba(var(--kv-color-system),.1);border-radius:.5rem;padding:.25rem}.icon-box:hover{cursor:pointer;opacity:.8}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
+            args: [{ selector: 'kv-workspace-empresa', template: "<div class=\"flex flex-column px-2 overflow-y-auto max-h-24rem cards-container gap-1\">\r\n\r\n  @for(empresa of empresas; track $index) {\r\n  <div\r\n    class=\"grid formgrid flex-row flex-nowrap p-fluid gap-2 p-0 m-0 align-items-center option-box px-1\"\r\n    (onClick)=\"selecionarEmpresa(empresa)\"\r\n  >\r\n    <span class=\"p-0 col-3 my-2 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.cpfcnpj\r\n    }}</span>\r\n    <span class=\"p-0 col-8 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.razaosocial\r\n    }}</span>\r\n\r\n    <div class=\"p-0 col flex justify-content-end\">\r\n      <div class=\" icon-box\">\r\n        <kv-icon\r\n          [size]=\"'small'\"\r\n          [name]=\"'arrow_forward_ios'\"\r\n        ></kv-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".text-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-box{border-bottom:solid 1px #eeeeee;transition:all .2s}.option-box:hover{cursor:pointer;background-color:rgba(var(--kv-color-system),.05)}.option-box:active{background-color:rgba(var(--kv-color-system),.125)}.icon-box{border:1px solid rgba(var(--kv-color-system),.1);border-radius:.5rem;padding:.25rem}.icon-box:hover{cursor:pointer;opacity:.8}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { empresas: [{
                 type: Input
             }], empresaSelecionada: [{
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             }], onPaginate: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytd29ya3NwYWNlL2VtcHJlc2Eva3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytd29ya3NwYWNlL2VtcHJlc2Eva3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZCLE1BQU0sT0FBTyx5QkFBeUI7SUFTcEM7UUFQUyxhQUFRLEdBQVUsRUFBRSxDQUFDO1FBRXJCLGtCQUFhLEdBQVcsQ0FBQyxDQUFDO1FBRXpCLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDL0MsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFL0IsQ0FBQztJQUVqQixpQkFBaUIsQ0FBQyxPQUFZO1FBQzVCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUMxRCxDQUFDOzhHQWRVLHlCQUF5QjtrR0FBekIseUJBQXlCLDZQQ2J0QyxrMEJBeUJBOzsyRkRaYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usc0JBQXNCO3dEQU12QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVJLG9CQUFvQjtzQkFBN0IsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3Ytd29ya3NwYWNlLWVtcHJlc2EnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi13b3Jrc3BhY2UtZW1wcmVzYS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LnNjc3MnLCAnLi4vd29ya3NwYWNlL2t2LXdvcmtzcGFjZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXb3Jrc3BhY2VFbXByZXNhQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgZW1wcmVzYXM6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgZW1wcmVzYVNlbGVjaW9uYWRhITogYW55O1xyXG4gIEBJbnB1dCgpIHRvdGFsRW1wcmVzYXM6IG51bWJlciA9IDA7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkVtcHJlc2FTZWxlY2lvbmFkYSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvblBhZ2luYXRlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIHNlbGVjaW9uYXJFbXByZXNhKGVtcHJlc2E6IGFueSkge1xyXG4gICAgdGhpcy5lbXByZXNhU2VsZWNpb25hZGEgPSBlbXByZXNhO1xyXG4gICAgdGhpcy5vbkVtcHJlc2FTZWxlY2lvbmFkYS5lbWl0KHRoaXMuZW1wcmVzYVNlbGVjaW9uYWRhKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gcHgtMiBvdmVyZmxvdy15LWF1dG8gbWF4LWgtMjRyZW0gY2FyZHMtY29udGFpbmVyIGdhcC0xXCI+XHJcblxyXG4gIEBmb3IoZW1wcmVzYSBvZiBlbXByZXNhczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJncmlkIGZvcm1ncmlkIGZsZXgtcm93IGZsZXgtbm93cmFwIHAtZmx1aWQgZ2FwLTIgcC0wIG0tMCBhbGlnbi1pdGVtcy1jZW50ZXIgaC00cmVtIG9wdGlvbi1ib3ggcHgtMVwiXHJcbiAgPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJwLTAgY29sLTMgdGV4dC14cyB0ZXh0LXRydW5jYXRlIHRleHQtbm8td3JhcFwiPnt7XHJcbiAgICAgIGVtcHJlc2EuY3BmY25walxyXG4gICAgfX08L3NwYW4+XHJcbiAgICA8c3BhbiBjbGFzcz1cInAtMCBjb2wtOCB0ZXh0LXhzIHRleHQtdHJ1bmNhdGUgdGV4dC1uby13cmFwXCI+e3tcclxuICAgICAgZW1wcmVzYS5yYXphb3NvY2lhbFxyXG4gICAgfX08L3NwYW4+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInAtMCBjb2wgZmxleCBqdXN0aWZ5LWNvbnRlbnQtZW5kXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCIgaWNvbi1ib3hcIj5cclxuICAgICAgICA8a3YtaWNvblxyXG4gICAgICAgICAgW3NpemVdPVwiJ3NtYWxsJ1wiXHJcbiAgICAgICAgICBbbmFtZV09XCInYXJyb3dfZm9yd2FyZF9pb3MnXCJcclxuICAgICAgICAgIChvbkNsaWNrKT1cInNlbGVjaW9uYXJFbXByZXNhKGVtcHJlc2EpXCJcclxuICAgICAgICA+PC9rdi1pY29uPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIH1cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytd29ya3NwYWNlL2VtcHJlc2Eva3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3Ytd29ya3NwYWNlL2VtcHJlc2Eva3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQzs7O0FBT3ZCLE1BQU0sT0FBTyx5QkFBeUI7SUFTcEM7UUFQUyxhQUFRLEdBQVUsRUFBRSxDQUFDO1FBRXJCLGtCQUFhLEdBQVcsQ0FBQyxDQUFDO1FBRXpCLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDL0MsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFL0IsQ0FBQztJQUVqQixpQkFBaUIsQ0FBQyxPQUFZO1FBQzVCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxPQUFPLENBQUM7UUFDbEMsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUMxRCxDQUFDOzhHQWRVLHlCQUF5QjtrR0FBekIseUJBQXlCLDZQQ2J0QywwekJBeUJBOzsyRkRaYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usc0JBQXNCO3dEQU12QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVJLG9CQUFvQjtzQkFBN0IsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBPdXRwdXRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3Ytd29ya3NwYWNlLWVtcHJlc2EnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi13b3Jrc3BhY2UtZW1wcmVzYS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4va3Ytd29ya3NwYWNlLWVtcHJlc2EuY29tcG9uZW50LnNjc3MnLCAnLi4vd29ya3NwYWNlL2t2LXdvcmtzcGFjZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBXb3Jrc3BhY2VFbXByZXNhQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgZW1wcmVzYXM6IGFueVtdID0gW107XHJcbiAgQElucHV0KCkgZW1wcmVzYVNlbGVjaW9uYWRhITogYW55O1xyXG4gIEBJbnB1dCgpIHRvdGFsRW1wcmVzYXM6IG51bWJlciA9IDA7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkVtcHJlc2FTZWxlY2lvbmFkYSA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIEBPdXRwdXQoKSBvblBhZ2luYXRlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIHNlbGVjaW9uYXJFbXByZXNhKGVtcHJlc2E6IGFueSkge1xyXG4gICAgdGhpcy5lbXByZXNhU2VsZWNpb25hZGEgPSBlbXByZXNhO1xyXG4gICAgdGhpcy5vbkVtcHJlc2FTZWxlY2lvbmFkYS5lbWl0KHRoaXMuZW1wcmVzYVNlbGVjaW9uYWRhKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gcHgtMiBvdmVyZmxvdy15LWF1dG8gbWF4LWgtMjRyZW0gY2FyZHMtY29udGFpbmVyIGdhcC0xXCI+XHJcblxyXG4gIEBmb3IoZW1wcmVzYSBvZiBlbXByZXNhczsgdHJhY2sgJGluZGV4KSB7XHJcbiAgPGRpdlxyXG4gICAgY2xhc3M9XCJncmlkIGZvcm1ncmlkIGZsZXgtcm93IGZsZXgtbm93cmFwIHAtZmx1aWQgZ2FwLTIgcC0wIG0tMCBhbGlnbi1pdGVtcy1jZW50ZXIgb3B0aW9uLWJveCBweC0xXCJcclxuICAgIChvbkNsaWNrKT1cInNlbGVjaW9uYXJFbXByZXNhKGVtcHJlc2EpXCJcclxuICA+XHJcbiAgICA8c3BhbiBjbGFzcz1cInAtMCBjb2wtMyBteS0yIHRleHQteHMgdGV4dC10cnVuY2F0ZSB0ZXh0LW5vLXdyYXBcIj57e1xyXG4gICAgICBlbXByZXNhLmNwZmNucGpcclxuICAgIH19PC9zcGFuPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJwLTAgY29sLTggdGV4dC14cyB0ZXh0LXRydW5jYXRlIHRleHQtbm8td3JhcFwiPnt7XHJcbiAgICAgIGVtcHJlc2EucmF6YW9zb2NpYWxcclxuICAgIH19PC9zcGFuPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJwLTAgY29sIGZsZXgganVzdGlmeS1jb250ZW50LWVuZFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiIGljb24tYm94XCI+XHJcbiAgICAgICAgPGt2LWljb25cclxuICAgICAgICAgIFtzaXplXT1cIidzbWFsbCdcIlxyXG4gICAgICAgICAgW25hbWVdPVwiJ2Fycm93X2ZvcndhcmRfaW9zJ1wiXHJcbiAgICAgICAgPjwva3YtaWNvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICB9XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/components/kv-workspace/master/kv-workspace-master.component.mjs

@@ -63,11 +63,11 @@ export class WorkspaceMasterComponent {
         this.onMasterSelecionada.emit(this.masterSelecionada);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMasterSelecionada: "onMasterSelecionada" }, ngImport: i0, template: "<div\r\n  class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n    (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n      'overflow-y-auto'\r\n  }} max-h-24rem cards-container\"\r\n>\r\n  @for(master of this.masters; track $index) {\r\n  <div\r\n    class=\"{{\r\n      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n    }} p-0 card-option\"\r\n    (click)=\"selecionarMaster(master)\"\r\n  >\r\n    <div class=\"flex flex-column p-3 gap-1\">\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n        <span class=\"material-symbols-outlined text-md\"> article </span>\r\n        <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n      </div>\r\n\r\n      <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n        transformRazaoSocial()(master.nome)\r\n      }}</span>\r\n\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n        <span class=\"text-xs\">{{\r\n          isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n        }}</span>\r\n        <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  } @if(this.masters.length == 0) {\r\n  <p>{{ emptyText() }}</p>\r\n  }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMasterSelecionada: "onMasterSelecionada" }, ngImport: i0, template: "<div\r\n  class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n    (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n      'overflow-y-auto'\r\n  }} max-h-24rem cards-container\"\r\n>\r\n  @for(master of this.masters; track $index) {\r\n  <div\r\n    class=\"{{\r\n      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n    }} p-0 card-option\"\r\n    (click)=\"selecionarMaster(master)\"\r\n  >\r\n    <div class=\"flex flex-column p-3 gap-1\">\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n        <span class=\"material-symbols-outlined text-md\"> article </span>\r\n        <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n      </div>\r\n\r\n      <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n        transformRazaoSocial()(master.nome)\r\n      }}</span>\r\n\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n        <span class=\"text-xs\">{{\r\n          isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n        }}</span>\r\n        <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  } @if(this.masters.length == 0) {\r\n  <p>{{ emptyText() }}</p>\r\n  }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace-master', template: "<div\r\n  class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n    (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n      'overflow-y-auto'\r\n  }} max-h-24rem cards-container\"\r\n>\r\n  @for(master of this.masters; track $index) {\r\n  <div\r\n    class=\"{{\r\n      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n    }} p-0 card-option\"\r\n    (click)=\"selecionarMaster(master)\"\r\n  >\r\n    <div class=\"flex flex-column p-3 gap-1\">\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n        <span class=\"material-symbols-outlined text-md\"> article </span>\r\n        <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n      </div>\r\n\r\n      <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n        transformRazaoSocial()(master.nome)\r\n      }}</span>\r\n\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n        <span class=\"text-xs\">{{\r\n          isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n        }}</span>\r\n        <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  } @if(this.masters.length == 0) {\r\n  <p>{{ emptyText() }}</p>\r\n  }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
+            args: [{ selector: 'kv-workspace-master', template: "<div\r\n  class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n    (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n      'overflow-y-auto'\r\n  }} max-h-24rem cards-container\"\r\n>\r\n  @for(master of this.masters; track $index) {\r\n  <div\r\n    class=\"{{\r\n      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n    }} p-0 card-option\"\r\n    (click)=\"selecionarMaster(master)\"\r\n  >\r\n    <div class=\"flex flex-column p-3 gap-1\">\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n        <span class=\"material-symbols-outlined text-md\"> article </span>\r\n        <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n      </div>\r\n\r\n      <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n        transformRazaoSocial()(master.nome)\r\n      }}</span>\r\n\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n        <span class=\"text-xs\">{{\r\n          isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n        }}</span>\r\n        <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  } @if(this.masters.length == 0) {\r\n  <p>{{ emptyText() }}</p>\r\n  }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { masters: [{
                 type: Input
             }], masterSelecionada: [{

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

@@ -56,11 +56,11 @@ export class WorkspaceComponent {
         this.onFilter.emit(this.workspaceForm.value.search);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { backgroundImg: { classPropertyName: "backgroundImg", publicName: "backgroundImg", isSignal: false, isRequired: false, transformFunction: null }, somenteMaster: { classPropertyName: "somenteMaster", publicName: "somenteMaster", isSignal: false, isRequired: false, transformFunction: null }, visivel: { classPropertyName: "visivel", publicName: "visivel", isSignal: false, isRequired: false, transformFunction: null }, showBtnVoltar: { classPropertyName: "showBtnVoltar", publicName: "showBtnVoltar", isSignal: false, isRequired: false, transformFunction: null }, empresaSelecionada: { classPropertyName: "empresaSelecionada", publicName: "empresaSelecionada", isSignal: false, isRequired: false, transformFunction: null }, totalEmpresas: { classPropertyName: "totalEmpresas", publicName: "totalEmpresas", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, empresas: { classPropertyName: "empresas", publicName: "empresas", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null }, logoKeevoCenter: { classPropertyName: "logoKeevoCenter", publicName: "logoKeevoCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate", onBtnVoltarClick: "onBtnVoltarClick", onFilter: "onFilter" }, ngImport: i0, template: "@if(visivel) {\r\n<div\r\n  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n  <div\r\n    class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n    [style.max-width.rem]=\"'45'\"\r\n    [style.min-width]=\"minWidthCard()\"\r\n  >\r\n    <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n      <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n      <span class=\"text-sm\">\r\n        Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n        >. Bem vindo (a)! Escolha a\r\n        <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n        que deseja acessar:\r\n      </span>\r\n    </div>\r\n\r\n    <div\r\n      class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n      [formGroup]=\"workspaceForm\"\r\n    >\r\n      <kv-input-text\r\n        placeholder=\"Buscar {{\r\n          !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n        }}\"\r\n        class=\"col-12 m-0 p-0\"\r\n        (onInput)=\"filter()\"\r\n        formControlName=\"search\"\r\n      ></kv-input-text>\r\n    </div>\r\n\r\n    @if(!masterSelecionada){\r\n    <kv-workspace-master\r\n      [masters]=\"masters()\"\r\n      [masterSelecionada]=\"masterSelecionada\"\r\n      (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n    >\r\n    </kv-workspace-master>\r\n    } @if(!somenteMaster && masterSelecionada){\r\n    <kv-workspace-empresa\r\n      [empresas]=\"empresas()\"\r\n      [totalEmpresas]=\"totalEmpresas\"\r\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n      (onPaginate)=\"paginate($event)\"\r\n    >\r\n    </kv-workspace-empresa>\r\n    } @if(showBtnVoltar && masterSelecionada) {\r\n    <div class=\"flex text-left\">\r\n      <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n        <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n        <span class=\"text-xs font-semibold\">Voltar</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: i2.KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }, { kind: "component", type: i3.KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }, { kind: "component", type: i4.WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: i5.WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada", "emptyText"], outputs: ["onMasterSelecionada"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { backgroundImg: { classPropertyName: "backgroundImg", publicName: "backgroundImg", isSignal: false, isRequired: false, transformFunction: null }, somenteMaster: { classPropertyName: "somenteMaster", publicName: "somenteMaster", isSignal: false, isRequired: false, transformFunction: null }, visivel: { classPropertyName: "visivel", publicName: "visivel", isSignal: false, isRequired: false, transformFunction: null }, showBtnVoltar: { classPropertyName: "showBtnVoltar", publicName: "showBtnVoltar", isSignal: false, isRequired: false, transformFunction: null }, empresaSelecionada: { classPropertyName: "empresaSelecionada", publicName: "empresaSelecionada", isSignal: false, isRequired: false, transformFunction: null }, totalEmpresas: { classPropertyName: "totalEmpresas", publicName: "totalEmpresas", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, empresas: { classPropertyName: "empresas", publicName: "empresas", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null }, logoKeevoCenter: { classPropertyName: "logoKeevoCenter", publicName: "logoKeevoCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate", onBtnVoltarClick: "onBtnVoltarClick", onFilter: "onFilter" }, ngImport: i0, template: "@if(visivel) {\r\n<div\r\n  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n  <div\r\n    class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n    [style.max-width.rem]=\"'45'\"\r\n    [style.min-width]=\"minWidthCard()\"\r\n  >\r\n    <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n      <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n      <span class=\"text-sm\">\r\n        Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n        >. Bem vindo (a)! Escolha a\r\n        <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n        que deseja acessar:\r\n      </span>\r\n    </div>\r\n\r\n    <div\r\n      class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n      [formGroup]=\"workspaceForm\"\r\n    >\r\n      <kv-input-text\r\n        placeholder=\"Buscar {{\r\n          !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n        }}\"\r\n        class=\"col-12 m-0 p-0\"\r\n        (onInput)=\"filter()\"\r\n        formControlName=\"search\"\r\n      ></kv-input-text>\r\n    </div>\r\n\r\n    @if(!masterSelecionada){\r\n    <kv-workspace-master\r\n      [masters]=\"masters()\"\r\n      [masterSelecionada]=\"masterSelecionada\"\r\n      (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n    >\r\n    </kv-workspace-master>\r\n    } @if(!somenteMaster && masterSelecionada){\r\n    <kv-workspace-empresa\r\n      [empresas]=\"empresas()\"\r\n      [totalEmpresas]=\"totalEmpresas\"\r\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n      (onPaginate)=\"paginate($event)\"\r\n    >\r\n    </kv-workspace-empresa>\r\n    } @if(showBtnVoltar && masterSelecionada) {\r\n    <div class=\"flex text-left\">\r\n      <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n        <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n        <span class=\"text-xs font-semibold\">Voltar</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: i2.KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }, { kind: "component", type: i3.KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }, { kind: "component", type: i4.WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: i5.WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada", "emptyText"], outputs: ["onMasterSelecionada"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace', template: "@if(visivel) {\r\n<div\r\n  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n  <div\r\n    class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n    [style.max-width.rem]=\"'45'\"\r\n    [style.min-width]=\"minWidthCard()\"\r\n  >\r\n    <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n      <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n      <span class=\"text-sm\">\r\n        Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n        >. Bem vindo (a)! Escolha a\r\n        <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n        que deseja acessar:\r\n      </span>\r\n    </div>\r\n\r\n    <div\r\n      class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n      [formGroup]=\"workspaceForm\"\r\n    >\r\n      <kv-input-text\r\n        placeholder=\"Buscar {{\r\n          !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n        }}\"\r\n        class=\"col-12 m-0 p-0\"\r\n        (onInput)=\"filter()\"\r\n        formControlName=\"search\"\r\n      ></kv-input-text>\r\n    </div>\r\n\r\n    @if(!masterSelecionada){\r\n    <kv-workspace-master\r\n      [masters]=\"masters()\"\r\n      [masterSelecionada]=\"masterSelecionada\"\r\n      (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n    >\r\n    </kv-workspace-master>\r\n    } @if(!somenteMaster && masterSelecionada){\r\n    <kv-workspace-empresa\r\n      [empresas]=\"empresas()\"\r\n      [totalEmpresas]=\"totalEmpresas\"\r\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n      (onPaginate)=\"paginate($event)\"\r\n    >\r\n    </kv-workspace-empresa>\r\n    } @if(showBtnVoltar && masterSelecionada) {\r\n    <div class=\"flex text-left\">\r\n      <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n        <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n        <span class=\"text-xs font-semibold\">Voltar</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
+            args: [{ selector: 'kv-workspace', template: "@if(visivel) {\r\n<div\r\n  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n  <div\r\n    class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n    [style.max-width.rem]=\"'45'\"\r\n    [style.min-width]=\"minWidthCard()\"\r\n  >\r\n    <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n      <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n      <span class=\"text-sm\">\r\n        Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n        >. Bem vindo (a)! Escolha a\r\n        <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n        que deseja acessar:\r\n      </span>\r\n    </div>\r\n\r\n    <div\r\n      class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n      [formGroup]=\"workspaceForm\"\r\n    >\r\n      <kv-input-text\r\n        placeholder=\"Buscar {{\r\n          !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n        }}\"\r\n        class=\"col-12 m-0 p-0\"\r\n        (onInput)=\"filter()\"\r\n        formControlName=\"search\"\r\n      ></kv-input-text>\r\n    </div>\r\n\r\n    @if(!masterSelecionada){\r\n    <kv-workspace-master\r\n      [masters]=\"masters()\"\r\n      [masterSelecionada]=\"masterSelecionada\"\r\n      (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n    >\r\n    </kv-workspace-master>\r\n    } @if(!somenteMaster && masterSelecionada){\r\n    <kv-workspace-empresa\r\n      [empresas]=\"empresas()\"\r\n      [totalEmpresas]=\"totalEmpresas\"\r\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n      (onPaginate)=\"paginate($event)\"\r\n    >\r\n    </kv-workspace-empresa>\r\n    } @if(showBtnVoltar && masterSelecionada) {\r\n    <div class=\"flex text-left\">\r\n      <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n        <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n        <span class=\"text-xs font-semibold\">Voltar</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { backgroundImg: [{
                 type: Input
             }], somenteMaster: [{

package/fesm2022/keevo-components.mjs

@@ -7547,11 +7547,11 @@ class WorkspaceEmpresaComponent {
         this.onEmpresaSelecionada.emit(this.empresaSelecionada);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceEmpresaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: { empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas" }, outputs: { onEmpresaSelecionada: "onEmpresaSelecionada", onPaginate: "onPaginate" }, ngImport: i0, template: "<div class=\"flex flex-column px-2 overflow-y-auto max-h-24rem cards-container gap-1\">\r\n\r\n  @for(empresa of empresas; track $index) {\r\n  <div\r\n    class=\"grid formgrid flex-row flex-nowrap p-fluid gap-2 p-0 m-0 align-items-center h-4rem option-box px-1\"\r\n  >\r\n    <span class=\"p-0 col-3 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.cpfcnpj\r\n    }}</span>\r\n    <span class=\"p-0 col-8 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.razaosocial\r\n    }}</span>\r\n\r\n    <div class=\"p-0 col flex justify-content-end\">\r\n      <div class=\" icon-box\">\r\n        <kv-icon\r\n          [size]=\"'small'\"\r\n          [name]=\"'arrow_forward_ios'\"\r\n          (onClick)=\"selecionarEmpresa(empresa)\"\r\n        ></kv-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".text-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-box{border-bottom:solid 1px #eeeeee;border-radius:.5rem;transition:all .2s}.option-box:hover{cursor:pointer;background-color:rgba(var(--kv-color-system),.05)}.option-box:active{background-color:rgba(var(--kv-color-system),.25)}.icon-box{border:1px solid rgba(var(--kv-color-system),.1);border-radius:.5rem;padding:.25rem}.icon-box:hover{cursor:pointer;opacity:.8}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ kind: "component", type: KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: { empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas" }, outputs: { onEmpresaSelecionada: "onEmpresaSelecionada", onPaginate: "onPaginate" }, ngImport: i0, template: "<div class=\"flex flex-column px-2 overflow-y-auto max-h-24rem cards-container gap-1\">\r\n\r\n  @for(empresa of empresas; track $index) {\r\n  <div\r\n    class=\"grid formgrid flex-row flex-nowrap p-fluid gap-2 p-0 m-0 align-items-center option-box px-1\"\r\n    (onClick)=\"selecionarEmpresa(empresa)\"\r\n  >\r\n    <span class=\"p-0 col-3 my-2 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.cpfcnpj\r\n    }}</span>\r\n    <span class=\"p-0 col-8 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.razaosocial\r\n    }}</span>\r\n\r\n    <div class=\"p-0 col flex justify-content-end\">\r\n      <div class=\" icon-box\">\r\n        <kv-icon\r\n          [size]=\"'small'\"\r\n          [name]=\"'arrow_forward_ios'\"\r\n        ></kv-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".text-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-box{border-bottom:solid 1px #eeeeee;transition:all .2s}.option-box:hover{cursor:pointer;background-color:rgba(var(--kv-color-system),.05)}.option-box:active{background-color:rgba(var(--kv-color-system),.125)}.icon-box{border:1px solid rgba(var(--kv-color-system),.1);border-radius:.5rem;padding:.25rem}.icon-box:hover{cursor:pointer;opacity:.8}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ kind: "component", type: KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceEmpresaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace-empresa', template: "<div class=\"flex flex-column px-2 overflow-y-auto max-h-24rem cards-container gap-1\">\r\n\r\n  @for(empresa of empresas; track $index) {\r\n  <div\r\n    class=\"grid formgrid flex-row flex-nowrap p-fluid gap-2 p-0 m-0 align-items-center h-4rem option-box px-1\"\r\n  >\r\n    <span class=\"p-0 col-3 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.cpfcnpj\r\n    }}</span>\r\n    <span class=\"p-0 col-8 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.razaosocial\r\n    }}</span>\r\n\r\n    <div class=\"p-0 col flex justify-content-end\">\r\n      <div class=\" icon-box\">\r\n        <kv-icon\r\n          [size]=\"'small'\"\r\n          [name]=\"'arrow_forward_ios'\"\r\n          (onClick)=\"selecionarEmpresa(empresa)\"\r\n        ></kv-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".text-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-box{border-bottom:solid 1px #eeeeee;border-radius:.5rem;transition:all .2s}.option-box:hover{cursor:pointer;background-color:rgba(var(--kv-color-system),.05)}.option-box:active{background-color:rgba(var(--kv-color-system),.25)}.icon-box{border:1px solid rgba(var(--kv-color-system),.1);border-radius:.5rem;padding:.25rem}.icon-box:hover{cursor:pointer;opacity:.8}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
+            args: [{ selector: 'kv-workspace-empresa', template: "<div class=\"flex flex-column px-2 overflow-y-auto max-h-24rem cards-container gap-1\">\r\n\r\n  @for(empresa of empresas; track $index) {\r\n  <div\r\n    class=\"grid formgrid flex-row flex-nowrap p-fluid gap-2 p-0 m-0 align-items-center option-box px-1\"\r\n    (onClick)=\"selecionarEmpresa(empresa)\"\r\n  >\r\n    <span class=\"p-0 col-3 my-2 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.cpfcnpj\r\n    }}</span>\r\n    <span class=\"p-0 col-8 text-xs text-truncate text-no-wrap\">{{\r\n      empresa.razaosocial\r\n    }}</span>\r\n\r\n    <div class=\"p-0 col flex justify-content-end\">\r\n      <div class=\" icon-box\">\r\n        <kv-icon\r\n          [size]=\"'small'\"\r\n          [name]=\"'arrow_forward_ios'\"\r\n        ></kv-icon>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  }\r\n</div>\r\n", styles: [".text-no-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.option-box{border-bottom:solid 1px #eeeeee;transition:all .2s}.option-box:hover{cursor:pointer;background-color:rgba(var(--kv-color-system),.05)}.option-box:active{background-color:rgba(var(--kv-color-system),.125)}.icon-box{border:1px solid rgba(var(--kv-color-system),.1);border-radius:.5rem;padding:.25rem}.icon-box:hover{cursor:pointer;opacity:.8}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { empresas: [{
                 type: Input
             }], empresaSelecionada: [{
@@ -7626,11 +7626,11 @@ class WorkspaceMasterComponent {
         this.onMasterSelecionada.emit(this.masterSelecionada);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMasterSelecionada: "onMasterSelecionada" }, ngImport: i0, template: "<div\r\n  class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n    (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n      'overflow-y-auto'\r\n  }} max-h-24rem cards-container\"\r\n>\r\n  @for(master of this.masters; track $index) {\r\n  <div\r\n    class=\"{{\r\n      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n    }} p-0 card-option\"\r\n    (click)=\"selecionarMaster(master)\"\r\n  >\r\n    <div class=\"flex flex-column p-3 gap-1\">\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n        <span class=\"material-symbols-outlined text-md\"> article </span>\r\n        <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n      </div>\r\n\r\n      <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n        transformRazaoSocial()(master.nome)\r\n      }}</span>\r\n\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n        <span class=\"text-xs\">{{\r\n          isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n        }}</span>\r\n        <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  } @if(this.masters.length == 0) {\r\n  <p>{{ emptyText() }}</p>\r\n  }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: { masters: { classPropertyName: "masters", publicName: "masters", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, emptyText: { classPropertyName: "emptyText", publicName: "emptyText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onMasterSelecionada: "onMasterSelecionada" }, ngImport: i0, template: "<div\r\n  class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n    (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n      'overflow-y-auto'\r\n  }} max-h-24rem cards-container\"\r\n>\r\n  @for(master of this.masters; track $index) {\r\n  <div\r\n    class=\"{{\r\n      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n    }} p-0 card-option\"\r\n    (click)=\"selecionarMaster(master)\"\r\n  >\r\n    <div class=\"flex flex-column p-3 gap-1\">\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n        <span class=\"material-symbols-outlined text-md\"> article </span>\r\n        <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n      </div>\r\n\r\n      <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n        transformRazaoSocial()(master.nome)\r\n      }}</span>\r\n\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n        <span class=\"text-xs\">{{\r\n          isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n        }}</span>\r\n        <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  } @if(this.masters.length == 0) {\r\n  <p>{{ emptyText() }}</p>\r\n  }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace-master', template: "<div\r\n  class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n    (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n      'overflow-y-auto'\r\n  }} max-h-24rem cards-container\"\r\n>\r\n  @for(master of this.masters; track $index) {\r\n  <div\r\n    class=\"{{\r\n      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n    }} p-0 card-option\"\r\n    (click)=\"selecionarMaster(master)\"\r\n  >\r\n    <div class=\"flex flex-column p-3 gap-1\">\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n        <span class=\"material-symbols-outlined text-md\"> article </span>\r\n        <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n      </div>\r\n\r\n      <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n        transformRazaoSocial()(master.nome)\r\n      }}</span>\r\n\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n        <span class=\"text-xs\">{{\r\n          isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n        }}</span>\r\n        <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  } @if(this.masters.length == 0) {\r\n  <p>{{ emptyText() }}</p>\r\n  }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
+            args: [{ selector: 'kv-workspace-master', template: "<div\r\n  class=\"grid m-0 border-round-lg gap-2 p-2 {{\r\n    (this.masters.length > 6 || this.widthScreen() < 992) &&\r\n      'overflow-y-auto'\r\n  }} max-h-24rem cards-container\"\r\n>\r\n  @for(master of this.masters; track $index) {\r\n  <div\r\n    class=\"{{\r\n      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'\r\n    }} p-0 card-option\"\r\n    (click)=\"selecionarMaster(master)\"\r\n  >\r\n    <div class=\"flex flex-column p-3 gap-1\">\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold mb-2\">\r\n        <span class=\"material-symbols-outlined text-md\"> article </span>\r\n        <span class=\"text-sm\">{{ master.idmaster }}</span>\r\n      </div>\r\n\r\n      <span style=\"word-break: break-word font-medium\" class=\"text-sm\">{{\r\n        transformRazaoSocial()(master.nome)\r\n      }}</span>\r\n\r\n      <div class=\"flex flex-row align-items-center gap-1 font-semibold\">\r\n        <span class=\"text-xs\">{{\r\n          isEmpresa()(master.cpfcnpj) ? \"CNPJ:\" : \"CPF:\"\r\n        }}</span>\r\n        <span class=\"text-xs\">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  } @if(this.masters.length == 0) {\r\n  <p>{{ emptyText() }}</p>\r\n  }\r\n</div>\r\n", styles: [".card-option{background-color:#fff;border-radius:.5rem;border:1px solid #eaeaea;height:7.5rem;overflow:hidden;transition:all .2s ease-in-out;cursor:pointer}.card-option:hover{border:1px solid #581999;background-color:#d0b3dd4d}.card-option:hover span{color:#581999}.card-option:active{background-color:#d0b3dd99}span{color:#64748b}\n", ":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { masters: [{
                 type: Input
             }], masterSelecionada: [{
@@ -7688,11 +7688,11 @@ class WorkspaceComponent {
         this.onFilter.emit(this.workspaceForm.value.search);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { backgroundImg: { classPropertyName: "backgroundImg", publicName: "backgroundImg", isSignal: false, isRequired: false, transformFunction: null }, somenteMaster: { classPropertyName: "somenteMaster", publicName: "somenteMaster", isSignal: false, isRequired: false, transformFunction: null }, visivel: { classPropertyName: "visivel", publicName: "visivel", isSignal: false, isRequired: false, transformFunction: null }, showBtnVoltar: { classPropertyName: "showBtnVoltar", publicName: "showBtnVoltar", isSignal: false, isRequired: false, transformFunction: null }, empresaSelecionada: { classPropertyName: "empresaSelecionada", publicName: "empresaSelecionada", isSignal: false, isRequired: false, transformFunction: null }, totalEmpresas: { classPropertyName: "totalEmpresas", publicName: "totalEmpresas", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, empresas: { classPropertyName: "empresas", publicName: "empresas", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null }, logoKeevoCenter: { classPropertyName: "logoKeevoCenter", publicName: "logoKeevoCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate", onBtnVoltarClick: "onBtnVoltarClick", onFilter: "onFilter" }, ngImport: i0, template: "@if(visivel) {\r\n<div\r\n  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n  <div\r\n    class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n    [style.max-width.rem]=\"'45'\"\r\n    [style.min-width]=\"minWidthCard()\"\r\n  >\r\n    <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n      <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n      <span class=\"text-sm\">\r\n        Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n        >. Bem vindo (a)! Escolha a\r\n        <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n        que deseja acessar:\r\n      </span>\r\n    </div>\r\n\r\n    <div\r\n      class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n      [formGroup]=\"workspaceForm\"\r\n    >\r\n      <kv-input-text\r\n        placeholder=\"Buscar {{\r\n          !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n        }}\"\r\n        class=\"col-12 m-0 p-0\"\r\n        (onInput)=\"filter()\"\r\n        formControlName=\"search\"\r\n      ></kv-input-text>\r\n    </div>\r\n\r\n    @if(!masterSelecionada){\r\n    <kv-workspace-master\r\n      [masters]=\"masters()\"\r\n      [masterSelecionada]=\"masterSelecionada\"\r\n      (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n    >\r\n    </kv-workspace-master>\r\n    } @if(!somenteMaster && masterSelecionada){\r\n    <kv-workspace-empresa\r\n      [empresas]=\"empresas()\"\r\n      [totalEmpresas]=\"totalEmpresas\"\r\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n      (onPaginate)=\"paginate($event)\"\r\n    >\r\n    </kv-workspace-empresa>\r\n    } @if(showBtnVoltar && masterSelecionada) {\r\n    <div class=\"flex text-left\">\r\n      <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n        <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n        <span class=\"text-xs font-semibold\">Voltar</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }, { kind: "component", type: KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }, { kind: "component", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada", "emptyText"], outputs: ["onMasterSelecionada"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { backgroundImg: { classPropertyName: "backgroundImg", publicName: "backgroundImg", isSignal: false, isRequired: false, transformFunction: null }, somenteMaster: { classPropertyName: "somenteMaster", publicName: "somenteMaster", isSignal: false, isRequired: false, transformFunction: null }, visivel: { classPropertyName: "visivel", publicName: "visivel", isSignal: false, isRequired: false, transformFunction: null }, showBtnVoltar: { classPropertyName: "showBtnVoltar", publicName: "showBtnVoltar", isSignal: false, isRequired: false, transformFunction: null }, empresaSelecionada: { classPropertyName: "empresaSelecionada", publicName: "empresaSelecionada", isSignal: false, isRequired: false, transformFunction: null }, totalEmpresas: { classPropertyName: "totalEmpresas", publicName: "totalEmpresas", isSignal: false, isRequired: false, transformFunction: null }, masterSelecionada: { classPropertyName: "masterSelecionada", publicName: "masterSelecionada", isSignal: false, isRequired: false, transformFunction: null }, masters: { classPropertyName: "masters", publicName: "masters", isSignal: true, isRequired: false, transformFunction: null }, empresas: { classPropertyName: "empresas", publicName: "empresas", isSignal: true, isRequired: false, transformFunction: null }, nomeUsuario: { classPropertyName: "nomeUsuario", publicName: "nomeUsuario", isSignal: true, isRequired: false, transformFunction: null }, logoKeevoCenter: { classPropertyName: "logoKeevoCenter", publicName: "logoKeevoCenter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate", onBtnVoltarClick: "onBtnVoltarClick", onFilter: "onFilter" }, ngImport: i0, template: "@if(visivel) {\r\n<div\r\n  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n  <div\r\n    class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n    [style.max-width.rem]=\"'45'\"\r\n    [style.min-width]=\"minWidthCard()\"\r\n  >\r\n    <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n      <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n      <span class=\"text-sm\">\r\n        Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n        >. Bem vindo (a)! Escolha a\r\n        <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n        que deseja acessar:\r\n      </span>\r\n    </div>\r\n\r\n    <div\r\n      class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n      [formGroup]=\"workspaceForm\"\r\n    >\r\n      <kv-input-text\r\n        placeholder=\"Buscar {{\r\n          !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n        }}\"\r\n        class=\"col-12 m-0 p-0\"\r\n        (onInput)=\"filter()\"\r\n        formControlName=\"search\"\r\n      ></kv-input-text>\r\n    </div>\r\n\r\n    @if(!masterSelecionada){\r\n    <kv-workspace-master\r\n      [masters]=\"masters()\"\r\n      [masterSelecionada]=\"masterSelecionada\"\r\n      (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n    >\r\n    </kv-workspace-master>\r\n    } @if(!somenteMaster && masterSelecionada){\r\n    <kv-workspace-empresa\r\n      [empresas]=\"empresas()\"\r\n      [totalEmpresas]=\"totalEmpresas\"\r\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n      (onPaginate)=\"paginate($event)\"\r\n    >\r\n    </kv-workspace-empresa>\r\n    } @if(showBtnVoltar && masterSelecionada) {\r\n    <div class=\"flex text-left\">\r\n      <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n        <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n        <span class=\"text-xs font-semibold\">Voltar</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: KvInputTextComponent, selector: "kv-input-text", inputs: ["textCaptalized"] }, { kind: "component", type: KvIconComponent, selector: "kv-icon", inputs: ["name", "size", "numNotifications", "img", "clickable"], outputs: ["onClick"] }, { kind: "component", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada", "emptyText"], outputs: ["onMasterSelecionada"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace', template: "@if(visivel) {\r\n<div\r\n  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n  <div\r\n    class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n    [style.max-width.rem]=\"'45'\"\r\n    [style.min-width]=\"minWidthCard()\"\r\n  >\r\n    <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n      <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n      <span class=\"text-sm\">\r\n        Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n        >. Bem vindo (a)! Escolha a\r\n        <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n        que deseja acessar:\r\n      </span>\r\n    </div>\r\n\r\n    <div\r\n      class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n      [formGroup]=\"workspaceForm\"\r\n    >\r\n      <kv-input-text\r\n        placeholder=\"Buscar {{\r\n          !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n        }}\"\r\n        class=\"col-12 m-0 p-0\"\r\n        (onInput)=\"filter()\"\r\n        formControlName=\"search\"\r\n      ></kv-input-text>\r\n    </div>\r\n\r\n    @if(!masterSelecionada){\r\n    <kv-workspace-master\r\n      [masters]=\"masters()\"\r\n      [masterSelecionada]=\"masterSelecionada\"\r\n      (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n    >\r\n    </kv-workspace-master>\r\n    } @if(!somenteMaster && masterSelecionada){\r\n    <kv-workspace-empresa\r\n      [empresas]=\"empresas()\"\r\n      [totalEmpresas]=\"totalEmpresas\"\r\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n      (onPaginate)=\"paginate($event)\"\r\n    >\r\n    </kv-workspace-empresa>\r\n    } @if(showBtnVoltar && masterSelecionada) {\r\n    <div class=\"flex text-left\">\r\n      <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n        <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n        <span class=\"text-xs font-semibold\">Voltar</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:#dededebf}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:#00000080}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:#dededebf}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
+            args: [{ selector: 'kv-workspace', template: "@if(visivel) {\r\n<div\r\n  class=\"w-full h-full flex align-items-center justify-content-center\"\r\n  [style.background-image]=\"'url(' + backgroundImg + ')'\"\r\n>\r\n  <div\r\n    class=\"bg-white h-auto border-round-lg lg:p-3 p-1 flex flex-column gap-2 overflow-hidden\"\r\n    [style.max-width.rem]=\"'45'\"\r\n    [style.min-width]=\"minWidthCard()\"\r\n  >\r\n    <div class=\"px-2 flex flex-column align-items-center gap-2\">\r\n      <img [src]=\"logoKeevoCenter()\" style=\"height: 4rem\" class=\"py-2\" />\r\n      <span class=\"text-sm\">\r\n        Ol\u00E1, <b>{{ nomeUsuario() }}</b\r\n        >. Bem vindo (a)! Escolha a\r\n        <b>{{ !somenteMaster && masterSelecionada ? \"Empresa\" : \"Licen\u00E7a\" }}</b>\r\n        que deseja acessar:\r\n      </span>\r\n    </div>\r\n\r\n    <div\r\n      class=\"col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0\"\r\n      [formGroup]=\"workspaceForm\"\r\n    >\r\n      <kv-input-text\r\n        placeholder=\"Buscar {{\r\n          !somenteMaster && masterSelecionada ? 'empresa' : 'licen\u00E7a'\r\n        }}\"\r\n        class=\"col-12 m-0 p-0\"\r\n        (onInput)=\"filter()\"\r\n        formControlName=\"search\"\r\n      ></kv-input-text>\r\n    </div>\r\n\r\n    @if(!masterSelecionada){\r\n    <kv-workspace-master\r\n      [masters]=\"masters()\"\r\n      [masterSelecionada]=\"masterSelecionada\"\r\n      (onMasterSelecionada)=\"selecionarMaster($event)\"\r\n    >\r\n    </kv-workspace-master>\r\n    } @if(!somenteMaster && masterSelecionada){\r\n    <kv-workspace-empresa\r\n      [empresas]=\"empresas()\"\r\n      [totalEmpresas]=\"totalEmpresas\"\r\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\r\n      (onPaginate)=\"paginate($event)\"\r\n    >\r\n    </kv-workspace-empresa>\r\n    } @if(showBtnVoltar && masterSelecionada) {\r\n    <div class=\"flex text-left\">\r\n      <div class=\"voltar-box link\" (onClick)=\"OnBtnVoltarClick()\">\r\n        <kv-icon [name]=\"'arrow_back_ios'\" [size]=\"'small'\"></kv-icon>\r\n        <span class=\"text-xs font-semibold\">Voltar</span>\r\n      </div>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n", styles: [":host{overflow:hidden}.cards-container{overflow-x:hidden;transition:all .2s}.cards-container::-webkit-scrollbar{width:6px}.cards-container::-webkit-scrollbar:hover{background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-thumb{border-radius:4px;background-color:transparent}.cards-container:hover::-webkit-scrollbar-thumb{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.75)}.cards-container::-webkit-scrollbar-track{border-left:2px solid white;background-color:rgba(var(--kv-secondary-color),.15)}.voltar-box{display:flex;flex-direction:row;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;transition:all .2s}.voltar-box:hover{opacity:.8}.voltar-box:active{opacity:.9}.link{color:rgba(var(--kv-secondary-color),.9);text-decoration:none;cursor:pointer}.link:active{color:rgba(var(--kv-secondary-color),1)}\n"] }]
         }], ctorParameters: () => [], propDecorators: { backgroundImg: [{
                 type: Input
             }], somenteMaster: [{