dts-backoffice-util 16.1.0 → 17.1.0

package/README.md

@@ -12,6 +12,7 @@ Segue abaixo as últimas versões da Biblioteca, conforme a versão do PO-UI e A
 
 | PO-UI | Angular | Versão dtsBackofficeUtil |
 |-|-|-|
+| v17 | v17 | 17.1.0 |
 | v16 | v16 | 16.1.0 |
 | v15 | v15 | 15.4.1 |
 | v14 | v14 | 14.4.1 |
@@ -33,35 +34,189 @@ npm install dts-backoffice-util
 
 <br> 
 
-# Componentes e Serviços Disponíveis
+# Componentes
 
+## TotvsScheduleExecutionComponent
 <br>
 
-# TranslateService 
-
-**Objetivo:** Realizar o controle do idioma corrente, considerando o que estiver parametrizado no Cadastro de Usuários do Datasul, e caso não esteja informado, será considerado o idioma informado no Browse.
+**Objetivo:** Componente para realização de agendamentos RPW.
 
-Importação:
+**Dependências:** Para usar esse componente deve ser instalado no projeto o pacote rxjs-compat.<br/>
+```cmd
+npm i rxjs-compat --save
 ```
-import { TranslateService } from 'dts-backoffice-util';
+**Importação:** No módulo da aplicação importar o módulo abaixo:
+```ts
+@NgModule({
+    declarations: [
+        ...
+    ],
+    imports: [
+        ...,
+        DtsBackofficeUtilsModule.forRoot()
+    ],
+    providers: [],
+    bootstrap: [...]
+})
 ```
 
-Métodos:
+**Parâmetros:**
+
+| Nome | Tipo | Obrigatório | Descrição |
+|-|-|-|-|
+| programName | string | Sim | Código de Programa cadastrado no menu, do programa que será executado no RPW. |
+| externalName | string | Sim | Nome completo do Programa que será executado no RPW, diretório + nome externo.<br>**Importante:** Em virtude do dicionário (Foundation), este parâmetro é limitado a 24 dígitos. |
+| programEMS5 | boolean | Não | Indica se o programa progress é do EMS5. |
+| programStyle | number | Não | Número que representa o Estilo do Relatório no EMS5. | 
+| programVersion | string | Não | Versão do programa progress. |
+| parameters | Array | Sim | Objeto representando a Temp-Table que será enviada ao progress. |
+| paramDigitDef | Array | Não | Definição da Temp-Table tt-digita. Utilizado apenas pelo EMS2. Para cada campo da tt-digita, deve ser enviado um objeto com o seguinte formato: **{"chave": "string", "tipo": "string" }**. Onde **chave** representa o nome do campo, e **tipo** representa o tipo de dado (exemplo: character, integer, etc...). |
+| paramDigitData | Array | Não | Dados que serão enviados e alimentados na tt-digita. Utilizado apenas pelo EMS2. |
+| paramSelections | Array | Não | Parâmetros de Seleção. Utilizado apenas pelo EMS5. |
+| disabledParams | boolean | Não | Quando for igual a **"Sim"**, irá desabilitar todos os campos do Agendamento (Data Execução, Servidor, Repetir ocorrência, etc...). |
+| loading | boolean | Não | Quando for igual a **"Sim"**, irá apresentar a tela de "loading" no momento da criação da agenda até o retorno do serviço. |
+| endExecution | EventEmitter | Não | Evento que será disparado ao finalizar o agendamento. Ele irá enviar como parâmetro um objeto da interface **IScheduleParameters**, contendo os parâmetros informados pelo usuário. |
+---
+**Métodos:**
 
 | Nome | Descrição |
 |-|-|
-| getCurrentLanguage | Retorna o idioma corrente. Será considerado no primeiro momento a chave "user.language" do localStorage. Caso ela não exista ou seja inválida, será considerado o idioma parametrizado no Browse. Além disso, o idioma deve estar disponível na lista de suportados, conforme métodos "getSuportLanguage".<br>**Parâmetros:** Não há.<br>**Retorno:** string |
-| getSuportLanguage | Retornar uma lista com os atuais idiomas suportados.<br>**Parâmetros:** Não há.<br>**Retorno:** Array(string) |
+| setScheduleParameters | Atualiza as informações de agendamento com base no objeto que foi enviado como parâmetro.<br>**Parâmetros:**<br>- schParam (**IScheduleParameters**): Objeto com as informações do agendamento (Data Execução, Servidor, Repetir ocorrência, etc...).<br>**Retorno:** Não há. |
+| getScheduleParameters | Retorna um objeto da interface **IScheduleParameters**, contendo os atuais parâmetros informados pelo usuário na tela de agendamento.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- schParam (**IScheduleParameters**): Objeto com as informações do agendamento (Data Execução, Servidor, Repetir ocorrência, etc...). |
 ---
+**Exemplo de Uso:**
+
+Em conjunto com o parâmetro **endExecution** o método **setScheduleParameters** pode ser utilizado para salvar e recuperar as informações de agendamento informadas pelo usuário.
+
+**Definições no HTML:**
+```html
+// EXEMPLO PARA EMS5
+<app-totvs-schedule-execution #schParam
+  programName="rpt_grp_repres"
+  externalName="rpt_grp_repres"        
+  programEMS5="true"
+  programStyle="40"
+  programVersion="1.00.00.004"
+  [parameters]="parametersRpw"
+  [paramSelections]="paramSelectionsRpw"
+  (endExecution)="endExecutionSchedule($event)">
+</app-totvs-schedule-execution>
+
+// EXEMPLO PARA EMS2
+<app-totvs-schedule-execution #schParam
+  programName="pdapi701"
+  externalName="pdp/pdapi701.p"
+  [parameters]="parametersRpw"
+  [paramDigitDef]="paramDigitDefRpw"
+  [paramDigitData]="paramDigitDataRpw"
+  (endExecution)="endExecutionSchedule($event)">
+</app-totvs-schedule-execution>    
+```
+**Definições no JavaScript:**
+```ts
+@ViewChild('schParam', { static: true }) schParam: TotvsScheduleExecutionComponent;
+
+scheduleParams: IScheduleParameters;
+parametersRpw = new Array<any>();
+paramDigitDefRpw = new Array<any>();
+paramDigitDataRpw = new Array<any>();
+paramSelectionsRpw = new Array<any>();
+
+ngOnInit(): void {
+  this.loadLocalStorage();
+  this.schParam.setScheduleParameters(this.scheduleParams);
+
+  this.createParametersRpw();
+}
+
+createParametersRpw(): void {
+  // Parâmetros
+  this.parametersRpw = [
+    { chave: 'destino', valor: 2, tipo: 'integer' },
+    { chave: 'arquivo', valor: '', tipo: 'character' },
+    { chave: 'usuario', valor: 'FERNANDO', tipo: 'character' },
+    { chave: 'perfil', valor: 880, tipo: 'integer' }
+  ];
+
+  // Definição da tt-digita (EMS2)
+  this.paramDigitDefRpw = [
+    { chave: 'cod-estab', tipo: 'character' },
+    { chave: 'cod-ccusto', tipo: 'integer' }
+  ];
+
+  // Dados da tt-digita (EMS2)
+  this.paramDigitDataRpw = [
+    { "cod-estab": '19', "cod-ccusto": 17 },
+    { "cod-estab": '28', "cod-ccusto": 11 },
+    { "cod-estab": '73', "cod-ccusto": 90 }
+  ];
+
+  // Seleção (Relatório Regra/Exceção do EMS5)
+  this.paramSelectionsRpw = [
+    { ind_dwb_set_type: "Regra", cod_dwb_set: "estab",
+      cod_dwb_set_initial: "01", cod_dwb_set_final: "FF", log_dwb_rule: true },
+    { ind_dwb_set_type: "Exceção", cod_dwb_set: "ccusto",
+      cod_dwb_set_initial: "30", cod_dwb_set_final: "35", log_dwb_rule: false }
+  ]
+}
+
+endExecutionSchedule(event): void {
+  this.scheduleParams = event;
+  this.saveLocalStorage();
+}
+
+private saveLocalStorage(): void {
+  if (typeof (Storage) === 'undefined') { return; }
+  localStorage.setItem('param-maint.schParam', JSON.stringify(this.scheduleParams));
+}
+
+private loadLocalStorage(): void {
+  if (typeof (Storage) === 'undefined') { return; }
+  this.scheduleParams = JSON.parse(localStorage.getItem('param-maint.schParam'));
+}
+```
+**Definições no Progress:**
+```
+DEFINE TEMP-TABLE tt-param NO-UNDO
+  FIELD destino AS INTEGER
+  FIELD arquivo AS CHARACTER
+  FIELD usuario AS CHARACTER
+  FIELD perfil  AS INTEGER.
+
+DEFINE TEMP-TABLE tt-digita NO-UNDO
+  FIELD cod-estab  AS CHARACTER
+  FIELD cod-ccusto AS INTEGER.
+```
 
+Interfaces:
+
+IScheduleParameters
+| Nome | Tipo | Descrição | Valor - Label Valor |
+|-|-|-|-|
+| executionType | number | Tipo Execução | 1 - Executar Hoje<br>2 - Agendar Execução |
+| execAppointDate | date | Data Agendada | |
+| execAppointHour | string | Hora Agendada | |
+| executionServer | string | Servidor RPW | |
+| repeatExecution | boolean | Repetir Ocorrência | |
+| repeatType | number | Tipo Repetição | 1 - Diária<br>2 - Semanal<br>3 - Mensal |
+| frequency | string | Frequência | "no" - Uma vez no dia<br>"yes" - Várias vezes no dia |
+| frequencyValue | number | Quantidade da Frequência | |
+| frequencyType | string | Tipo Frequência | "hour" - Hora(s)<br>"minute" - Minuto(s) |
+| execAppointHourInit | string | Hora Inicial Frequência | |
+| execAppointHourFinal | string | Hora Final Frequência | |
+| selectWeeklys | Array | Dia da Semana<br>Frequência Semanal | Sunday - Domingo<br>Monday - Segunda<br>Tuesday - Terça<br>Wednesday - Quarta<br>Thursday - Quinta<br>Friday - Sexta<br>Saturday - Sábado |
+| dayOfMonth | number | Dia do Mês<br>Frequência Mensal | |
+---
 <br>
 
-# dtsDateFormat
+# Pipes
+
+## dtsDateFormat
 
 **Objetivo:** PIPE para formatar datas, ele foi criado pois o PIPE date do angular não consegue formatada datas inferiores a 1901.
 
 **Importação:** No módulo de funcionalidade importar o módulo abaixo:
-```
+```ts
 @NgModule({
     declarations: [
         ...
@@ -76,7 +231,7 @@ Métodos:
 ```
 
 Exemplo de uso:
-```
+```html
 <po-info p-label="Data"
     [p-value]="date | dtsDateFormat : 'dd/MM/yyyy'">
 </po-info>
@@ -85,22 +240,49 @@ Exemplo de uso:
     [p-value]="date | dtsDateFormat : 'MM/dd/yyyy'">
 </po-info>
 ```
+<br>
+
+# Serviços
+
+## BreadcrumbControlService 
+
+**Objetivo:** Realiza a criação e controle do breadcrumb das telas.
+
+**Importação:**
+```ts
+import { BreadcrumbControlService } from 'dts-backoffice-util';
+```
+
+**Métodos:**
+
+| Nome | Descrição |
+|-|-|
+| newBreadcrumb | "Reinicia" o breadcrumb quando necessário. Ex: Telas que possuem menu lateral, ao passar de um menu para outro, o breadcrumb deve ser reiniciado.<br>**Parâmetros:** Não há.<br>**Retorno:** Não há. |
+| addBreadcrumb | Adiciona um item ao breadcrumb, considerando a URL atual da tela.<br>**Parâmetros:**<br>- literal (string): Nome da tela que será apresentado no breadcrumb.<br>- activatedRoute (ActivatedRoute): ActivedRoute da tela.<br>**Retorno:** Não há. |
+| addBreadcrumbURL | Adiciona um item ao breadcrumb, informando uma URL específica.<br>**Parâmetros:**<br>- literal (string): Nome da tela que será apresentado no breadcrumb.<br>- url (string): URL específica.<br>**Retorno:** Não há. |
+| updBreadcrumbURL | Altera uma informação qualquer contida na URL do item informado.<br>**Parâmetros:**<br>- literal (string): Nome da tela que está no breadcrumb.<br>- valueOld (string): Valor a ser substituído.<br>- valueNew (string): Novo valor.<br>**Retorno:** Não há. |
+| delBreadcrumb | Exclui um item do breadcrumb.<br>**Parâmetros:**<br>- literal (string): Nome do item (nome da tela), que deve ser excluído do breadcrumb.<br>**Retorno:** Não há. |
+| getBreadcrumb | Retorna o breadcrumb atual completo.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- breadcrumb (PoBreadcrumb) |
+| getCurrentRouter | Retorna a URL do breadcrumb do item corrente.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- url (string) |
+| getPrevRouter | Retorna a URL do breadcrumb do item anterior.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- url (string) |
+| hasPreviousRouter | Indica se existe um item de breadcrumb anterior.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- exist (boolean) |
+---
 
 <br>
 
-# MenuDatasulService 
+## MenuDatasulService 
 
 **Objetivo:** Interagir com o Menu do Datasul.
 
-Importação:
-```
+**Importação:**
+```ts
 import { MenuDatasulService } from 'dts-backoffice-util';
 
 constructor(public menuDatasulService: MenuDatasulService) {
 }
 ```
 
-Métodos:
+**Métodos:**
 
 | Nome | Descrição |
 |-|-|
@@ -111,8 +293,8 @@ Métodos:
 | programSecurity | Verifica a Segurança do Menu, identificando se o usuário corrente possui acesso a um ou mais programas.<br>**Parâmetros:**<br>- programName (string ou Array): Nome do Programa cadastro no Menu, que se deseja consultar a segurança. Podendo ser informado uma string simples com o Nome do Programa, ou um Array de strings com a lista de Programas.<br>**Retorno:** response (Observable(Array)): Array com as informações dos Programas pesquisados. O objeto contido no Array terá dois atributos:<br>programName (string): Nome do Programa no Menu.<br>hasAccess (boolean): Valor "TRUE" ou "FALSE", indicando se o usuário tem acesso ao programa. **Obs:** Se o programa não estiver cadastro no Menu, o retorno deste atributo será "FALSE". |
 ---
 
-Exemplo de uso:
-```
+**Exemplo de uso:**
+```ts
 // Executando uma tela Progress
 program = { 
   prg: 'bas_lote_liquidac_acr',
@@ -166,182 +348,150 @@ this.menuDatasulService
 
 <br>
 
-# TotvsScheduleExecutionComponent
+## ProfileService
 
-**Objetivo:** Componente para realização de agendamentos RPW.
+**Objetivo:** Salvar preferências do usuário.
 
-**Dependências:** Para usar esse componente deve ser instalado no projeto o pacote rxjs-compat.<br/>
-- **npm i rxjs-compat --save**
+**Importação:**
+```ts
+import { ProfileService, IProfile } from 'dts-backoffice-util';
 
-**Importação:** No módulo da aplicação importar o módulo abaixo:
-```
-@NgModule({
-    declarations: [
-        ...
-    ],
-    imports: [
-        ...,
-        DtsBackofficeUtilsModule.forRoot()
-    ],
-    providers: [],
-    bootstrap: [...]
-})
+constructor(public preferenceService: ProfileService) {
+}
 ```
 
-Parâmetros:
-
-| Nome | Tipo | Obrigatório | Descrição |
-|-|-|-|-|
-| programName | string | Sim | Código de Programa cadastrado no menu, do programa que será executado no RPW. |
-| externalName | string | Sim | Nome completo do Programa que será executado no RPW, diretório + nome externo.<br>**Importante:** Em virtude do dicionário (Foundation), este parâmetro é limitado a 24 dígitos. |
-| programEMS5 | boolean | Não | Indica se o programa progress é do EMS5. |
-| programStyle | number | Não | Número que representa o Estilo do Relatório no EMS5. | 
-| programVersion | string | Não | Versão do programa progress. |
-| parameters | Array | Sim | Objeto representando a Temp-Table que será enviada ao progress. |
-| paramDigitDef | Array | Não | Definição da Temp-Table tt-digita. Utilizado apenas pelo EMS2. Para cada campo da tt-digita, deve ser enviado um objeto com o seguinte formato: **{"chave": "string", "tipo": "string" }**. Onde **chave** representa o nome do campo, e **tipo** representa o tipo de dado (exemplo: character, integer, etc...). |
-| paramDigitData | Array | Não | Dados que serão enviados e alimentados na tt-digita. Utilizado apenas pelo EMS2. |
-| paramSelections | Array | Não | Parâmetros de Seleção. Utilizado apenas pelo EMS5. |
-| disabledParams | boolean | Não | Quando for igual a **"Sim"**, irá desabilitar todos os campos do Agendamento (Data Execução, Servidor, Repetir ocorrência, etc...). |
-| loading | boolean | Não | Quando for igual a **"Sim"**, irá apresentar a tela de "loading" no momento da criação da agenda até o retorno do serviço. |
-| endExecution | EventEmitter | Não | Evento que será disparado ao finalizar o agendamento. Ele irá enviar como parâmetro um objeto da interface **IScheduleParameters**, contendo os parâmetros informados pelo usuário. |
-
-Métodos:
+**Métodos:**
 
 | Nome | Descrição |
 |-|-|
-| setScheduleParameters | Atualiza as informações de agendamento com base no objeto que foi enviado como parâmetro.<br>**Parâmetros:**<br>- schParam (**IScheduleParameters**): Objeto com as informações do agendamento (Data Execução, Servidor, Repetir ocorrência, etc...).<br>**Retorno:** Não há. |
-| getScheduleParameters | Retorna um objeto da interface **IScheduleParameters**, contendo os atuais parâmetros informados pelo usuário na tela de agendamento.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- schParam (**IScheduleParameters**): Objeto com as informações do agendamento (Data Execução, Servidor, Repetir ocorrência, etc...). |
+| setProfile | Salva informações no profile do usuário.<br>**Parâmetros:**<br>- profile (IProfile): Objeto com as informações do usuário e as informações serem salvas.<br>**Retorno:**<br>- response (Observable(any)): Retorno do BackEnd. |
+| getProfileAsString | Retorna os valores salvos no formato de uma string.<br>**Parâmetros:**<br>- profile (IProfile): Objeto com as informações do usuário.<br>- showLoading (boolean): Indica se deve apresentar a tela de loading enquanto busca as informações.<br>**Retorno:**<br>- response (Observable(string)): Informações salvas. |
+| getProfileAsJSON | Retorna os valores salvos no formato de um JSON.<br>**Parâmetros:**<br>- profile (IProfile): Objeto com as informações do usuário.<br>- showLoading (boolean): Indica se deve apresentar a tela de loading enquanto busca as informações.<br>**Retorno:**<br>- response (Observable(object)): Informações salvas. |
+---
 
-Exemplo de Uso:
+**Interfaces:**
 
-Em conjunto com o parâmetro **endExecution** o método **setScheduleParameters** pode ser utilizado para salvar e recuperar as informações de agendamento informadas pelo usuário.
+IProfile
+| Nome | Tipo | Obrigatório | Descrição |
+|-|-|-|-|
+| pageId | string | Sim | Um ID para identificar a Tela que está salvando os parâmetros. |
+| userCode | string | Sim | Código do usuário (login). |
+| dataCode | string | Sim | Um ID para identificar o parâmetro. | 
+| dataValue | string | Não | Valor a ser salvo, nos GET's é opcional. |
+---
 
-**Definições no HTML:**
-```
-// EXEMPLO PARA EMS5
-<app-totvs-schedule-execution #schParam
-  programName="rpt_grp_repres"
-  externalName="rpt_grp_repres"        
-  programEMS5="true"
-  programStyle="40"
-  programVersion="1.00.00.004"
-  [parameters]="parametersRpw"
-  [paramSelections]="paramSelectionsRpw"
-  (endExecution)="endExecutionSchedule($event)">
-</app-totvs-schedule-execution>
+**Exemplo de Uso:**
+```ts
+const profile: IProfile = {
+  pageId: 'about-component',
+  userCode: 'super',
+  dataCode: 'preference',
+  dataValue: this.preference
+};
 
-// EXEMPLO PARA EMS2
-<app-totvs-schedule-execution #schParam
-  programName="pdapi701"
-  externalName="pdp/pdapi701.p"
-  [parameters]="parametersRpw"
-  [paramDigitDef]="paramDigitDefRpw"
-  [paramDigitData]="paramDigitDataRpw"
-  (endExecution)="endExecutionSchedule($event)">
-</app-totvs-schedule-execution>    
-```
-**Definições no JavaScript:**
+this.preferenceService
+  .setProfile(profile)
+  .subscribe((response) => {
+  this.notification.success('Preferência salva com sucesso!');
+}, (error) => {
+  this.notification.error('Não foi possível salvar a preferência');
+});
 ```
-@ViewChild('schParam', { static: true }) schParam: TotvsScheduleExecutionComponent;
 
-scheduleParams: IScheduleParameters;
-parametersRpw = new Array<any>();
-paramDigitDefRpw = new Array<any>();
-paramDigitDataRpw = new Array<any>();
-paramSelectionsRpw = new Array<any>();
+<br>
 
-ngOnInit(): void {
-  this.loadLocalStorage();
-  this.schParam.setScheduleParameters(this.scheduleParams);
+## ReportService
 
-  this.createParametersRpw();
+**Objetivo:** Faz a chamada do datasul-report e realiza o download do arquivo caso seja especificado.
+
+**Importação:**
+```ts
+import { 
+  ReportService, 
+  IReportServiceParams, 
+  ReportFormats
+} from 'dts-backoffice-util';
+
+constructor(public reportService: ReportService) {
 }
+```
+**Métodos:**
 
-createParametersRpw(): void {
-  // Parâmetros
-  this.parametersRpw = [
-    { chave: 'destino', valor: 2, tipo: 'integer' },
-    { chave: 'arquivo', valor: '', tipo: 'character' },
-    { chave: 'usuario', valor: 'FERNANDO', tipo: 'character' },
-    { chave: 'perfil', valor: 880, tipo: 'integer' }
-  ];
+| Nome | Descrição |
+|-|-|
+| generate | Retorna o arquivo binário gerado pelo datasul-report e faz o download do arquivo.<br>**Parâmetros:**<br>- params (IReportServiceParams): Parâmetros para execução do relatório.<br>- showLoading (boolean): Indica se deve apresentar a tela de loading enquanto busca as informações.<br>**Retorno:**<br>- response (Observable(Blob)) |
+---
+<br>
 
-  // Definição da tt-digita (EMS2)
-  this.paramDigitDefRpw = [
-    { chave: 'cod-estab', tipo: 'character' },
-    { chave: 'cod-ccusto', tipo: 'integer' }
-  ];
+**Interfaces:**
 
-  // Dados da tt-digita (EMS2)
-  this.paramDigitDataRpw = [
-    { "cod-estab": '19', "cod-ccusto": 17 },
-    { "cod-estab": '28', "cod-ccusto": 11 },
-    { "cod-estab": '73', "cod-ccusto": 90 }
-  ];
+IReportServiceParams
+
+| Nome | Tipo | Obrigatório | Descrição |
+|-|-|-|-|
+| reportName | string | Sim | Nome do arquivo .rptDesign |
+| programName | string | Sim | Nome do programa progress. | 
+| properties | Array | Sim | Lista de parâmetros que serão enviados ao progress. O objeto do Array deve implementar a interface **IProperty**. |
+| dialect | string | Sim | Idioma do usuário. |
+| downloadName | string | Sim | Nome que será dado ao arquivo de download. |
+| download | boolean | Sim | O download deve ser efetuado |
+| format | enum | Sim | Formato do Arquivo (XLSX, PDF, DOCX ou HTML). Enum: **ReportFormats**. |
+---
 
-  // Seleção (Relatório Regra/Exceção do EMS5)
-  this.paramSelectionsRpw = [
-    { ind_dwb_set_type: "Regra", cod_dwb_set: "estab",
-      cod_dwb_set_initial: "01", cod_dwb_set_final: "FF", log_dwb_rule: true },
-    { ind_dwb_set_type: "Exceção", cod_dwb_set: "ccusto",
-      cod_dwb_set_initial: "30", cod_dwb_set_final: "35", log_dwb_rule: false }
-  ]
-}
+IProperty
 
-endExecutionSchedule(event): void {
-  this.scheduleParams = event;
-  this.saveLocalStorage();
-}
+| Nome | Tipo | Obrigatório | Descrição |
+|-|-|-|-|
+| name | string | Sim | Nome do parâmetro |
+| value | string | Sim | Valor do parâmetro |
+---
 
-private saveLocalStorage(): void {
-  if (typeof (Storage) === 'undefined') { return; }
-  localStorage.setItem('param-maint.schParam', JSON.stringify(this.scheduleParams));
-}
+<br>
 
-private loadLocalStorage(): void {
-  if (typeof (Storage) === 'undefined') { return; }
-  this.scheduleParams = JSON.parse(localStorage.getItem('param-maint.schParam'));
+**Enums**
+```ts
+declare enum ReportFormats {
+    XLSX = "xlsx",
+    PDF = "pdf",
+    DOCX = "docx",
+    HTML = "html"
 }
 ```
-**Definições no Progress:**
-```
-DEFINE TEMP-TABLE tt-param NO-UNDO
-  FIELD destino AS INTEGER
-  FIELD arquivo AS CHARACTER
-  FIELD usuario AS CHARACTER
-  FIELD perfil  AS INTEGER.
-
-DEFINE TEMP-TABLE tt-digita NO-UNDO
-  FIELD cod-estab  AS CHARACTER
-  FIELD cod-ccusto AS INTEGER.
-```
 
-Interfaces:
+**Exemplo de Uso:**
+```ts
+const properties: Array<IProperty> = [
+  { 
+    name: 'custom.quick_search', 
+    value: '186'
+  }
+];
 
-IScheduleParameters
-| Nome | Tipo | Descrição | Valor - Label Valor |
-|-|-|-|-|
-| executionType | number | Tipo Execução | 1 - Executar Hoje<br>2 - Agendar Execução |
-| execAppointDate | date | Data Agendada | |
-| execAppointHour | string | Hora Agendada | |
-| executionServer | string | Servidor RPW | |
-| repeatExecution | boolean | Repetir Ocorrência | |
-| repeatType | number | Tipo Repetição | 1 - Diária<br>2 - Semanal<br>3 - Mensal |
-| frequency | string | Frequência | "no" - Uma vez no dia<br>"yes" - Várias vezes no dia |
-| frequencyValue | number | Quantidade da Frequência | |
-| frequencyType | string | Tipo Frequência | "hour" - Hora(s)<br>"minute" - Minuto(s) |
-| execAppointHourInit | string | Hora Inicial Frequência | |
-| execAppointHourFinal | string | Hora Final Frequência | |
-| selectWeeklys | Array | Dia da Semana<br>Frequência Semanal | Sunday - Domingo<br>Monday - Segunda<br>Tuesday - Terça<br>Wednesday - Quarta<br>Thursday - Quinta<br>Friday - Sexta<br>Saturday - Sábado |
-| dayOfMonth | number | Dia do Mês<br>Frequência Mensal | |
+const params: IReportServiceParams = {
+  reportName: 'crm/rel_campaign_export',
+  programName: '/report/crm/crm0010',
+  properties,
+  dialect: 'pt',
+  download: true,
+  downloadName: '2020-1-10_13-51-53_CRM_CAMPANHAS',
+  format: ReportFormats.XLSX
+};
 
+this.reportService
+  .generate(params)
+  .subscribe(() => {
+  this.notification.error("Arquivo baixado com sucesso!");
+}, () => {
+  this.notification.error("Não foi possível baixar o arquivo");
+});
+```
 <br>
 
-# TotvsScheduleExecutionService
+## TotvsScheduleExecutionService
 
 **Objetivo:** Serviço que disponibiliza métodos para geração de agendamento e acompanhamento do RPW.
 
-Métodos:
+**Métodos:**
 
 | Nome | Descrição |
 |-|-|
@@ -351,13 +501,13 @@ Métodos:
 | followUpExcByJobScheduleID | Utilizado para acompanhar a execução do agendamento realizado no RPW, verificando o status da execução, até que ele seja finalizado.<br>**Parâmetros:**<br>- jobScheduleID (string): ID interno do Agendamento que se deseja acompanhar.<br>- intervalNum (number): Tempo em milisegundos para verificação do status do agendamento. Por exemplo, se for informado **5000**, será verificado o status do agendamento em 5 e 5 segundos até a execução terminar.<br>- fncCallBack (Function): Método que será executado após a tela receber o status da execução do agendamento. Ele será executado várias vezes até a execução terminar, no intervalo de tempo determinado no parâmetro **intervalNum**. Este método irá receber um objeto da interface **IExecutionStatus** com o status da execução. O método deverá retornar um valor **boolean** indicando se o processo deve continuar sendo monitorado ou não. Se for retornado "false", o agendamento não será mais monitorado. **Observação**: Isto não afeta a execução do agendamento no RPW, ele continuará executando normalmente.<br>- loading (boolean): Quando for igual a **"Sim"**, irá apresentar a tela de "loading" até finalizar o acompanhamento do agendamento.<br>**Retorno:** Não há. |
 | followUpExcByExecutionID | Utilizado para acompanhar a execução do agendamento realizado no RPW, verificando o status da execução, até que ele seja finalizado.<br>**Parâmetros:**<br>- executionID (string): Número do Agendamento que se deseja acompanhar.<br>- intervalNum (number): Tempo em milisegundos para verificação do status do agendamento. Por exemplo, se for informado **5000**, será verificado o status do agendamento em 5 e 5 segundos até a execução terminar.<br>- fncCallBack (Function): Método que será executado após a tela receber o status da execução do agendamento. Ele será executado várias vezes até a execução terminar, no intervalo de tempo determinado no parâmetro **intervalNum**. Este método irá receber um objeto da interface **IExecutionStatus** com o status da execução. O método deverá retornar um valor **boolean** indicando se o processo deve continuar sendo monitorado ou não. Se for retornado "false", o agendamento não será mais monitorado. **Observação**: Isto não afeta a execução do agendamento no RPW, ele continuará executando normalmente.<br>- loading (boolean): Quando for igual a **"Sim"**, irá apresentar a tela de "loading" até finalizar o acompanhamento do agendamento.<br>**Retorno:** Não há. |
 | getObjectByValue <br> getFilteredItems | Métodos utilizados pelo componente PO-LOOKUP. Desta forma, é possível utilizar o **TotvsScheduleExecutionService** para disponibilizar um lookup de Servidor de Execução RPW na tela. |
-
-Exemplo de Uso:
+---
+**Exemplo de Uso:**
 
 Segue abaixo exemplos da geração de agendamento, busca e acompanhamento da execução.
 
 **Definições no HTML:**
-```
+```html
 <po-lookup
   p-label="Servidor RPW"
   p-placeholder="Servidor RPW"
@@ -370,7 +520,7 @@ Segue abaixo exemplos da geração de agendamento, busca e acompanhamento da exe
 </po-lookup>
 ```
 **Definições no JavaScript:**
-```
+```ts
 executionServer: string;
 jobScheduleID: string;
 executionID: string;
@@ -535,7 +685,7 @@ DEFINE TEMP-TABLE tt-digita NO-UNDO
   FIELD cod-ccusto AS INTEGER.
 ```
 
-Interfaces:
+**Interfaces:**
 
 IExecutionParameters
 | Nome | Tipo | Obrigatório | Descrição |
@@ -550,6 +700,7 @@ IExecutionParameters
 | paramDigitDef | Array | Não | Definição da Temp-Table tt-digita. Utilizado apenas pelo EMS2. Para cada campo da tt-digita, deve ser enviado um objeto com o seguinte formato: **{"chave": "string", "tipo": "string" }**. Onde **chave** representa o nome do campo, e **tipo** representa o tipo de dado (exemplo: character, integer, etc...). |
 | paramDigitData | Array | Não | Dados que serão enviados e alimentados na tt-digita. Utilizado apenas pelo EMS2. |
 | paramSelections | Array | Não | Parâmetros de Seleção. Utilizado apenas pelo EMS5. |
+---
 
 IExecutionStatus
 | Nome | Tipo | Descrição |
@@ -559,214 +710,137 @@ IExecutionStatus
 | startedDate | Date | Data e hora em que o agendamento iniciou a execução no RPW. |
 | error | string | Quando o status for igual a **'FAILURE'**, esta propriedade terá a descrição do erro. |
 | status | string | Status da execução, podendo ser:<br>- PENDING: O agendamento está enfileirado, aguardando o início da execução.<br>- RUNNING: O agendamento está em execução.<br>- SUCCESS: O agendamento terminou corretamente, sem erros.<br>- FAILURE: O agendamento terminou com erro. A descrição do erro estará disponível na propriedade **error**. Observação: Caso não exista um agendamento com o ID informado, também será retornar este status de erro. |
-
 ---
 
 <br>
 
-# ProfileService
-
-**Objetivo:** Salvar preferências do usuário.
+## TranslateService 
 
-Importação:
-```
-import { ProfileService, IProfile } from 'dts-backoffice-util';
+**Objetivo:** Realizar o controle do idioma corrente, considerando o que estiver parametrizado no Cadastro de Usuários do Datasul, e caso não esteja informado, será considerado o idioma informado no Browse.
 
-constructor(public preferenceService: ProfileService) {
-}
+**Importação:**
+```ts
+import { TranslateService } from 'dts-backoffice-util';
 ```
 
-Métodos:
+**Métodos:**
 
 | Nome | Descrição |
 |-|-|
-| setProfile | Salva informações no profile do usuário.<br>**Parâmetros:**<br>- profile (IProfile): Objeto com as informações do usuário e as informações serem salvas.<br>**Retorno:**<br>- response (Observable(any)): Retorno do BackEnd. |
-| getProfileAsString | Retorna os valores salvos no formato de uma string.<br>**Parâmetros:**<br>- profile (IProfile): Objeto com as informações do usuário.<br>- showLoading (boolean): Indica se deve apresentar a tela de loading enquanto busca as informações.<br>**Retorno:**<br>- response (Observable(string)): Informações salvas. |
-| getProfileAsJSON | Retorna os valores salvos no formato de um JSON.<br>**Parâmetros:**<br>- profile (IProfile): Objeto com as informações do usuário.<br>- showLoading (boolean): Indica se deve apresentar a tela de loading enquanto busca as informações.<br>**Retorno:**<br>- response (Observable(object)): Informações salvas. |
----
-
-Interfaces:
-
-IProfile
-| Nome | Tipo | Obrigatório | Descrição |
-|-|-|-|-|
-| pageId | string | Sim | Um ID para identificar a Tela que está salvando os parâmetros. |
-| userCode | string | Sim | Código do usuário (login). |
-| dataCode | string | Sim | Um ID para identificar o parâmetro. | 
-| dataValue | string | Não | Valor a ser salvo, nos GET's é opcional. |
+| getCurrentLanguage | Retorna o idioma corrente. Será considerado no primeiro momento a chave "user.language" do localStorage. Caso ela não exista ou seja inválida, será considerado o idioma parametrizado no Browse. Além disso, o idioma deve estar disponível na lista de suportados, conforme métodos "getSuportLanguage".<br>**Parâmetros:** Não há.<br>**Retorno:** string |
+| getSuportLanguage | Retornar uma lista com os atuais idiomas suportados.<br>**Parâmetros:** Não há.<br>**Retorno:** Array(string) |
 ---
 
-Exemplo de Uso:
-```
-const profile: IProfile = {
-  pageId: 'about-component',
-  userCode: 'super',
-  dataCode: 'preference',
-  dataValue: this.preference
-};
-
-this.preferenceService
-  .setProfile(profile)
-  .subscribe((response) => {
-  this.notification.success('Preferência salva com sucesso!');
-}, (error) => {
-  this.notification.error('Não foi possível salvar a preferência');
-});
-```
-
 <br>
 
-# UserLoginService
+## UserLoginService
 
 **Objetivo:** Retorna o login do usuário tanto no framework atual e quanto no novo framework.
 
-Importação:
-```
+**Importação:**
+```ts
 import { UserLoginService } from 'dts-backoffice-util';
 
 constructor( public sessionService: UserLoginService) {
 }
 ```
 
-Métodos:
+**Métodos:**
 
 | Nome | Descrição |
 |-|-|
 | getUserLogin | Retorna o login do usuário.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- response (Observable(string)) |
 ---
 
-Exemplo de Uso:
-```
+**Exemplo de Uso:**
+```ts
 this.sessionService
   .getUserLogin()
   .subscribe((user) => {
   this.notification.success(`O usuário logado é ${user}`);
 });
 ```
-
 <br>
 
-# ReportService
+## ValidateService
 
-**Objetivo:** Faz a chamada do datasul-report e realiza o download do arquivo caso seja especificado.
+**Objetivo:** Realizar o tratamento da validação de campos em formulários, quando utilizados vários componentes **Dynamic Form** na tela de criação/edição. Nesse caso, ao disparar uma validação através de um campo presente em um formulário e nessa validação alterar propriedades e valores de campos que estão em um formulário diferente, a validação não é aplicada. Para o correto funcionamento das validações, é necessário que haja um tratamento da validação no Front End utilizando os métodos criados neste serviço.
 
-Importação:
-```
-import { 
-  ReportService, 
-  IReportServiceParams, 
-  ReportFormats
-} from 'dts-backoffice-util';
+**Importação:**
+```ts
+import { ValidateService } from 'dts-backoffice-util';
 
-constructor(public reportService: ReportService) {
+constructor(private validateService: ValidateService) { 
 }
 ```
-Métodos:
+
+**Métodos:**
 
 | Nome | Descrição |
 |-|-|
-| generate | Retorna o arquivo binário gerado pelo datasul-report e faz o download do arquivo.<br>**Parâmetros:**<br>- params (IReportServiceParams): Parâmetros para execução do relatório.<br>- showLoading (boolean): Indica se deve apresentar a tela de loading enquanto busca as informações.<br>**Retorno:**<br>- response (Observable(Blob)) |
----
-
-Interfaces:
-
-IReportServiceParams
-
-| Nome | Tipo | Obrigatório | Descrição |
-|-|-|-|-|
-| reportName | string | Sim | Nome do arquivo .rptDesign |
-| programName | string | Sim | Nome do programa progress. | 
-| properties | Array | Sim | Lista de parâmetros que serão enviados ao progress. O objeto do Array deve implementar a interface **IProperty**. |
-| dialect | string | Sim | Idioma do usuário. |
-| downloadName | string | Sim | Nome que será dado ao arquivo de download. |
-| download | boolean | Sim | O download deve ser efetuado |
-| format | enum | Sim | Formato do Arquivo (XLSX, PDF, DOCX ou HTML). Enum: **ReportFormats**. |
+| validate | Realiza uma requisição com o verbo POST para a URL de validação recebida por parâmetro e enviando no payload o objeto de validação também recebido por parâmetro.<br>**Parâmetros:** <br>- url (string): URL referente ao endPoint de validação de formulários da API. Ex.: "/api/rep/v1/userParameters/validateForm".<br>- value ([PoDynamicFormFieldChanged](https://github.com/po-ui/po-angular/blob/master/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-validation/po-dynamic-form-field-changed.interface.ts)): Objeto com a interface do PO UI que é recebido na função de `validate` do [Dynamic Form](https://po-ui.io/documentation/po-dynamic-form).<br>**Retorno:** Promise([PoDynamicFormValidation](https://github.com/po-ui/po-angular/blob/master/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-validation/po-dynamic-form-validation.interface.ts)) - Retorna uma promise de um objeto com a interface  PoDynamicFormValidation.  |
+| updateFormFields | Atualiza as propriedades dos campos do formulário enviado por parâmetro com base nas validações, também recebidas por parâmetro.<br>**Parâmetros:** <br>- validation ([PoDynamicFormValidation](https://github.com/po-ui/po-angular/blob/master/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-validation/po-dynamic-form-validation.interface.ts)): Objeto com o resultado das validações retornado pelo método validate.<br>- fields (Array([PoDynamicFormField](https://github.com/po-ui/po-angular/blob/master/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.ts))): Array de objetos com a interface do PO UI. Esse array corresponde à lista de campos do formulário, utilizado para definir a propriedade `fields` no [Dynamic Form](https://po-ui.io/documentation/po-dynamic-form).<br>**Retorno:** Array([PoDynamicFormField](https://github.com/po-ui/po-angular/blob/master/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.ts)) - Retorna o array de campos com as propriedades atualizadas conforme a validação. |
+| updateFormValue | Atualiza os valores dos campos utilizados no formulário com base nas validações.<br>**Parâmetros:** <br>- validation ([PoDynamicFormValidation](https://github.com/po-ui/po-angular/blob/master/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-validation/po-dynamic-form-validation.interface.ts)): Objeto com o resultado das validações retornado pelo método validate.<br>- value (Objeto(any)): Objeto com os dados da entidade/recurso utilizado para alimentar os campos dos formulários, utilizado para definir a propriedade `fields` no [Dynamic Form](https://po-ui.io/documentation/po-dynamic-form).<br>**Retorno:** Objeto(any) - Retorna o objeto de dados da entidade/recurso com os dados atualizados conforme a validação. |
 ---
 
-IProperty
+**Exemplo de Uso:**
 
-| Nome | Tipo | Obrigatório | Descrição |
-|-|-|-|-|
-| name | string | Sim | Nome do parâmetro |
-| value | string | Sim | Valor do parâmetro |
----
+**Definições no HTML:**
 
-Enums
-```
-declare enum ReportFormats {
-    XLSX = "xlsx",
-    PDF = "pdf",
-    DOCX = "docx",
-    HTML = "html"
+Ao invés de passar diretamente a url do endPoint para a propriedade `p-validate` do componente Dynamic Form, deve ser passada uma função `[p-validate]="onValidate.bind(this)"`, como apresentado a seguir. Fazer isso para todos os componentes Dynamic Form.
+```html
+<po-accordion-item [p-label]="metadata?.literals?.enableDisableFields" #enableDisableFields>
+    <po-dynamic-form name="formEnableDisableFields" 
+        [p-fields]="metadata?.fieldsTypingEnableDisable"
+        [p-value]="userParameters"
+        [p-validate]="onValidate.bind(this)"
+        [p-validate-fields]='metadata?.validateFields'>
+    </po-dynamic-form>
+</po-accordion-item>
+
+<po-accordion-item [p-label]="metadata?.literals?.configurations" #configurationsTyping>
+    <po-dynamic-form name="formConfigurations" 
+        [p-fields]="metadata?.fieldsTypingConfigurations"
+        [p-value]="userParameters"
+        [p-validate]="onValidate.bind(this)"
+        [p-validate-fields]='metadata?.validateFields'>
+    </po-dynamic-form>
+</po-accordion-item>  
+```
+**Definições no TypeScript:**
+
+No typescript de controle do componente defina a função de validação conforme apresentado a seguir.
+```ts
+public async onValidate(fieldChanged: PoDynamicFormFieldChanged){
+    let validation: PoDynamicFormValidation = await this.validateService.validate('/api/rep/v1/userParameters/validateForm', fieldChanged);
+    
+    this.metadata.fieldsTypingEnableDisable = [...this.validateService.updateFormFields(validation, this.metadata.fieldsTypingEnableDisable)];
+    this.metadata.fieldsTypingConfigurations = [...this.validateService.updateFormFields(validation, this.metadata.fieldsTypingConfigurations)];
+
+    this.userParameters = {...this.validateService.updateFormValue(validation, this.userParameters)};
+    
+    return validation;
 }
 ```
-
-Exemplo de Uso:
-```
-const properties: Array<IProperty> = [
-  { 
-    name: 'custom.quick_search', 
-    value: '186'
-  }
-];
-
-const params: IReportServiceParams = {
-  reportName: 'crm/rel_campaign_export',
-  programName: '/report/crm/crm0010',
-  properties,
-  dialect: 'pt',
-  download: true,
-  downloadName: '2020-1-10_13-51-53_CRM_CAMPANHAS',
-  format: ReportFormats.XLSX
-};
-
-this.reportService
-  .generate(params)
-  .subscribe(() => {
-  this.notification.error("Arquivo baixado com sucesso!");
-}, () => {
-  this.notification.error("Não foi possível baixar o arquivo");
-});
-```
-
-<br>
-
-# BreadcrumbControlService 
-
-**Objetivo:** Realiza a criação e controle do breadcrumb das telas.
-
-Importação:
-```
-import { BreadcrumbControlService } from 'dts-backoffice-util';
-```
-
-Métodos:
-
-| Nome | Descrição |
-|-|-|
-| newBreadcrumb | "Reinicia" o breadcrumb quando necessário. Ex: Telas que possuem menu lateral, ao passar de um menu para outro, o breadcrumb deve ser reiniciado.<br>**Parâmetros:** Não há.<br>**Retorno:** Não há. |
-| addBreadcrumb | Adiciona um item ao breadcrumb, considerando a URL atual da tela.<br>**Parâmetros:**<br>- literal (string): Nome da tela que será apresentado no breadcrumb.<br>- activatedRoute (ActivatedRoute): ActivedRoute da tela.<br>**Retorno:** Não há. |
-| addBreadcrumbURL | Adiciona um item ao breadcrumb, informando uma URL específica.<br>**Parâmetros:**<br>- literal (string): Nome da tela que será apresentado no breadcrumb.<br>- url (string): URL específica.<br>**Retorno:** Não há. |
-| updBreadcrumbURL | Altera uma informação qualquer contida na URL do item informado.<br>**Parâmetros:**<br>- literal (string): Nome da tela que está no breadcrumb.<br>- valueOld (string): Valor a ser substituído.<br>- valueNew (string): Novo valor.<br>**Retorno:** Não há. |
-| delBreadcrumb | Exclui um item do breadcrumb.<br>**Parâmetros:**<br>- literal (string): Nome do item (nome da tela), que deve ser excluído do breadcrumb.<br>**Retorno:** Não há. |
-| getBreadcrumb | Retorna o breadcrumb atual completo.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- breadcrumb (PoBreadcrumb) |
-| getCurrentRouter | Retorna a URL do breadcrumb do item corrente.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- url (string) |
-| getPrevRouter | Retorna a URL do breadcrumb do item anterior.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- url (string) |
-| hasPreviousRouter | Indica se existe um item de breadcrumb anterior.<br>**Parâmetros:** Não há.<br>**Retorno:**<br>- exist (boolean) |
----
+> Notas:
+> + A função `onValidate` precisar ser definado com a palavre `async`, pois precisa aguardar o retorno da função `validate` do serviço.
+> + Substitua o array de campos nas chamadas do método `updateFormFields` para corresponder ao array utilizado no Dynamic Form. Para cada formulário dinâmico existente na tela, deve haver uma chamada ao método `updateFormFields`.
+> + Substitua o objeto na chamada do método `updateFormValue` para corresponder ao objeto utilizado no `p-value` dos formulários. Como será utilizado o mesmo objeto para os valores essa chamada ocorrerá apenas uma vez.
 
 <br> 
 
-# DateUtil
+# Utils
+
+## DateUtil
 
 **Objetivo:** Manipula informações de data.
 
-Importação:
-```
+**Importação:**
+```ts
 import { DateUtil } from 'dts-backoffice-util';
 ```
 
-Métodos:
+**Métodos:**
 
 | Nome | Descrição |
 |-|-|
@@ -777,19 +851,30 @@ Métodos:
 | ajustDateToModel | Ajusta a data para o padrão do objeto Date. Utilizado nos construtores dos modelos.<br>**Parâmetros:**<br>- object (object): Objeto que possui atributos do tipo data.<br>- fieldName (string): Nome do Atributo que possui a data.<br>**Retorno:**<br>- date (date) |
 | pad | Adiciona zero à esquerda do número.<br>**Parâmetros:**<br>- number (number): Número.<br>**Retorno:**<br>- number (string) |
 ---
+<br>
+
+## DisclaimerUtil
+
+xxxx
+
+<br> 
+
+## FieldValidationUtil
+
+xxxx
 
 <br> 
 
-# FileUtil
+## FileUtil
 
 **Objetivo:** Auxílio na manipulação de Arquivos.
 
-Importação:
-```
+**Importação:**
+```ts
 import { FileUtil } from 'dts-backoffice-util';
 ```
 
-Métodos:
+**Métodos:**
 
 | Nome | Descrição |
 |-|-|
@@ -797,13 +882,12 @@ Métodos:
 | downloadData | Realiza a criação e o download de um arquivo CSV gerado a partir de um listagem de dados (criada diretamente no FrontEnd ou retornada do BackEnd). Este método pode ser utilizado para, por exemplo, exportar os dados de um Grid.<br>**Parâmetros:**<br>- data (Array): Um Array com a listagem de dados, por exemplo, uma lista de clientes.<br>- dwldDataParam (IDownloadDataParams): Parâmetros de configuração do arquivo. Este parâmetro é opcional, caso ele não seja informado, serão assumidos valores padrões de configuração, conforme descrito na inteface **IDownloadDataParams**.<br>**Retorno:** não há. |
 | fileToB64 | Realiza a conversão de um arquivo para o formato Base64.<br>**Parâmetros:**<br>- file (File): Objeto do Tipo "File".<br>**Retorno:**<br>- content (string): Conteúdo do arquivo no formato Base64. |
 | b64toBlob | Realiza a conversão de um arquivo que está no formato Base64, para o formato Blob.<br>**Parâmetros:**<br>- b64Data (any): Conteúdo do Arquivo no formato Base64.<br>- contentType (string): Tipo do Arquivo no formato [**MIME Type**](https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types). Este parâmetro é opcional.<br>**Retorno:**<br>- content (Blob): Conteúdo do arquivo no formato Blob. |
-
 ---
 
-Exemplo de Uso:
+**Exemplo de Uso:**
 
 **Definições no JavaScript:**
-```
+```ts
 // TS da Tela
 
 import { FileUtil } from 'dts-backoffice-util';
@@ -884,7 +968,7 @@ oOutput:ADD("filename", v_cod_arq).
 oOutput:ADD("content",  v_lch_arq).
 ```
 
-Interfaces:
+**Interfaces:**
 
 IDownloadDataParams
 
@@ -895,27 +979,16 @@ IDownloadDataParams
 | columnDelimiter | string | Não | Caracter utilizado para separação das colunas. Caso não seja informado, será utilizado o caracter **";"**. |
 | columnList | Array(string) | Não | Lista das colunas que devem ser exportadas para o arquivo. As colunas serão exportadas na mesma ordem informada neste parâmetro. Caso não seja informada, serão exportadas todas as colunas da listagem. |
 | columnExclude | Array(string) | Não | Lista das colunas que não devem ser exportadas para o arquivo. Caso não seja informada, serão exportadas todas as colunas da listagem. |
+---
 
 <br> 
 
-# DisclaimerUtil
-
-xxxx
-
-<br> 
-
-# FieldValidationUtil
-
-xxxx
-
-<br> 
-
-# FilterRangeUtil
+## FilterRangeUtil
 
 xxxx
 
 <br> 
 
-# GenericFunctionsUtils
+## GenericFunctionsUtils
 
 xxxx