keevo-components 1.8.227 → 1.8.228

package/fesm2022/keevo-components.mjs

@@ -6104,60 +6104,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
                 }]
         }] });
 
-class WorkspaceComponent {
+class WokspaceLogoComponent {
     constructor() {
-        /**
-         * Nome do usuário logado
-         */
         this.nomeUsuario = 'Nome do Usuário Logado';
-        /**
-         * Selecionar apenas master
-         */
-        this.somenteMaster = false;
-        /**
-         * Evento de master selecionada
-         */
-        this.onGetMasterSelecionada = new EventEmitter();
-        /**
-         * Evento de empresa selecionada
-         */
-        this.onGetEmpresaSelecionada = new EventEmitter();
-        this.totalRecordsEmpresa = 0;
-        this.showPaginatorEmpresa = false;
-        this.visivel = true;
-        this.txtPesquisa = '';
-        this.imgPersonagens = '';
-        this.imgLogoKeevo = '';
-        this.styleBackground = '';
-        this.imgLogoKeevoCenter = '';
-        //Tabela Master
-        this.dataSourceMaster = [];
-        this.tableSizeMaster = 5;
-        //Tabela  Empresa
-        this.dataSourceEmpresa = [];
-        this.tableSizeEmpresa = 5;
-    }
-    activeItemEmpresa(e) {
-        this.selectedItemEmpresa = e;
-    }
-    activeItemMaster(e) {
-        this.selectedItemMaster = e;
-    }
-    columnConfigTableMaster() {
-        this.dataSourceMaster = this.masters;
-        this.tableConfigMaster = {
-            lazy: false,
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WokspaceLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WokspaceLogoComponent, selector: "kv-workspace-logo", inputs: { imgLogoKeevoCenter: "imgLogoKeevoCenter", nomeUsuario: "nomeUsuario", masterSelecionada: "masterSelecionada" }, ngImport: i0, template: "<div class=\"field col-12 flex justify-content-center mb-1\">\n  <img [src]=\"imgLogoKeevoCenter\" style=\"width: 200px\" />\n</div>\n\n<div class=\"col-12 align-items-center z-5\">\n  <div class=\"col-9\">\n    Ol\u00E1, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!\n  </div>\n\n  @if(!masterSelecionada){\n  <b class=\"field col-9 flex\">\n    Escolha qual workspace voc\u00EA deseja acessar:\n  </b>\n  }\n  @else {\n  <b class=\"field col-9 flex\">\n    Escolha qual empresa voc\u00EA deseja acessar:\n  </b>\n  }\n</div>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WokspaceLogoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kv-workspace-logo', template: "<div class=\"field col-12 flex justify-content-center mb-1\">\n  <img [src]=\"imgLogoKeevoCenter\" style=\"width: 200px\" />\n</div>\n\n<div class=\"col-12 align-items-center z-5\">\n  <div class=\"col-9\">\n    Ol\u00E1, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!\n  </div>\n\n  @if(!masterSelecionada){\n  <b class=\"field col-9 flex\">\n    Escolha qual workspace voc\u00EA deseja acessar:\n  </b>\n  }\n  @else {\n  <b class=\"field col-9 flex\">\n    Escolha qual empresa voc\u00EA deseja acessar:\n  </b>\n  }\n</div>" }]
+        }], ctorParameters: () => [], propDecorators: { imgLogoKeevoCenter: [{
+                type: Input
+            }], nomeUsuario: [{
+                type: Input
+            }], masterSelecionada: [{
+                type: Input
+            }] } });
+
+class WorkspaceEmpresaComponent {
+    constructor() {
+        this.empresas = [];
+        this.totalEmpresas = 0;
+        this.onEmpresaSelecionada = new EventEmitter();
+        this.onPaginate = new EventEmitter();
+    }
+    ngOnInit() {
+        this.configTable();
+    }
+    activeItem(e) {
+        this.empresaSelecionada = e;
+    }
+    configTable() {
+        this.tableConfig = {
+            lazy: true,
             columns: [
-                { position: 0, field: 'idmaster', header: 'Licença', width: '', centralize: false, sortable: false },
-                { position: 1, field: 'nome', header: '', width: '80%', centralize: false, sortable: false, },
+                { position: 0, field: 'codigopessoa', header: 'Código', width: '', centralize: false, sortable: false },
+                { position: 1, field: 'cpfcnpj', header: 'CPF/CNPJ', width: '', centralize: false, sortable: false, pipe: 'cpfcnpj' },
+                { position: 2, field: 'razaosocial', header: 'Razão social', width: '50%', centralize: false, sortable: false },
             ],
             actions: [
                 {
                     label: 'Acessar',
                     icon: 'login',
-                    tooltip: 'Acessar Workspace',
+                    tooltip: 'Acessar Empresa',
                     command: () => {
-                        this.selecionarMaster(this.selectedItemMaster);
+                        this.selecionarEmpresa(this.empresaSelecionada);
                     },
                     disabled: () => {
                         return false;
@@ -6165,27 +6159,66 @@ class WorkspaceComponent {
                 },
             ],
             actionsLote: [],
-            enableCation: false,
-            enableFilter: false,
+            enableCation: true,
+            enableFilter: true,
             enableSelect: false,
         };
     }
-    columnConfigTableEmpresa() {
-        this.dataSourceEmpresa = this.empresas;
-        this.tableConfigEmpresa = {
+    doubleClick(e) {
+        this.empresaSelecionada = e.rowData;
+        this.selecionarEmpresa(this.empresaSelecionada);
+    }
+    paginate(event) {
+        this.onPaginate.emit(event);
+    }
+    selecionarEmpresa(empresa) {
+        this.empresaSelecionada = empresa;
+        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: "14.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: "<kv-table\n  [config]=\"tableConfig\"\n  [dataSource]=\"empresas\"\n  [isTableScrollable]=\"true\"\n  [paginator]=\"true\"\n  [rows]=\"5\"\n  [rowsPerPageOptions]=\"[5]\"\n  [scrollHeight]=\"'300px'\"\n  [tableSize]=\"5\"\n  [totalRecords]=\"totalEmpresas\"\n  (doubleClickEvent)=\"doubleClick($event)\"\n  (onActiveItem)=\"activeItem($event)\"\n  (onPaginate)=\"paginate($event)\">\n</kv-table>", styles: [""], dependencies: [{ kind: "component", type: KvTableComponent, selector: "kv-table", inputs: ["templates", "config", "defaultSortField", "dataSource", "selectedItems", "totalRecords", "paginator", "rowsPerPageOptions", "rows", "tableSize", "filterColumnsBtn", "filtrosAvancados", "scrollHeight", "isTableScrollable", "tableCaptalized", "rowTrackBy", "responsiveLayout", "disabledHeaderCheckbox", "applyStyle", "pageLinksOptions", "showFirstLastIcon"], outputs: ["onActiveItem", "onActiveItemLote", "onPaginate", "onSelectionChange", "doubleClickEvent", "filterField", "onSwitchTableChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceEmpresaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kv-workspace-empresa', template: "<kv-table\n  [config]=\"tableConfig\"\n  [dataSource]=\"empresas\"\n  [isTableScrollable]=\"true\"\n  [paginator]=\"true\"\n  [rows]=\"5\"\n  [rowsPerPageOptions]=\"[5]\"\n  [scrollHeight]=\"'300px'\"\n  [tableSize]=\"5\"\n  [totalRecords]=\"totalEmpresas\"\n  (doubleClickEvent)=\"doubleClick($event)\"\n  (onActiveItem)=\"activeItem($event)\"\n  (onPaginate)=\"paginate($event)\">\n</kv-table>" }]
+        }], ctorParameters: () => [], propDecorators: { empresas: [{
+                type: Input
+            }], empresaSelecionada: [{
+                type: Input
+            }], totalEmpresas: [{
+                type: Input
+            }], onEmpresaSelecionada: [{
+                type: Output
+            }], onPaginate: [{
+                type: Output
+            }] } });
+
+class WorkspaceMasterComponent {
+    constructor() {
+        this.dataSource = [];
+        this.onMasterSelecionada = new EventEmitter();
+    }
+    ngOnInit() {
+        this.configTable();
+    }
+    activeItem(e) {
+        this.masterSelecionada = e;
+    }
+    configTable() {
+        this.dataSource = this.masters;
+        this.tableConfig = {
             lazy: false,
             columns: [
-                { position: 0, field: 'codigopessoa', header: 'Código', width: '', centralize: false, sortable: false },
-                { position: 1, field: 'cpfcnpj', header: 'CPF/CNPJ', width: '', centralize: false, sortable: false, pipe: 'cpfcnpj' },
-                { position: 2, field: 'razaosocial', header: 'Razão social', width: '50%', centralize: false, sortable: false },
+                { position: 0, field: 'idmaster', header: 'Licença', width: '', centralize: false, sortable: false },
+                { position: 1, field: 'nome', header: '', width: '80%', centralize: false, sortable: false, },
             ],
             actions: [
                 {
                     label: 'Acessar',
                     icon: 'login',
-                    tooltip: 'Acessar Empresa',
+                    tooltip: 'Acessar Workspace',
                     command: () => {
-                        this.selecionarEmpresa(this.selectedItemEmpresa);
+                        this.selecionarMaster(this.masterSelecionada);
                     },
                     disabled: () => {
                         return false;
@@ -6193,82 +6226,94 @@ class WorkspaceComponent {
                 },
             ],
             actionsLote: [],
-            enableCation: true,
-            enableFilter: true,
+            enableCation: false,
+            enableFilter: false,
             enableSelect: false,
         };
     }
-    doubleClickEmpresa(e) {
-        this.selectedItemEmpresa = e.rowData;
-        this.selecionarEmpresa(e.rowData);
+    doubleClick(e) {
+        this.masterSelecionada = e.rowData;
+        this.selecionarMaster(this.masterSelecionada);
     }
-    doubleClickMaster(e) {
-        this.selectedItemMaster = e.rowData;
-        this.selecionarMaster(e.rowData);
+    selecionarMaster(master) {
+        this.masterSelecionada = master;
+        this.onMasterSelecionada.emit(this.masterSelecionada);
     }
-    filtrarEmpresa(event) {
-        this.empresas = this.masterSelecionada.empresas.filter((e) => e.nomeempresa.toLowerCase().includes(event.toLowerCase()));
+    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: "14.0.0", version: "17.3.8", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: { masters: "masters", masterSelecionada: "masterSelecionada" }, outputs: { onMasterSelecionada: "onMasterSelecionada" }, ngImport: i0, template: "<kv-table\n  [tableSize]=\"5\"\n  [rows]=\"5\"\n  [config]=\"tableConfig\"\n  [paginator]=\"false\"\n  [dataSource]=\"dataSource\"\n  [rowsPerPageOptions]=\"[5, 10, 25, 50, 100, 200]\"\n  (doubleClickEvent)=\"doubleClick($event)\"\n  (onActiveItem)=\"activeItem($event)\"\n  [isTableScrollable]=\"true\"\n  [scrollHeight]=\"'300px'\">\n</kv-table>", styles: [""], dependencies: [{ kind: "component", type: KvTableComponent, selector: "kv-table", inputs: ["templates", "config", "defaultSortField", "dataSource", "selectedItems", "totalRecords", "paginator", "rowsPerPageOptions", "rows", "tableSize", "filterColumnsBtn", "filtrosAvancados", "scrollHeight", "isTableScrollable", "tableCaptalized", "rowTrackBy", "responsiveLayout", "disabledHeaderCheckbox", "applyStyle", "pageLinksOptions", "showFirstLastIcon"], outputs: ["onActiveItem", "onActiveItemLote", "onPaginate", "onSelectionChange", "doubleClickEvent", "filterField", "onSwitchTableChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceMasterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'kv-workspace-master', template: "<kv-table\n  [tableSize]=\"5\"\n  [rows]=\"5\"\n  [config]=\"tableConfig\"\n  [paginator]=\"false\"\n  [dataSource]=\"dataSource\"\n  [rowsPerPageOptions]=\"[5, 10, 25, 50, 100, 200]\"\n  (doubleClickEvent)=\"doubleClick($event)\"\n  (onActiveItem)=\"activeItem($event)\"\n  [isTableScrollable]=\"true\"\n  [scrollHeight]=\"'300px'\">\n</kv-table>" }]
+        }], ctorParameters: () => [], propDecorators: { masters: [{
+                type: Input
+            }], masterSelecionada: [{
+                type: Input
+            }], onMasterSelecionada: [{
+                type: Output
+            }] } });
+
+class WorkspaceComponent {
+    constructor() {
+        this.nomeUsuario = 'Nome do Usuário Logado';
+        this.somenteMaster = true;
+        this.visivel = true;
+        this.totalEmpresas = 0;
+        this.onGetMasterSelecionada = new EventEmitter();
+        this.onGetEmpresaSelecionada = new EventEmitter();
+        this.onPaginate = new EventEmitter();
     }
     ngOnInit() {
         this.imgPersonagens = ImagensService.getPersonagensWorkSpace();
         this.imgLogoKeevo = ImagensService.getLogoKeevo();
         this.imgLogoKeevoCenter = ImagensService.getLogoKeevoCenter();
         this.styleBackground = 'background-image: url(' + ImagensService.getBackgroundWorkSpace() + ');';
-        this.columnConfigTableMaster();
-        this.verificaMasterUnica();
+    }
+    paginate(event) {
+        this.onPaginate.emit(event);
     }
     selecionarEmpresa(empresa) {
         this.onGetEmpresaSelecionada.emit(empresa);
-        this.empresaSelecionada = empresa;
-        this.visivel = false;
-    }
-    selecionarMaster(master) {
-        this.onGetMasterSelecionada.emit(master);
-        this.masterSelecionada = master;
-        if (this.somenteMaster)
-            this.visivel = false;
-        else {
-            this.empresas = master.empresas;
-            this.showPaginatorEmpresa = (this.empresas.length > 5);
-            this.columnConfigTableEmpresa();
-            this.verificaEmpresaUnica();
-        }
-    }
-    verificaEmpresaUnica() {
-        if (this.empresas && this.empresas.length == 1)
-            this.selecionarEmpresa(this.empresas[0]);
     }
-    verificaMasterUnica() {
-        if (this.masters.length == 1)
-            this.selecionarMaster(this.masters[0]);
-    }
-    voltar() {
-        this.empresaSelecionada = undefined;
-        this.masterSelecionada = undefined;
+    selecionarMaster(event) {
+        this.onGetMasterSelecionada.emit(event);
     }
     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: "14.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace", inputs: { nomeUsuario: "nomeUsuario", masters: "masters", masterSelecionada: "masterSelecionada", somenteMaster: "somenteMaster" }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada" }, ngImport: i0, template: "<div *ngIf=\"visivel\" [style]=\"styleBackground\"\n  class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\n  <div id=\"card-container\"\n    class=\"flex flex-column justify-content-around card-login formgrid p-fluid  bg-white border-round p-2\">\n    <div class=\"field col-12 flex justify-content-center mb-1\">\n      <img [src]=\"imgLogoKeevoCenter\" style=\"width: 200px\" />\n    </div>\n\n    <div class=\"col-12 align-items-center z-5\">\n      <div class=\"col-9\">\n        Ol\u00E1, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!\n      </div>\n      <b class=\"field col-9 flex\">\n        Escolha qual Workspace voc\u00EA deseja acessar:</b>\n    </div>\n\n    <!-- IN\u00CDCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\n    <div *ngIf=\"!masterSelecionada\" class=\"col-12 z-5\">\n\n      <kv-table\n        [tableSize]=\"tableSizeMaster\"\n        [rows]=\"5\"\n        [config]=\"tableConfigMaster\"\n        [paginator]=\"false\"\n        [dataSource]=\"dataSourceMaster\"\n        [rowsPerPageOptions]=\"[5, 10, 25, 50, 100, 200]\"\n        (doubleClickEvent)=\"doubleClickMaster($event)\"\n        (onActiveItem)=\"activeItemMaster($event)\"\n        [isTableScrollable]=\"true\"\n        [scrollHeight]=\"'300px'\">\n      </kv-table>\n\n    </div>\n    <!-- FIM DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\n\n    <!-- IN\u00CDCIO DO WORKSPACE EMPRESA -->\n    <div *ngIf=\"masterSelecionada && !empresaSelecionada\" class=\"col-12 z-5\">\n      <kv-table\n        [tableSize]=\"tableSizeEmpresa\"\n        [rows]=\"5\"\n        [config]=\"tableConfigEmpresa\"\n        [paginator]=\"showPaginatorEmpresa\"\n        [dataSource]=\"dataSourceEmpresa\"\n        [rowsPerPageOptions]=\"[5]\"\n        (doubleClickEvent)=\"doubleClickEmpresa($event)\"\n        (onActiveItem)=\"activeItemEmpresa($event)\"\n        [isTableScrollable]=\"true\"\n        [scrollHeight]=\"'300px'\">\n      </kv-table>\n    </div>\n    <!-- FIM DO WORKSPACE EMPRESA -->\n  </div>\n</div>\n", styles: [".card-login{width:80%;max-width:800px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: KvTableComponent, selector: "kv-table", inputs: ["templates", "config", "defaultSortField", "dataSource", "selectedItems", "totalRecords", "paginator", "rowsPerPageOptions", "rows", "tableSize", "filterColumnsBtn", "filtrosAvancados", "scrollHeight", "isTableScrollable", "tableCaptalized", "rowTrackBy", "responsiveLayout", "disabledHeaderCheckbox", "applyStyle", "pageLinksOptions", "showFirstLastIcon"], outputs: ["onActiveItem", "onActiveItemLote", "onPaginate", "onSelectionChange", "doubleClickEvent", "filterField", "onSwitchTableChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: WorkspaceComponent, selector: "kv-workspace-1", inputs: { nomeUsuario: "nomeUsuario", somenteMaster: "somenteMaster", visivel: "visivel", empresas: "empresas", empresaSelecionada: "empresaSelecionada", totalEmpresas: "totalEmpresas", masters: "masters", masterSelecionada: "masterSelecionada" }, outputs: { onGetMasterSelecionada: "onGetMasterSelecionada", onGetEmpresaSelecionada: "onGetEmpresaSelecionada", onPaginate: "onPaginate" }, ngImport: i0, template: "@if(visivel){\n<div [style]=\"styleBackground\" class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\n  <div id=\"card-container\" class=\"flex flex-column justify-content-around card-login formgrid p-fluid  bg-white border-round p-2\">\n\n    <kv-workspace-logo\n      [imgLogoKeevoCenter]=\"imgLogoKeevoCenter\"\n      [masterSelecionada]=\"masterSelecionada\"\n      [nomeUsuario]=\"nomeUsuario\">\n    </kv-workspace-logo>\n\n    @if(!masterSelecionada){\n    <div class=\"col-12 z-5\">\n      <kv-workspace-master\n        [masters]=\"masters\"\n        [masterSelecionada]=\"masterSelecionada\"\n        (onMasterSelecionada)=\"selecionarMaster($event)\">\n      </kv-workspace-master>\n    </div>\n    }\n\n    @if(!somenteMaster && masterSelecionada){\n    <kv-workspace-empresa\n      [empresas]=\"empresas\"\n      [totalEmpresas]=\"totalEmpresas\"\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\n      (onPaginate)=\"paginate($event)\">\n    </kv-workspace-empresa>\n    }\n\n  </div>\n</div>\n}", styles: [".card-login{width:80%;max-width:800px}\n"], dependencies: [{ kind: "component", type: WorkspaceEmpresaComponent, selector: "kv-workspace-empresa", inputs: ["empresas", "empresaSelecionada", "totalEmpresas"], outputs: ["onEmpresaSelecionada", "onPaginate"] }, { kind: "component", type: WokspaceLogoComponent, selector: "kv-workspace-logo", inputs: ["imgLogoKeevoCenter", "nomeUsuario", "masterSelecionada"] }, { kind: "component", type: WorkspaceMasterComponent, selector: "kv-workspace-master", inputs: ["masters", "masterSelecionada"], outputs: ["onMasterSelecionada"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: WorkspaceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'kv-workspace', template: "<div *ngIf=\"visivel\" [style]=\"styleBackground\"\n  class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\n  <div id=\"card-container\"\n    class=\"flex flex-column justify-content-around card-login formgrid p-fluid  bg-white border-round p-2\">\n    <div class=\"field col-12 flex justify-content-center mb-1\">\n      <img [src]=\"imgLogoKeevoCenter\" style=\"width: 200px\" />\n    </div>\n\n    <div class=\"col-12 align-items-center z-5\">\n      <div class=\"col-9\">\n        Ol\u00E1, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!\n      </div>\n      <b class=\"field col-9 flex\">\n        Escolha qual Workspace voc\u00EA deseja acessar:</b>\n    </div>\n\n    <!-- IN\u00CDCIO DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\n    <div *ngIf=\"!masterSelecionada\" class=\"col-12 z-5\">\n\n      <kv-table\n        [tableSize]=\"tableSizeMaster\"\n        [rows]=\"5\"\n        [config]=\"tableConfigMaster\"\n        [paginator]=\"false\"\n        [dataSource]=\"dataSourceMaster\"\n        [rowsPerPageOptions]=\"[5, 10, 25, 50, 100, 200]\"\n        (doubleClickEvent)=\"doubleClickMaster($event)\"\n        (onActiveItem)=\"activeItemMaster($event)\"\n        [isTableScrollable]=\"true\"\n        [scrollHeight]=\"'300px'\">\n      </kv-table>\n\n    </div>\n    <!-- FIM DO WORKSPACE DE CONTABILIDADE (MASTERS) -->\n\n    <!-- IN\u00CDCIO DO WORKSPACE EMPRESA -->\n    <div *ngIf=\"masterSelecionada && !empresaSelecionada\" class=\"col-12 z-5\">\n      <kv-table\n        [tableSize]=\"tableSizeEmpresa\"\n        [rows]=\"5\"\n        [config]=\"tableConfigEmpresa\"\n        [paginator]=\"showPaginatorEmpresa\"\n        [dataSource]=\"dataSourceEmpresa\"\n        [rowsPerPageOptions]=\"[5]\"\n        (doubleClickEvent)=\"doubleClickEmpresa($event)\"\n        (onActiveItem)=\"activeItemEmpresa($event)\"\n        [isTableScrollable]=\"true\"\n        [scrollHeight]=\"'300px'\">\n      </kv-table>\n    </div>\n    <!-- FIM DO WORKSPACE EMPRESA -->\n  </div>\n</div>\n", styles: [".card-login{width:80%;max-width:800px}\n"] }]
+            args: [{ selector: 'kv-workspace-1', template: "@if(visivel){\n<div [style]=\"styleBackground\" class=\"h-screen flex justify-content-center align-items-center login-container flex-column bg-cover\">\n  <div id=\"card-container\" class=\"flex flex-column justify-content-around card-login formgrid p-fluid  bg-white border-round p-2\">\n\n    <kv-workspace-logo\n      [imgLogoKeevoCenter]=\"imgLogoKeevoCenter\"\n      [masterSelecionada]=\"masterSelecionada\"\n      [nomeUsuario]=\"nomeUsuario\">\n    </kv-workspace-logo>\n\n    @if(!masterSelecionada){\n    <div class=\"col-12 z-5\">\n      <kv-workspace-master\n        [masters]=\"masters\"\n        [masterSelecionada]=\"masterSelecionada\"\n        (onMasterSelecionada)=\"selecionarMaster($event)\">\n      </kv-workspace-master>\n    </div>\n    }\n\n    @if(!somenteMaster && masterSelecionada){\n    <kv-workspace-empresa\n      [empresas]=\"empresas\"\n      [totalEmpresas]=\"totalEmpresas\"\n      (onEmpresaSelecionada)=\"selecionarEmpresa($event)\"\n      (onPaginate)=\"paginate($event)\">\n    </kv-workspace-empresa>\n    }\n\n  </div>\n</div>\n}", styles: [".card-login{width:80%;max-width:800px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { nomeUsuario: [{
                 type: Input
+            }], somenteMaster: [{
+                type: Input
+            }], visivel: [{
+                type: Input
+            }], empresas: [{
+                type: Input
+            }], empresaSelecionada: [{
+                type: Input
+            }], totalEmpresas: [{
+                type: Input
             }], masters: [{
                 type: Input
             }], masterSelecionada: [{
                 type: Input
-            }], somenteMaster: [{
-                type: Input
             }], onGetMasterSelecionada: [{
                 type: Output
             }], onGetEmpresaSelecionada: [{
                 type: Output
+            }], onPaginate: [{
+                type: Output
             }] } });
 
 class KvWorkspaceModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvWorkspaceModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KvWorkspaceModule, declarations: [WorkspaceComponent], imports: [CommonModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.8", ngImport: i0, type: KvWorkspaceModule, declarations: [WorkspaceComponent,
+            WorkspaceEmpresaComponent,
+            WokspaceLogoComponent,
+            WorkspaceMasterComponent], imports: [CommonModule,
             PrimeNgModule,
             ReactiveFormsModule,
             ProgressSpinnerModule,
@@ -6289,7 +6334,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
             type: NgModule,
             args: [{
                     declarations: [
-                        WorkspaceComponent
+                        WorkspaceComponent,
+                        WorkspaceEmpresaComponent,
+                        WokspaceLogoComponent,
+                        WorkspaceMasterComponent
                     ],
                     exports: [
                         WorkspaceComponent