From c71b367159e899d5844756c9d844fc5258ca838a Mon Sep 17 00:00:00 2001
From: CSimoesJr <ju_csimoes@hotmail.com>
Date: Fri, 24 Nov 2023 11:19:21 -0300
Subject: [PATCH 1/2] build: atualiza para o Angular 17@next

Atualiza projeto para o angular 17@next.

fixes DTHFUI-8041
---
 .eslintrc.json                                |  13 +-
 .github/workflows/ci.yml                      |  14 +-
 .github/workflows/publish_po_angular_ci.yml   |  12 +-
 .husky/commit-msg                             |   4 +
 .husky/pre-commit                             |   5 +
 .huskyrc                                      |   6 -
 .lintstagedrc                                 |   3 +
 README.md                                     |  32 ++---
 angular.json                                  |  12 +-
 docs/guides/development-flow.md               |   2 +-
 docs/guides/getting-started.md                |  40 +++---
 docs/guides/migration-poui.md                 |   6 +-
 docs/guides/releases.md                       |   9 +-
 docs/guides/schematics.md                     |   6 +-
 docs/guides/sync-fundamentals.md              |   2 +-
 docs/guides/sync-get-started.md               |  56 ++++----
 package.json                                  | 126 +++++++++---------
 projects/code-editor/package.json             |  16 +--
 projects/code-editor/tsconfig.schematics.json |   2 +-
 .../docs/processors/helpers/file-writer.js    |   7 +-
 .../docs/templates/api/class.template.html    |   2 +-
 .../api/componentGroup.template.html          |  12 +-
 .../docs/templates/api/enum.template.html     |   2 +-
 .../templates/api/interface.template.html     |   4 +-
 .../docs/templates/api/method.template.html   |  10 +-
 .../templates/api/property-enum.template.html |   2 +-
 .../api/property-interface.template.html      |   4 +-
 .../docs/templates/api/property.template.html |   6 +-
 .../templates/samples/index.template.html     |  12 +-
 projects/portal/gulpfile.js                   |   3 +-
 .../documentation-list.component.html         |   2 +-
 .../app/documentation/documentation.module.ts |   4 +-
 projects/schematics/package.json              |   8 +-
 projects/schematics/src/module/module.ts      |  14 +-
 projects/schematics/src/project/project.ts    |  10 +-
 projects/storage/package.json                 |  16 +--
 .../src/lib/services/po-storage.service.ts    |   2 +-
 projects/storage/tsconfig.schematics.json     |   2 +-
 projects/sync/package.json                    |  20 +--
 projects/sync/tsconfig.schematics.json        |   3 +-
 projects/templates/package.json               |  22 +--
 .../po-page-login-popover.component.spec.ts   |   1 -
 projects/templates/tsconfig.schematics.json   |   2 +-
 projects/ui/.eslintrc.json                    |  12 +-
 projects/ui/package.json                      |  26 ++--
 .../ui/schematics/ng-add/setup-project.ts     |  48 +++++++
 .../app.component.__style__.template          |   0
 .../app.component.html.template               |   9 ++
 .../app.component.spec.ts.template            |  18 +++
 .../app.component.ts.template                 |  35 +++++
 .../files/app.component.spec.ts.template      |  26 ++--
 .../schematics/ng-generate/sidemenu/index.ts  |   5 +-
 ...mple-po-container-dashboard.component.html |   2 +-
 ...sample-po-container-dashboard.component.ts |   2 +-
 .../po-dynamic-form-field.interface.ts        |   4 +-
 .../po-gauge-path/po-gauge-path.component.ts  |   6 +-
 .../po-menu-panel/po-menu-panel.component.ts  |   2 +-
 .../components/po-menu/po-menu.component.ts   |   2 +-
 .../sample-po-menu-labs.component.ts          |   2 +-
 ...e-po-page-default-dashboard.component.html |   2 +-
 .../po-progress/po-progress.component.ts      |   4 +-
 .../input-required.decorator.spec.ts          |   4 +-
 .../sample-po-i18n-pipe.component.html        |   6 +-
 projects/ui/src/lib/utils/util.spec.ts        |   4 +-
 projects/ui/tsconfig.schematics.json          |   2 +-
 65 files changed, 451 insertions(+), 306 deletions(-)
 create mode 100644 .husky/commit-msg
 create mode 100644 .husky/pre-commit
 delete mode 100644 .huskyrc
 create mode 100644 .lintstagedrc
 create mode 100644 projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.__style__.template
 create mode 100644 projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.html.template
 create mode 100644 projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.spec.ts.template
 create mode 100644 projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.ts.template

diff --git a/.eslintrc.json b/.eslintrc.json
index 9308c785f..6521fcec9 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -9,12 +9,16 @@
         "createDefaultProgram": true
       },
       "extends": [
-        "plugin:@angular-eslint/ng-cli-compat",
-        "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
+        "plugin:@typescript-eslint/recommended",
+        "plugin:@angular-eslint/recommended",
         "plugin:@angular-eslint/template/process-inline-templates"
       ],
       "plugins": ["sonarjs", "eslint-plugin-react"],
       "rules": {
+        "@typescript-eslint/no-explicit-any": "off",
+        "@typescript-eslint/no-this-alias": "off",
+        "@typescript-eslint/no-unused-vars": "off",
+        "@typescript-eslint/no-array-constructor": "off",
         "@angular-eslint/component-selector": [
           "error",
           {
@@ -126,6 +130,11 @@
             "format": ["camelCase", "UPPER_CASE", "snake_case", "PascalCase"],
             "leadingUnderscore": "allow"
           },
+          {
+            "selector": "import",
+            "format": ["camelCase", "PascalCase"],
+            "leadingUnderscore": "allow"
+          },
           {
             "selector": "classProperty",
             "format": ["camelCase", "UPPER_CASE", "snake_case", "PascalCase"],
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index e34f2d89e..f32eef3e9 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -29,7 +29,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: 18
 
     # Executa um comando do projeto na máquina virtual
     - run: npm i
@@ -51,7 +51,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: 18
 
     - run: npm i
     - run: npm run build
@@ -74,7 +74,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: 18
 
     - run: npm i
     - run: npm run test:ui
@@ -91,7 +91,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: 18
 
     - run: npm i
     - run: npm run build:ui:lite
@@ -109,7 +109,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: 18
 
     - run: npm i
     - run: npm run test:code-editor
@@ -126,7 +126,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: 18
 
     - run: npm i
     - run: npm run test:storage
@@ -143,7 +143,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 16
+        node-version: 18
 
     - run: npm i
     - run: npm run build:storage:lite
diff --git a/.github/workflows/publish_po_angular_ci.yml b/.github/workflows/publish_po_angular_ci.yml
index 0f17735cd..c9584aed3 100644
--- a/.github/workflows/publish_po_angular_ci.yml
+++ b/.github/workflows/publish_po_angular_ci.yml
@@ -62,7 +62,7 @@ jobs:
       #if: (!contains(env.PACKAGE_VERSION, env.SCHEMATICS_LAST_PUBLISHED_VERSION))
       uses: actions/setup-node@v3
       with:
-        node-version: '16.x'
+        node-version: '18.x'
         registry-url: 'https://registry.npmjs.org'
     - run: npm publish ${{env.WORKING_DIR}}/dist/ng-schematics --ignore-scripts
       env:
@@ -82,7 +82,7 @@ jobs:
       if: (!contains(env.PACKAGE_VERSION, env.STORAGE_LAST_PUBLISHED_VERSION))
       uses: actions/setup-node@v3
       with:
-        node-version: '16.x'
+        node-version: '18.x'
         registry-url: 'https://registry.npmjs.org'
     - run: npm publish ${{env.WORKING_DIR}}/dist/ng-storage --ignore-scripts
       env:
@@ -102,7 +102,7 @@ jobs:
       if: (!contains(env.PACKAGE_VERSION, env.SYNC_LAST_PUBLISHED_VERSION))
       uses: actions/setup-node@v3
       with:
-        node-version: '16.x'
+        node-version: '18.x'
         registry-url: 'https://registry.npmjs.org'
     - run: npm publish ${{env.WORKING_DIR}}/dist/ng-sync --ignore-scripts
       env:
@@ -122,7 +122,7 @@ jobs:
       if: (!contains(env.PACKAGE_VERSION, env.COMPONENTS_LAST_PUBLISHED_VERSION))
       uses: actions/setup-node@v3
       with:
-        node-version: '16.x'
+        node-version: '18.x'
         registry-url: 'https://registry.npmjs.org'
     - run: npm publish ${{env.WORKING_DIR}}/dist/ng-components --ignore-scripts
       env:
@@ -142,7 +142,7 @@ jobs:
       if: (!contains(env.PACKAGE_VERSION, env.TEMPLATES_LAST_PUBLISHED_VERSION))
       uses: actions/setup-node@v3
       with:
-        node-version: '16.x'
+        node-version: '18.x'
         registry-url: 'https://registry.npmjs.org'
     - run: npm publish ${{env.WORKING_DIR}}/dist/ng-templates --ignore-scripts
       env:
@@ -162,7 +162,7 @@ jobs:
       if: (!contains(env.PACKAGE_VERSION, env.CODE_EDITOR_LAST_PUBLISHED_VERSION))
       uses: actions/setup-node@v3
       with:
-        node-version: '16.x'
+        node-version: '18.x'
         registry-url: 'https://registry.npmjs.org'
     - run: npm publish ${{env.WORKING_DIR}}/dist/ng-code-editor --ignore-scripts
       env:
diff --git a/.husky/commit-msg b/.husky/commit-msg
new file mode 100644
index 000000000..b56767669
--- /dev/null
+++ b/.husky/commit-msg
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit "$1"
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100644
index 000000000..1c0ffde05
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+# npm test
+npx lint-staged
diff --git a/.huskyrc b/.huskyrc
deleted file mode 100644
index e44702bc1..000000000
--- a/.huskyrc
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "hooks": {
-    "pre-commit": "npm run format:fix",
-    "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-  }
-}
diff --git a/.lintstagedrc b/.lintstagedrc
new file mode 100644
index 000000000..64b1dda53
--- /dev/null
+++ b/.lintstagedrc
@@ -0,0 +1,3 @@
+{
+  "*.{ts,js,json,css,scss,html}": ["prettier --write"]
+}
diff --git a/README.md b/README.md
index 2cee1ce71..47075a6e5 100644
--- a/README.md
+++ b/README.md
@@ -20,7 +20,7 @@ Biblioteca de componentes de UI para Angular.
 
 ### Pré-requisitos
 
-Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 16.14.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
+Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 18.13.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
 
 Instalando com npm:
 ```
@@ -53,25 +53,25 @@ Veja abaixo a lista de dependências e as versões compatíveis, elas devem ser
 
 ```
  "dependencies": {
-    "@angular/animations": "~16.2.0",
-    "@angular/common": "~16.2.0",
-    "@angular/compiler": "~16.2.0",
-    "@angular/core": "~16.2.0",
-    "@angular/forms": "~16.2.0",
-    "@angular/platform-browser": "~16.2.0",
-    "@angular/platform-browser-dynamic": "~16.2.0",
-    "@angular/router": "~16.2.0",
-    "rxjs": "~7.5.5",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.13.1"
+    "@angular/animations": "~17.0.4",
+    "@angular/common": "~17.0.4",
+    "@angular/compiler": "~17.0.4",
+    "@angular/core": "~17.0.4",
+    "@angular/forms": "~17.0.4",
+    "@angular/platform-browser": "~17.0.4",
+    "@angular/platform-browser-dynamic": "~17.0.4",
+    "@angular/router": "~17.0.4",
+    "rxjs": "~7.8.1",
+    "tslib": "^2.6.2",
+    "zone.js": "~0.14.2"
     ...
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~16.2.0",
-    "@angular/cli": "~16.2.0",
-    "@angular/compiler-cli": "~16.2.0",
+    "@angular-devkit/build-angular": "~17.0.3",
+    "@angular/cli": "~17.0.3",
+    "@angular/compiler-cli": "~17.0.4",
     ...
-    "typescript": "~5.1.6"
+    "typescript": "~5.2.2"
   }
 ```
 
diff --git a/angular.json b/angular.json
index 37af45eff..c7edec6a5 100644
--- a/angular.json
+++ b/angular.json
@@ -116,13 +116,13 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "app:build:es5",
             "open": true,
-            "host": "0.0.0.0"
+            "host": "0.0.0.0",
+            "buildTarget": "app:build:es5"
           },
           "configurations": {
             "production": {
-              "browserTarget": "app:build:production"
+              "buildTarget": "app:build:production"
             }
           }
         },
@@ -356,18 +356,18 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
-            "browserTarget": "portal:build"
+            "buildTarget": "portal:build"
           },
           "configurations": {
             "production": {
-              "browserTarget": "portal:build:production"
+              "buildTarget": "portal:build:production"
             }
           }
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "portal:build"
+            "buildTarget": "portal:build"
           }
         },
         "lint": {
diff --git a/docs/guides/development-flow.md b/docs/guides/development-flow.md
index 6d14f691f..567b9ed03 100644
--- a/docs/guides/development-flow.md
+++ b/docs/guides/development-flow.md
@@ -82,7 +82,7 @@ Este guia tem por objetivo definir as regras para criação de *Issues* relacion
           <blockquote>Para seguir o guia é fundamental o conhecimento da <a href="https://git-scm.com/book/en/v2">ferramenta Git.</a>
           </blockquote>
         <ul>
-          <li>Para utilizar o PO UI, é pré-requisito ter o <code>Node.js</code> instalado (versão 16.14.0 ou acima) e o seu gerenciador de pacote favorito na versão mais atual.</li>
+          <li>Para utilizar o PO UI, é pré-requisito ter o <code>Node.js</code> instalado (versão 18.13.0 ou acima) e o seu gerenciador de pacote favorito na versão mais atual.</li>
           <li>
             <p>É importante que tenha a versão equivalente do Angular instalada. Instale-o via <code>npm</code> ou <code>yarn</code>:</p>
             <p>Instalando com npm:</p>
diff --git a/docs/guides/getting-started.md b/docs/guides/getting-started.md
index 46bf3944e..c2df3315d 100644
--- a/docs/guides/getting-started.md
+++ b/docs/guides/getting-started.md
@@ -3,16 +3,16 @@
 
 ### Pré-requisitos
 
-Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 16.14.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
+Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 18.13.x ou acima) e o seu gerenciador de pacote favorito na versão mais atual. Caso você ainda não tenha instalado o pacote `@angular/cli`, instale-o via `npm` ou `yarn`.
 
 Instalando com npm:
 ```
-npm i -g @angular/cli@16
+npm i -g @angular/cli@17
 ```
 
 Caso prefira instalar com o yarn:
 ```
-yarn global add @angular/cli@16
+yarn global add @angular/cli@17
 ```
 
 ### Passo 1 - Crie o seu primeiro projeto
@@ -36,25 +36,25 @@ Veja abaixo a lista de dependências e as versões compatíveis, elas devem ser
 
 ```
   "dependencies": {
-    "@angular/animations": "~16.2.0",
-    "@angular/common": "~16.2.0",
-    "@angular/compiler": "~16.2.0",
-    "@angular/core": "~16.2.0",
-    "@angular/forms": "~16.2.0",
-    "@angular/platform-browser": "~16.2.0",
-    "@angular/platform-browser-dynamic": "~16.2.0",
-    "@angular/router": "~16.2.0",
-    "rxjs": "~7.5.5",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.13.1"
+    "@angular/animations": "~17.0.4",
+    "@angular/common": "~17.0.4",
+    "@angular/compiler": "~17.0.4",
+    "@angular/core": "~17.0.4",
+    "@angular/forms": "~17.0.4",
+    "@angular/platform-browser": "~17.0.4",
+    "@angular/platform-browser-dynamic": "~17.0.4",
+    "@angular/router": "~17.0.4",
+    "rxjs": "~7.8.1",
+    "tslib": "^2.6.2",
+    "zone.js": "~0.14.2"
     ...
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~16.2.0",
-    "@angular/cli": "~16.2.0",
-    "@angular/compiler-cli": "~16.2.0",
+    "@angular-devkit/build-angular": "~17.0.3",
+    "@angular/cli": "~17.0.3",
+    "@angular/compiler-cli": "~17.0.4",
     ...
-    "typescript": "~5.1.6"
+    "typescript": "~5.2.2"
   }
 ```
 
@@ -77,7 +77,7 @@ Utilizando o comando `ng add` do [Angular CLI](https://cli.angular.io/), vamos a
 Execute o comando abaixo na pasta raiz do seu projeto:
 
 ```
-ng add @po-ui/ng-components
+ng add @po-ui/ng-components@next
 ```
 
 > Ao executar o comando acima, será perguntado se deseja incluir uma estrutura inicial em seu projeto com menu lateral, página e toolbar, utilizando componentes do **Po**, **caso desejar, apenas informe: `Y`**.
@@ -105,7 +105,7 @@ Agora é só abrir seu **editor / IDE** favorito e começar a trabalhar no seu p
 Caso você queira utilizar nossos componentes de templates, como o **[po-page-login](/documentation/po-page-login)**, **[po-modal-password-recovery](/documentation/po-modal-password-recovery)**, **[po-page-blocked-user](/documentation/po-page-blocked-user)**, **[po-page-dynamic-table](/documentation/po-page-dynamic-table)** entre outros, basta adicionar o pacote `@po-ui/ng-templates` executando o comando abaixo:
 
 ```
-ng add @po-ui/ng-templates
+ng add @po-ui/ng-templates@next
 ```
 > Ao executar este comando, será instalado o pacote `@po-ui/ng-templates` e configurado o `PoTemplatesModules` no `app.module`
 
diff --git a/docs/guides/migration-poui.md b/docs/guides/migration-poui.md
index d19206f00..8dc55e429 100644
--- a/docs/guides/migration-poui.md
+++ b/docs/guides/migration-poui.md
@@ -22,7 +22,7 @@ ng update @angular/cli@<version> @angular/core@<version> --force
 Por exemplo:
 
 ```
-ng update @angular/cli@16 @angular/core@16 --force
+ng update @angular/cli@17 @angular/core@17 --force
 ```
 
 > Para realizar a migração completa e avaliar se não precisa fazer alguma alteração veja o [**Guia de Upgrade do Angular**](https://update.angular.io/).
@@ -52,7 +52,7 @@ ng update @po-ui/ng-components@<version> --allow-dirty --force
 Por exemplo:
 
 ```
-ng update @po-ui/ng-components --allow-dirty --force
+ng update @po-ui/ng-components@next --allow-dirty --force
 ```
 
 > Caso ocorra um erro ao concluir o comando acima pode ser necessário fazer uma instalação limpa no projeto apagando a pasta `node_modules` e o arquivo `package-lock.json` e executando o comando `npm i --legacy-peer-deps` antes de realizar o `ng update`.
@@ -84,7 +84,7 @@ ng update @po-ui/ng-sync@<version> --allow-dirty --force
 Por exemplo:
 
 ```
-ng update @po-ui/ng-sync --allow-dirty --force
+ng update @po-ui/ng-sync@next --allow-dirty --force
 ```
 
 O `ng update` ajudará nas alterações necessárias para seu projeto, que será atualizar as versões dos pacotes:
diff --git a/docs/guides/releases.md b/docs/guides/releases.md
index ae74b73d6..9965737f7 100644
--- a/docs/guides/releases.md
+++ b/docs/guides/releases.md
@@ -38,6 +38,11 @@ Consulte abaixo nossos guias de migração de versão para obter mais informaç
         </tr>
       </thead>
       <tbody>
+        <tr class="po-table-row">
+          <td class="po-table-column">17.0.0</td>
+          <td class="po-table-column">17.0.0</td>
+          <td class="po-table-column"><a href="guides/migration-poui">Migração do PO UI</a></td>
+        </tr>
         <tr class="po-table-row">
           <td class="po-table-column">16.0.0</td>
           <td class="po-table-column">16.0.0</td>
@@ -93,7 +98,7 @@ Consulte abaixo nossos guias de migração de versão para obter mais informaç
 ## Versões prévias
 
 Permitimos que você visualize o que está por vir, fornecendo pré-lançamentos `next` ou Release Candidates (`rc`) para cada versão principal:
-- **Next**: a versão que está em desenvolvimento, com testes ativos e com breaking changes a resolver. O próximo lançamento é indicado por uma tag de lançamento anexada ao identificador `-next`, como `16.0.0-next`.
-- **Release Candidate**: um lançamento com recurso concluído, teste finalizado e sem breaking changes a resolver. Um candidato a lançamento é indicado por uma tag de lançamento anexada ao identificador `-rc`, como versão `16.0.0-rc`.
+- **Next**: a versão que está em desenvolvimento, com testes ativos e com breaking changes a resolver. O próximo lançamento é indicado por uma tag de lançamento anexada ao identificador `-next`, como `17.0.0-next`.
+- **Release Candidate**: um lançamento com recurso concluído, teste finalizado e sem breaking changes a resolver. Um candidato a lançamento é indicado por uma tag de lançamento anexada ao identificador `-rc`, como versão `17.0.0-rc`.
 
 A versão mais recente `next` ou de pré-lançamento `rc` fica disponível no [npm do projeto](https://www.npmjs.com/package/@po-ui/ng-components?activeTab=versions).
diff --git a/docs/guides/schematics.md b/docs/guides/schematics.md
index c04112785..c07ef37d0 100644
--- a/docs/guides/schematics.md
+++ b/docs/guides/schematics.md
@@ -10,10 +10,10 @@ Um vez que for instalado o pacotes, teremos disponível os *schematics* através
 ### PO UI Components
 
 Caso esteja iniciando uma aplicação com PO, indica-se utilizar o comando abaixo,
-no qual será instalado o pacote `@po-ui/ng-components@16.0.0` e realizadas algumas configurações, que serão descritas em seguida:
+no qual será instalado o pacote `@po-ui/ng-components@next` e realizadas algumas configurações, que serão descritas em seguida:
 
 ```
-ng add @po-ui/ng-components@16.0.0
+ng add @po-ui/ng-components@next
 ```
 
 - Substitui o `AppComponent` com uma estrutura incial de um projeto, utilizando os components `po-page-default`, `po-toolbar`, e `po-menu`;
@@ -26,7 +26,7 @@ Para a utilização de componentes de template o processo para inclusão é seme
 Primeiramente, deve-se utilizar o comando abaixo, no qual será instalado o pacote `@po-ui/ng-templates`:
 
 ```
-ng add @po-ui/ng-templates@16.0.0
+ng add @po-ui/ng-templates@next
 ```
 
 - Importa o módulo do PO;
diff --git a/docs/guides/sync-fundamentals.md b/docs/guides/sync-fundamentals.md
index 2181b3e8c..9178f2fbb 100644
--- a/docs/guides/sync-fundamentals.md
+++ b/docs/guides/sync-fundamentals.md
@@ -75,7 +75,7 @@ Esta sincronização pode ser acionada (gatilho) das seguintes formas:
 - [Manualmente](guides/sync-fundamentals#sync): será acionada na chamada manual do método `PoSyncService.sync()`.
 
 > Antes de continuar os próximos passos, siga as instruções do [Começando com o PO Sync](guides/sync-get-started) para
-saber como criar um novo projeto com Ionic 5 utilizando o PO Sync.
+saber como criar um novo projeto com Ionic 7 utilizando o PO Sync.
 
 <a id="knowledge"></a>
 ## Conhecimentos necessários
diff --git a/docs/guides/sync-get-started.md b/docs/guides/sync-get-started.md
index fc5bf192b..182c8afd8 100644
--- a/docs/guides/sync-get-started.md
+++ b/docs/guides/sync-get-started.md
@@ -9,13 +9,13 @@ Para maiores detalhes sobre os serviços e métodos utilizados neste tutorial, c
 ### Pré-requisitos
 
 - [Node.js e NPM](https://nodejs.org/en/)
-- [Angular CLI](https://cli.angular.io/) (~16.2.0):
+- [Angular CLI](https://cli.angular.io/) (~17.0.3):
   - ```shell
-    npm install -g @angular/cli@16
+    npm install -g @angular/cli@17
     ```
-- [Ionic](https://ionicframework.com/docs/cli/) (^6.0.0):
+- [Ionic](https://ionicframework.com/docs/cli/) (^7.0.0):
   - ```shell
-    npm install -g @ionic/cli@6
+    npm install -g @ionic/cli@7
     ```
 
 
@@ -49,34 +49,30 @@ Antes de executar a instalação, é necessário que todas as dependências do p
 ```typescript
   ...
   "dependencies": {
-    "@angular/animations": "~16.2.0",
-    "@angular/common": "~16.2.0",
-    "@angular/core": "~16.2.0",
-    "@angular/forms": "~16.2.0",
-    "@angular/platform-browser": "~16.2.0",
-    "@angular/platform-browser-dynamic": "~16.2.0",
-    "@angular/router": "~16.2.0",
-    "@angular/service-worker": "~16.2.0",
-    "@ionic/angular": "^6.0.0",
-    "@capacitor/network": "^4.1.0",
-    "@capacitor/splash-screen": "^4.1.4",
-    "rxjs": "~7.5.5",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.13.1"
+    "@angular/animations": "~17.0.4",
+    "@angular/common": "~17.0.4",
+    "@angular/core": "~17.0.4",
+    "@angular/forms": "~17.0.4",
+    "@angular/platform-browser": "~17.0.4",
+    "@angular/platform-browser-dynamic": "~17.0.4",
+    "@angular/router": "~17.0.4",
+    "@angular/service-worker": "~17.0.4",
+    "@ionic/angular": "^7.5.7",
+    "@capacitor/network": "^5.0.6",
+    "@capacitor/splash-screen": "^5.0.6",
+    "rxjs": "~7.8.1",
+    "tslib": "^2.6.2",
+    "zone.js": "~0.14.2"
     ...
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~16.2.0",
-    "@angular-eslint/builder": "~15.1.0",
-    "@angular-eslint/eslint-plugin": "~15.1.0",
-    "@angular-eslint/eslint-plugin-template": "~15.1.0",
-    "@angular-eslint/template-parser": "~15.1.0",
-    "@angular/cli": "~16.2.0",
-    "@angular/compiler": "~16.2.0",
-    "@angular/compiler-cli": "~16.2.0",
-    "@angular/language-service": "~16.2.0",
-    "@ionic/angular-toolkit": "^6.0.0",
-    "typescript": "~5.1.6"
+    "@angular-devkit/build-angular": "~17.0.3",
+    "@angular/cli": "~17.0.3",
+    "@angular/compiler": "~17.0.3",
+    "@angular/compiler-cli": "~17.0.3",
+    "@angular/language-service": "~17.0.4",
+    "@ionic/angular-toolkit": "^10.0.0",
+    "typescript": "~5.2.2"
   },
   ...
 ```
@@ -271,7 +267,7 @@ No arquivo `src/app/home/home.page.html` crie a seguinte estrutura:
 
 Execute o comando `ionic serve` e verifique o funcionamento do aplicativo Ionic com `po-sync`.
 
-> Pode ocorrer o seguinte erro `TS2320: Interface 'HTMLIonIconElement' cannot simultaneously extend types 'IonIcon' and 'HTMLStencilElement'` por conta da versão do TypeScript (4.4.x) conforme esta [issue](https://github.com/ionic-team/ionicons/issues/1011), neste caso adicione no arquivo **tsconfig.json** `"skipLibCheck": true`.
+> Pode ocorrer o seguinte erro `TS2320: Interface 'HTMLIonIconElement' cannot simultaneously extend types 'IonIcon' and 'HTMLStencilElement'` por conta da versão do TypeScript (5.2.x) conforme esta [issue](https://github.com/ionic-team/ionicons/issues/1011), neste caso adicione no arquivo **tsconfig.json** `"skipLibCheck": true`.
 
 #### Passo 8.1 - Entendendo o funcionamento do `po-sync`
 
diff --git a/package.json b/package.json
index 8b1a3eb4e..aef66185e 100644
--- a/package.json
+++ b/package.json
@@ -50,8 +50,7 @@
     "build:portal:docs": "cd projects/portal && gulp build",
     "release": "standard-version --preset angular",
     "sonarqube": "gulp sonarqube",
-    "format:fix": "pretty-quick --staged",
-    "format:check": "prettier --check --loglevel error \"**/*{.ts,.js,.json,.css,.scss,.html}\"",
+    "format:check": "prettier --check --log-level=error \"**/*{.ts,.js,.json,.css,.scss,.html}\"",
     "format:all": "prettier --write \"**/*{.ts,.js,.json,.css,.scss,.html}\"",
     "publish:ui:local": "npm publish ./dist/ng-components --registry http://localhost:4873 --ignore-scripts",
     "publish:templates:local": "npm publish ./dist/ng-templates --registry http://localhost:4873 --ignore-scripts",
@@ -59,91 +58,92 @@
     "publish:storage:local": "npm publish ./dist/ng-storage --registry http://localhost:4873 --ignore-scripts",
     "publish:code-editor:local": "npm publish ./dist/ng-code-editor --registry http://localhost:4873 --ignore-scripts",
     "publish:schematics:local": "npm publish ./dist/ng-schematics --registry http://localhost:4873 --ignore-scripts",
-    "publish:local": "npm run publish:schematics:local && npm run publish:ui:local && npm run publish:templates:local && npm run publish:code-editor:local && npm run publish:sync:local && npm run publish:storage:local"
+    "publish:local": "npm run publish:schematics:local && npm run publish:ui:local && npm run publish:templates:local && npm run publish:code-editor:local && npm run publish:sync:local && npm run publish:storage:local",
+    "prepare": "husky install"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~16.2.0",
-    "@angular/cdk": "~16.2.0",
-    "@angular/common": "~16.2.0",
-    "@angular/compiler": "~16.2.0",
-    "@angular/core": "~16.2.0",
-    "@angular/forms": "~16.2.0",
-    "@angular/platform-browser": "~16.2.0",
-    "@angular/platform-browser-dynamic": "~16.2.0",
-    "@angular/router": "~16.2.0",
-    "@capacitor/core": "4.6.3",
-    "@capacitor/network": "^4.1.0",
+    "@angular/animations": "~17.0.4",
+    "@angular/cdk": "~17.0.1",
+    "@angular/common": "~17.0.4",
+    "@angular/compiler": "~17.0.4",
+    "@angular/core": "~17.0.4",
+    "@angular/forms": "~17.0.4",
+    "@angular/platform-browser": "~17.0.4",
+    "@angular/platform-browser-dynamic": "~17.0.4",
+    "@angular/router": "~17.0.4",
+    "@capacitor/core": "5.5.1",
+    "@capacitor/network": "^5.0.6",
     "@po-ui/style": "16.9.0",
-    "capitalize": "^2.0.3",
+    "capitalize": "^2.0.4",
     "colors": "1.4.0",
-    "core-js": "3.13.0",
-    "custom-idle-queue": "2.1.2",
-    "eslint-plugin-sonarjs": "^0.13.0",
+    "core-js": "3.33.3",
+    "custom-idle-queue": "3.0.1",
+    "eslint-plugin-sonarjs": "^0.23.0",
     "gulp-clean": "^0.4.0",
     "gulp-run": "^1.7.1",
-    "highlight.js": "^10.7.2",
-    "http-status-codes": "^2.1.4",
-    "localforage": "1.9.0",
+    "highlight.js": "^11.9.0",
+    "http-status-codes": "^2.3.0",
+    "localforage": "1.10.0",
     "lokijs": "1.5.12",
-    "monaco-editor": "0.24.0",
-    "ngx-markdown": "~16.0.0",
+    "monaco-editor": "0.44.0",
+    "ngx-markdown": "~17.1.1",
     "run-sequence": "^2.2.1",
-    "rxjs": "~7.5.5",
-    "rxjs-compat": "~6.6.0",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.13.1"
+    "rxjs": "~7.8.1",
+    "rxjs-compat": "~6.6.7",
+    "tslib": "^2.6.2",
+    "zone.js": "~0.14.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~16.2.0",
-    "@angular-eslint/builder": "15.1.0",
-    "@angular-eslint/eslint-plugin": "15.1.0",
-    "@angular-eslint/eslint-plugin-template": "15.1.0",
-    "@angular-eslint/schematics": "~16.1.1",
-    "@angular-eslint/template-parser": "15.1.0",
-    "@angular/cli": "~16.2.0",
-    "@angular/compiler-cli": "~16.2.0",
-    "@angular/language-service": "~16.2.0",
-    "@commitlint/cli": "^12.1.4",
-    "@commitlint/config-angular": "^12.1.4",
-    "@po-ui/ng-schematics": "^15.0.0",
-    "@types/jasmine": "~4.3.0",
-    "@types/jasminewd2": "~2.0.9",
-    "@types/node": "^14.0.0",
-    "@types/resize-observer-browser": "^0.1.5",
-    "@types/systemjs": "^6.1.0",
-    "@typescript-eslint/eslint-plugin": "5.29.0",
-    "@typescript-eslint/parser": "5.29.0",
+    "@angular-devkit/build-angular": "~17.0.3",
+    "@angular-eslint/builder": "^17.1.0",
+    "@angular-eslint/eslint-plugin": "^17.1.0",
+    "@angular-eslint/eslint-plugin-template": "^17.1.0",
+    "@angular-eslint/schematics": "^17.1.0",
+    "@angular-eslint/template-parser": "^17.1.0",
+    "@angular/cli": "~17.0.3",
+    "@angular/compiler-cli": "~17.0.4",
+    "@angular/language-service": "~17.0.4",
+    "@commitlint/cli": "^18.4.3",
+    "@commitlint/config-angular": "^18.4.3",
+    "@po-ui/ng-schematics": "^16.7.0",
+    "@types/jasmine": "~5.1.4",
+    "@types/jasminewd2": "~2.0.13",
+    "@types/node": "^20.10.0",
+    "@types/resize-observer-browser": "^0.1.11",
+    "@types/systemjs": "^6.13.5",
+    "@typescript-eslint/eslint-plugin": "^6.13.1",
+    "@typescript-eslint/parser": "^6.13.1",
     "del": "^6.0.0",
     "dgeni": "^0.4.14",
-    "dgeni-packages": "0.26.12",
-    "eslint": "^8.18.0",
+    "dgeni-packages": "0.30.0",
+    "eslint": "^8.54.0",
     "eslint-plugin-import": "latest",
     "eslint-plugin-jsdoc": "latest",
     "eslint-plugin-prefer-arrow": "latest",
     "eslint-plugin-react": "latest",
     "gulp": "^4.0.2",
     "gulp-tap": "^2.0.0",
-    "husky": "^4.2.3",
-    "jasmine-core": "~4.5.0",
+    "husky": "^8.0.0",
+    "jasmine-core": "~5.1.1",
     "jasmine-spec-reporter": "~7.0.0",
-    "karma": "~6.3.2",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage": "~2.0.3",
+    "karma": "~6.4.2",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "^2.0.0",
-    "mkdirp": "0.5.5",
-    "ng-packagr": "~16.2.0",
-    "prettier": "2.2.0",
-    "pretty-quick": "^3.1.0",
+    "karma-jasmine-html-reporter": "^2.1.0",
+    "lint-staged": "^15.1.0",
+    "mkdirp": "3.0.1",
+    "ng-packagr": "~17.0.2",
+    "prettier": "^3.1.0",
     "protractor": "~7.0.0",
-    "rollup": "2.50.2",
+    "rollup": "4.6.0",
     "sonarjs": "latest",
-    "sonarqube-scanner": "^2.8.0",
-    "standard-version": "^9.3.0",
-    "ts-node": "~10.0.0",
+    "sonarqube-scanner": "^3.3.0",
+    "standard-version": "^9.5.0",
+    "ts-node": "~10.9.1",
     "typemoq": "^2.1.0",
-    "typescript": "~5.1.6"
+    "typescript": "~5.2.2"
   },
   "standard-version": {
     "skip": {
diff --git a/projects/code-editor/package.json b/projects/code-editor/package.json
index c4caa927c..bef1537a2 100644
--- a/projects/code-editor/package.json
+++ b/projects/code-editor/package.json
@@ -14,17 +14,17 @@
   "dependencies": {
     "@po-ui/ng-components": "0.0.0-PLACEHOLDER",
     "@po-ui/ng-schematics": "0.0.0-PLACEHOLDER",
-    "monaco-editor": "0.24.0",
-    "core-js": "^3.13.0",
+    "monaco-editor": "0.44.0",
+    "core-js": "^3.33.3",
     "intl": "^1.2.5",
-    "tslib": "^2.3.0"
+    "tslib": "^2.6.2"
   },
   "peerDependencies": {
-    "@angular/common": "~16.2.0",
-    "@angular/core": "~16.2.0",
-    "@angular/forms": "~16.2.0",
+    "@angular/common": "~17.0.4",
+    "@angular/core": "~17.0.4",
+    "@angular/forms": "~17.0.4",
     "@po-ui/ng-components": "0.0.0-PLACEHOLDER",
-    "monaco-editor": "0.24.0",
-    "zone.js": "~0.13.1"
+    "monaco-editor": "0.44.0",
+    "zone.js": "~0.14.2"
   }
 }
diff --git a/projects/code-editor/tsconfig.schematics.json b/projects/code-editor/tsconfig.schematics.json
index 2fa2a80ee..38fd5cfb1 100644
--- a/projects/code-editor/tsconfig.schematics.json
+++ b/projects/code-editor/tsconfig.schematics.json
@@ -22,5 +22,5 @@
     "types": ["jasmine", "node"]
   },
   "include": ["schematics/**/*"],
-  "exclude": ["schematics/**/*/files/**/*"]
+  "exclude": ["schematics/**/*/files/**/*", "schematics/**/*/*.spec.ts"]
 }
diff --git a/projects/portal/docs/processors/helpers/file-writer.js b/projects/portal/docs/processors/helpers/file-writer.js
index 35cb7e381..023220a07 100644
--- a/projects/portal/docs/processors/helpers/file-writer.js
+++ b/projects/portal/docs/processors/helpers/file-writer.js
@@ -72,10 +72,9 @@ module.exports = {
 
   // Grava arquivos
   writeFile: function (path, contents, cb) {
-    mkdirp(getDirName(path), function (err) {
-      if (err) return cb(err);
-      fs.writeFile(path, contents, cb);
-    });
+    const dirName = getDirName(path);
+    mkdirp.sync(dirName);
+    fs.writeFile(path, contents, cb);
   },
 
   generateApiComponentFile: function (docName, component) {
diff --git a/projects/portal/docs/templates/api/class.template.html b/projects/portal/docs/templates/api/class.template.html
index 667bd6469..a14138a9a 100644
--- a/projects/portal/docs/templates/api/class.template.html
+++ b/projects/portal/docs/templates/api/class.template.html
@@ -2,7 +2,7 @@ <h4 class="docs-api-class-name">
   <code class="doc-code">{$ class.name $}</code>
 </h4>
 <div class="docs-api-class-description">
-  {$ class.description | marked | replace('{', '&#123;') | replace('}', '&#125;') | replace('|','&#124;') $}
+  {$ class.description | marked | replace('{', '&#123;') | replace('}', '&#125;') | replace('|','&#124;') | replace("@", "&#64;") $}
 </div>
 {%- if class.directiveSelectors -%}
 <div class="docs-api-directive-selectors">
diff --git a/projects/portal/docs/templates/api/componentGroup.template.html b/projects/portal/docs/templates/api/componentGroup.template.html
index b4908c137..a1a2f0ce1 100644
--- a/projects/portal/docs/templates/api/componentGroup.template.html
+++ b/projects/portal/docs/templates/api/componentGroup.template.html
@@ -33,9 +33,9 @@
 {% endmacro %}
 
 {%- macro directiveProp(property, join, sep) %}{%- if property.isDirectiveInput -%}{$ property.directiveInputAlias | dashCase | replace("'","") $}{$ join
-$}{$ property.type | escape | replace('{', '&#123;') | replace('}', '&#125;') $}{$ sep $}{%- elif property.isDirectiveOutput -%}({$ property.directiveOutputAlias
-| dashCase | replace("'","") $}){$ join $}{$ property.type | escape | replace('{', '&#123;') | replace('}', '&#125;') $}{$ sep $}{%- else -%}p-{$
-property.name | dashCase | replace("'","") $}{$ join $}{$ property.type | escape | replace('{', '&#123;') | replace('}', '&#125;') $}{$ sep $}{%- endif -%}{% endmacro -%}
+$}{$ property.type | escape | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}{$ sep $}{%- elif property.isDirectiveOutput -%}({$ property.directiveOutputAlias
+| dashCase | replace("'","") $}){$ join $}{$ property.type | escape | replace('{', '&#123;') | replace("@", "&#64;") | replace('}', '&#125;') $}{$ sep $}{%- else -%}p-{$
+property.name | dashCase | replace("'","") $}{$ join $}{$ property.type | escape | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}{$ sep $}{%- endif -%}{% endmacro -%}
 
 {% macro methodList(methodList, type) -%}
   {% include 'method-list.template.html' %}
@@ -49,14 +49,14 @@
   <p class="docs-api-module-import">
     <code>
       {%- if doc.ngModule.name -%}
-        import &#123; {$ doc.ngModule.name $} &#125; from '@po-ui/ng-{$ doc.package $}';
+        import &#123; {$ doc.ngModule.name $} &#125; from '&#64;po-ui/ng-{$ doc.package $}';
       {%- else -%}
-        import &#123; {$ doc.componentName $} &#125; from '@po-ui/ng-{$ doc.package $}';
+        import &#123; {$ doc.componentName $} &#125; from '&#64;po-ui/ng-{$ doc.package $}';
       {%- endif -%}
   </code>
 
   <div class="docs-api-class-description">
-    {$ doc.ngModule.description | marked | replace('{', '&#123;') | replace('}', '&#125;') $}
+    {$ doc.ngModule.description | marked | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}
   </div>
 
   {%- if doc.services.length -%}
diff --git a/projects/portal/docs/templates/api/enum.template.html b/projects/portal/docs/templates/api/enum.template.html
index 79642175e..7b5f1a790 100644
--- a/projects/portal/docs/templates/api/enum.template.html
+++ b/projects/portal/docs/templates/api/enum.template.html
@@ -2,7 +2,7 @@ <h4 class="docs-api-class-name">
   <code class="doc-code">{$ enum.name $}</code>
 </h4>
 <div class="docs-api-class-description">
-  {$ enum.description | marked | replace('{', '&#123;') | replace('}', '&#125;') $}
+  {$ enum.description | marked | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}
 </div>
 {%- if enum.isDeprecated -%}
 <div class="docs-api-class-deprecated-marker">Deprecated</div>
diff --git a/projects/portal/docs/templates/api/interface.template.html b/projects/portal/docs/templates/api/interface.template.html
index cbb5e5eb9..c0c01dab3 100644
--- a/projects/portal/docs/templates/api/interface.template.html
+++ b/projects/portal/docs/templates/api/interface.template.html
@@ -2,7 +2,7 @@ <h4 class="docs-api-h4 docs-api-class-name">
   <code class="doc-code">{$ interface.name $}</code>
 </h4>
 <div class="docs-api-class-description">
-  {$ interface.description | marked | replace('{', '&#123;') | replace('}', '&#125;') $}
+  {$ interface.description | marked | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}
 </div>
 {%- if interface.directiveSelectors -%}
 <div class="docs-api-directive-selectors">
@@ -10,7 +10,7 @@ <h4 class="docs-api-class-selector-label">Seletor</h4>
   {% for selector in interface.directiveSelectors %}
   <pre #code>
     &lt;{$ selector $} {% for property in interface.properties %} {% if (property.returnType) and (property.description)  %}
-        {$ directiveProp(property, '="', '"') | replace('{', '&#123;') | replace('}', '&#125;') $}{%- endif %}{% endfor %}&gt;
+        {$ directiveProp(property, '="', '"') | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}{%- endif %}{% endfor %}&gt;
     &lt;/{$ selector $}&gt;
 </pre
   >
diff --git a/projects/portal/docs/templates/api/method.template.html b/projects/portal/docs/templates/api/method.template.html
index 03eb07db8..705065d73 100644
--- a/projects/portal/docs/templates/api/method.template.html
+++ b/projects/portal/docs/templates/api/method.template.html
@@ -15,7 +15,7 @@ <h4>
   </tr>
   <tr class="docs-api-property-description">
     <td class="docs-api-property-description">
-      {$ method.description | marked | replace('{', '&#123;') | replace('}', '&#125;') | replace('|','&#124;') $}
+      {$ method.description | marked | replace('{', '&#123;') | replace('}', '&#125;') | replace('|','&#124;') | replace("@", "&#64;") $}
     </td>
   </tr>
 </table>
@@ -39,16 +39,16 @@ <h5><b>Parâmetros</b></h5>
     <td class="docs-api-properties-type-cell">
       {%- if parameter.type.name -%}
       <code pan class="docs-api-property-type {$ type $}">
-        {$ parameter.type.name | escape | replace('{', '&#123;') | replace('}', '&#125;') $}
+        {$ parameter.type.name | escape | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}
       </code>
       {%- else -%} {%- if parameter.typeExpression -%} {% for type in parameter.typeExpression.split('|') %}
       <code pan class="docs-api-property-type {$ type $}">
-        {$ type.trim() | escape | replace('{', '&#123;') | replace('}', '&#125;') $}
+        {$ type.trim() | escape | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}
       </code>
       {% endfor %} {%- endif -%} {%- endif -%}
     </td>
     <td class="docs-api-property-description">
-      {$ parameter.description | marked | safe | replace("{", "{{ '{' }}") $}
+      {$ parameter.description | marked | safe |  replace("{", "&#123;") | replace("@", "&#64;") | replace('}', "&#125;") $}
     </td>
   </tr>
   {% endfor %}
@@ -65,7 +65,7 @@ <h5><b>Retorno</b></h5>
     <td class="docs-api-properties-type-cell">
       <code pan class="docs-api-property-type {$ type $}"
         >{$ method.returns.typeExpression | replace('<', '&#60;') | replace('>', '&#62;') | replace('{', '&#123;') |
-        replace('}', '&#125;') $}</code
+        replace('}', '&#125;') | replace("@", "&#64;") $}</code
       >
     </td>
     <td class="docs-api-property-description">
diff --git a/projects/portal/docs/templates/api/property-enum.template.html b/projects/portal/docs/templates/api/property-enum.template.html
index af76c97fc..bd64c2dec 100644
--- a/projects/portal/docs/templates/api/property-enum.template.html
+++ b/projects/portal/docs/templates/api/property-enum.template.html
@@ -8,7 +8,7 @@
   <td class="docs-api-property-description">
     {% if property.isOptional %}<em><strong>(opcional)</strong></em
     >{% endif %} {$ property.description | marked | replace("< ", "&lt; ") | replace("{", "&#123;") | replace('}',
-    '&#125;') $}
+    '&#125;') | replace("@", "&#64;") $}
   </td>
 </tr>
 {%- endif -%}
diff --git a/projects/portal/docs/templates/api/property-interface.template.html b/projects/portal/docs/templates/api/property-interface.template.html
index 965fa1ed0..9c5381cad 100644
--- a/projects/portal/docs/templates/api/property-interface.template.html
+++ b/projects/portal/docs/templates/api/property-interface.template.html
@@ -8,14 +8,14 @@
   <td class="docs-api-properties-type-cell">
     {% for type in property.type.split('|') %}
     <code pan class="docs-api-property-type {$ type $}"
-      >{$ type | escape | replace('{', '&#123;') | replace('}', '&#125;') $}</code
+      >{$ type | escape | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}</code
     >
     {% endfor %}
   </td>
   <td class="docs-api-property-description">
     {% if property.isOptional %}<em><strong>(opcional)</strong></em
     >{% endif %} {$ property.description | marked | replace('< ', '&lt; ') | replace('{', '&#123;') | replace('}',
-    '&#125;') $}
+    '&#125;') | replace("@", "&#64;") $}
   </td>
 </tr>
 {%- endif -%}
diff --git a/projects/portal/docs/templates/api/property.template.html b/projects/portal/docs/templates/api/property.template.html
index 6bf777b11..294b2c0ea 100644
--- a/projects/portal/docs/templates/api/property.template.html
+++ b/projects/portal/docs/templates/api/property.template.html
@@ -25,20 +25,20 @@
   <td class="docs-api-properties-type-cell">
     {% for type in property.type.split('|') %}
     <code pan class="docs-api-property-type {$ type $}"
-      >{$ type | escape | replace('{', '&#123;') | replace('}', '&#125;') $}</code
+      >{$ type | escape | replace('{', '&#123;') | replace('}', '&#125;') | replace("@", "&#64;") $}</code
     >
     {% endfor %}
   </td>
   {%- endif -%} {%- if type != 'enum' and type != 'interface' -%}
   <td class="docs-api-property-default">
     {%- if property.default -%} {$ property.default | marked | replace("< ", "&lt; ") | replace('{', '&#123;') |
-    replace('}', '&#125;') $} {%- else -%} - {%- endif -%}
+    replace('}', '&#125;') | replace("@", "&#64;") $} {%- else -%} - {%- endif -%}
   </td>
   {%- endif -%}
   <td class="docs-api-property-description">
     {% if property.isOptional %}<em><strong>(opcional)</strong></em
     >{% endif %} {$ property.description | marked | replace("< ", "&lt; ") | replace('{', '&#123;') | replace('}',
-    '&#125;') $}
+    '&#125;') | replace("@", "&#64;") $}
   </td>
 </tr>
 {%- endif -%}
diff --git a/projects/portal/docs/templates/samples/index.template.html b/projects/portal/docs/templates/samples/index.template.html
index 8f117a196..222c3f98e 100644
--- a/projects/portal/docs/templates/samples/index.template.html
+++ b/projects/portal/docs/templates/samples/index.template.html
@@ -10,14 +10,16 @@
       <div>
         {% for file in doc.files %}
         <label class="doc-label-path">{$ file.path $}</label>
-        <pre appCodeHighlight class="html">{$ file.fileContents | escape | replace("{", "{{ '{' }}") $}</pre> {% endfor %}
-      </div>
+        <pre appCodeHighlight class="html">{$ file.fileContents | escape | replace('{{', "&#123; &#123;") | replace('{', "&#123;") | replace("@", "&#64;") | replace('}', "&#125;") $}</pre> 
+        {% endfor %}
+      </div>      
     </po-tab>
     <po-tab p-label="TS">
       <div>
         {% for script in doc.scripts %}
         <label class="doc-label-path">{$ script.path $}</label>
-        <pre appCodeHighlight class="typescript">{$ script.fileContents | escape | replace("{", "{{ '{' }}") $}</pre> {% endfor %}
+        <pre appCodeHighlight class="typescript">{$ script.fileContents | escape | replace("{", "&#123;") | replace("@", "&#64;") | replace('}', "&#125;") $}</pre> 
+        {% endfor %}
       </div>
     </po-tab>
     {%- if doc.stylesheets.length > 0 -%}
@@ -25,7 +27,7 @@
       <div>
         {% for stylesheet in doc.stylesheets %}
         <label class="doc-label-path">{$ stylesheet.path $}</label>
-        <pre appCodeHighlight class="css">{$ stylesheet.fileContents | escape | replace("{", "{{ '{' }}")$}</pre> {% endfor %}
+        <pre appCodeHighlight class="css">{$ stylesheet.fileContents | escape | replace("{", "&#123;") | replace("@", "&#64;") | replace('}', "&#125;") $}</pre> {% endfor %}
       </div>
     </po-tab>
     {%- endif -%}
@@ -34,7 +36,7 @@
       <div>
         {% for test in doc.tests %}
         <label class="doc-label-path">{$ test.path $}</label>
-        <pre appCodeHighlight class="test">{$ test.fileContents | escape | replace("{", "{{ '{' }}")$}</pre> {% endfor %}
+        <pre appCodeHighlight class="test">{$ test.fileContents | escape | replace("{", "&#123;") | replace("@", "&#64;") | replace('}', "&#125;") $}</pre> {% endfor %}
       </div>
     </po-tab>
     {%- endif -%}
diff --git a/projects/portal/gulpfile.js b/projects/portal/gulpfile.js
index 13b5c7041..9ecb38e95 100644
--- a/projects/portal/gulpfile.js
+++ b/projects/portal/gulpfile.js
@@ -23,7 +23,8 @@ const replaceBrackets = str =>
     .replace(/\{\{/g, '<span ngNonBindable>{{</span>')
     .replace(/\}\}/g, '<span ngNonBindable>}}</span>')
     .replace(/\{/g, '&#123;')
-    .replace(/\}/g, '&#125;');
+    .replace(/\}/g, '&#125;')
+    .replace(/@/g, '&#64;');
 
 const markdownToHtml = markdown =>
   replaceBrackets(
diff --git a/projects/portal/src/app/documentation/documentation-list.component.html b/projects/portal/src/app/documentation/documentation-list.component.html
index 0a95d79e4..de5fcddd9 100644
--- a/projects/portal/src/app/documentation/documentation-list.component.html
+++ b/projects/portal/src/app/documentation/documentation-list.component.html
@@ -6,7 +6,7 @@
     (p-title-action)="viewDocumentation($event)"
   >
     <ng-template p-list-view-content-template let-item>
-      <div class="list-item-preview" [innerHtml]="item.preview | markdown"></div>
+      <div class="list-item-preview" [innerHtml]="item.preview | markdown : { disableSanitizer: true } | async"></div>
     </ng-template>
   </po-list-view>
 </po-page-list>
diff --git a/projects/portal/src/app/documentation/documentation.module.ts b/projects/portal/src/app/documentation/documentation.module.ts
index 4f92433d3..64b658724 100644
--- a/projects/portal/src/app/documentation/documentation.module.ts
+++ b/projects/portal/src/app/documentation/documentation.module.ts
@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { NgModule, SecurityContext } from '@angular/core';
 
 import { SharedModule } from './../shared/shared.module';
 
@@ -10,7 +10,7 @@ import { DocumentationService } from './documentation.service';
 import { DocumentationListComponent } from './documentation-list.component';
 
 @NgModule({
-  imports: [SharedModule, MarkdownModule.forRoot(), DocumentationRoutingModule],
+  imports: [SharedModule, MarkdownModule.forRoot({ sanitize: SecurityContext.NONE }), DocumentationRoutingModule],
   declarations: [DocumentationComponent, DocumentationListComponent],
   exports: [],
   providers: [DocumentationService]
diff --git a/projects/schematics/package.json b/projects/schematics/package.json
index 3b7dda9d8..5be58b278 100644
--- a/projects/schematics/package.json
+++ b/projects/schematics/package.json
@@ -15,11 +15,11 @@
     "postbuild": "gulp replaceVersion && cd ../../dist/ng-schematics && npm pack"
   },
   "peerDependencies": {
-    "@angular-devkit/core": "~16.2.0",
-    "@angular-devkit/schematics": "~16.2.0",
-    "@schematics/angular": "~16.2.0"
+    "@angular-devkit/core": "~17.0.4",
+    "@angular-devkit/schematics": "~17.0.4",
+    "@schematics/angular": "~17.0.4"
   },
   "dependencies": {
-    "jsonc-parser": "^3.0.0"
+    "jsonc-parser": "^3.2.0"
   }
 }
diff --git a/projects/schematics/src/module/module.ts b/projects/schematics/src/module/module.ts
index 4fcf6c2d3..e7bf3b09f 100644
--- a/projects/schematics/src/module/module.ts
+++ b/projects/schematics/src/module/module.ts
@@ -10,13 +10,15 @@ import { WorkspaceSchema } from '@schematics/angular/utility/workspace-models';
 
 export function addModuleImportToRootModule(options: any, moduleName: string, modulePath: string) {
   return (host: Tree) => {
+    let appModulePath;
     const workspace = getWorkspaceConfigGracefully(host) ?? ({} as WorkspaceSchema);
-    const project = getProjectFromWorkspace(workspace, options.project);
-    const appModulePath = getAppModulePath(host, getProjectMainFile(project));
-
-    if (!hasNgModuleImport(host, appModulePath, moduleName)) {
-      // not add the module if the project already use
-      addModuleImportToModule(host, appModulePath, moduleName, modulePath);
+    const project: any = getProjectFromWorkspace(workspace, options.project);
+    if (Object.keys(project.schematics).length) {
+      appModulePath = getAppModulePath(host, getProjectMainFile(project));
+      if (!hasNgModuleImport(host, appModulePath, moduleName)) {
+        // not add the module if the project already use
+        addModuleImportToModule(host, appModulePath, moduleName, modulePath);
+      }
     }
 
     return host;
diff --git a/projects/schematics/src/project/project.ts b/projects/schematics/src/project/project.ts
index 9fabddf5f..1cc015a1a 100644
--- a/projects/schematics/src/project/project.ts
+++ b/projects/schematics/src/project/project.ts
@@ -16,14 +16,15 @@ export function getWorkspaceConfigGracefully(tree: Tree): null | WorkspaceSchema
   try {
     // Parse the workspace file as JSON5 which is also supported for CLI
     // workspace configurations.
-    return (parse(configBuffer.toString()) as unknown) as WorkspaceSchema;
+
+    return parse(configBuffer.toString()) as unknown as WorkspaceSchema;
   } catch (e) {
     return null;
   }
 }
 
 export function getProjectFromWorkspace(workspace: WorkspaceSchema, projectName?: string): WorkspaceProject {
-  const project = workspace.projects[projectName || workspace.defaultProject!];
+  const project = workspace.projects[projectName!];
 
   if (!project) {
     throw new SchematicsException(`Could not find project in workspace: ${projectName}`);
@@ -51,14 +52,13 @@ export function getProjectTargetOptions(project: WorkspaceProject, buildTarget:
 /** Looks for the main TypeScript file in the given project and returns its path. */
 export function getProjectMainFile(project: WorkspaceProject): string {
   const buildOptions = getProjectTargetOptions(project, 'build');
-
-  if (!buildOptions.main) {
+  if (!buildOptions.browser) {
     throw new SchematicsException(
       `Could not find the project main file inside of the ` + `workspace config (${project.sourceRoot})`
     );
   }
 
-  return buildOptions.main;
+  return buildOptions.browser;
 }
 
 // Return default path of application or library
diff --git a/projects/storage/package.json b/projects/storage/package.json
index e8b7d7549..71ecb2d63 100644
--- a/projects/storage/package.json
+++ b/projects/storage/package.json
@@ -13,17 +13,17 @@
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@po-ui/ng-schematics": "0.0.0-PLACEHOLDER",
-    "custom-idle-queue": "2.1.2",
-    "localforage": "1.9.0",
+    "custom-idle-queue": "3.0.1",
+    "localforage": "1.10.0",
     "lokijs": "1.5.12",
-    "tslib": "^2.3.0"
+    "tslib": "^2.6.2"
   },
   "peerDependencies": {
-    "@angular/core": "~16.2.0",
-    "custom-idle-queue": "2.1.2",
-    "localforage": "1.9.0",
+    "@angular/core": "~17.0.4",
+    "custom-idle-queue": "3.0.1",
+    "localforage": "1.10.0",
     "lokijs": "1.5.12",
-    "rxjs": "~7.5.5",
-    "zone.js": "~0.13.1"
+    "rxjs": "~7.8.1",
+    "zone.js": "~0.14.2"
   }
 }
diff --git a/projects/storage/src/lib/services/po-storage.service.ts b/projects/storage/src/lib/services/po-storage.service.ts
index e041994b1..6038a579d 100644
--- a/projects/storage/src/lib/services/po-storage.service.ts
+++ b/projects/storage/src/lib/services/po-storage.service.ts
@@ -3,7 +3,7 @@ import { Inject, Injectable, InjectionToken } from '@angular/core';
 import * as LocalForage from 'localforage';
 import 'localforage';
 
-import IdleQueue from 'custom-idle-queue';
+import { IdleQueue } from 'custom-idle-queue';
 
 import { PoLokiDriver } from '../drivers/lokijs/po-loki-driver';
 import { PoStorageConfig } from './po-storage-config.interface';
diff --git a/projects/storage/tsconfig.schematics.json b/projects/storage/tsconfig.schematics.json
index 37d2dda2e..94021a643 100644
--- a/projects/storage/tsconfig.schematics.json
+++ b/projects/storage/tsconfig.schematics.json
@@ -22,5 +22,5 @@
     "types": ["jasmine", "node"]
   },
   "include": ["schematics/**/*"],
-  "exclude": ["schematics/**/*/files/**/*"]
+  "exclude": ["schematics/**/*/files/**/*", "schematics/**/*/*.spec.ts"]
 }
diff --git a/projects/sync/package.json b/projects/sync/package.json
index 4a93d6c40..15ec24ff4 100644
--- a/projects/sync/package.json
+++ b/projects/sync/package.json
@@ -19,21 +19,21 @@
     ]
   },
   "dependencies": {
-    "@capacitor/core": "^4.1.0",
-    "@capacitor/network": "^4.1.0",
+    "@capacitor/core": "^5.5.1",
+    "@capacitor/network": "^5.0.6",
     "@po-ui/ng-storage": "0.0.0-PLACEHOLDER",
-    "http-status-codes": "^2.1.4",
+    "http-status-codes": "^2.3.0",
     "@po-ui/ng-schematics": "0.0.0-PLACEHOLDER",
-    "tslib": "^2.3.0"
+    "tslib": "^2.6.2"
   },
   "peerDependencies": {
-    "@angular/core": "~16.2.0",
-    "@capacitor/core": "^4.1.0",
-    "@capacitor/network": "^4.1.0",
+    "@angular/core": "~17.0.3",
+    "@capacitor/core": "^5.5.1",
+    "@capacitor/network": "^5.0.6",
     "@po-ui/ng-storage": "0.0.0-PLACEHOLDER",
-    "http-status-codes": "^2.1.4",
-    "rxjs": "~7.5.5",
+    "http-status-codes": "^2.3.0",
+    "rxjs": "~7.8.1",
     "rxjs-compat": "~6.6.0",
-    "zone.js": "~0.13.1"
+    "zone.js": "~0.14.2"
   }
 }
diff --git a/projects/sync/tsconfig.schematics.json b/projects/sync/tsconfig.schematics.json
index e2370f72a..b45a36ee7 100644
--- a/projects/sync/tsconfig.schematics.json
+++ b/projects/sync/tsconfig.schematics.json
@@ -21,5 +21,6 @@
     "target": "es6",
     "types": ["jasmine", "node"]
   },
-  "include": ["schematics/**/*"]
+  "include": ["schematics/**/*"],
+  "exclude": ["schematics/**/*/*.spec.ts"]
 }
diff --git a/projects/templates/package.json b/projects/templates/package.json
index 34e69a148..4a41692a5 100644
--- a/projects/templates/package.json
+++ b/projects/templates/package.json
@@ -14,19 +14,19 @@
   "dependencies": {
     "@po-ui/ng-components": "0.0.0-PLACEHOLDER",
     "@po-ui/ng-schematics": "0.0.0-PLACEHOLDER",
-    "tslib": "^2.3.0"
+    "tslib": "^2.6.2"
   },
   "peerDependencies": {
-    "@angular/animations": "~16.2.0",
-    "@angular/common": "~16.2.0",
-    "@angular/compiler": "~16.2.0",
-    "@angular/core": "~16.2.0",
-    "@angular/forms": "~16.2.0",
-    "@angular/platform-browser": "~16.2.0",
-    "@angular/platform-browser-dynamic": "~16.2.0",
-    "@angular/router": "~16.2.0",
+    "@angular/animations": "~17.0.4",
+    "@angular/common": "~17.0.4",
+    "@angular/compiler": "~17.0.4",
+    "@angular/core": "~17.0.4",
+    "@angular/forms": "~17.0.4",
+    "@angular/platform-browser": "~17.0.4",
+    "@angular/platform-browser-dynamic": "~17.0.4",
+    "@angular/router": "~17.0.4",
     "@po-ui/ng-components": "0.0.0-PLACEHOLDER",
-    "rxjs": "~7.5.5",
-    "zone.js": "~0.13.1"
+    "rxjs": "~7.8.1",
+    "zone.js": "~0.14.2"
   }
 }
diff --git a/projects/templates/src/lib/components/po-page-login/po-page-login-popover/po-page-login-popover.component.spec.ts b/projects/templates/src/lib/components/po-page-login/po-page-login-popover/po-page-login-popover.component.spec.ts
index 4e8e95f14..ec4f4e818 100644
--- a/projects/templates/src/lib/components/po-page-login/po-page-login-popover/po-page-login-popover.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-login/po-page-login-popover/po-page-login-popover.component.spec.ts
@@ -3,7 +3,6 @@ import { RouterTestingModule } from '@angular/router/testing';
 
 import { PoPageLoginPopoverComponent } from './po-page-login-popover.component';
 
-import * as UtilFunctions from './../../../utils/util';
 import { PoI18nPipe } from './../../../../../../ui/src/lib/services/po-i18n/po-i18n.pipe';
 
 describe('ThPageLoginPopoverComponent: ', () => {
diff --git a/projects/templates/tsconfig.schematics.json b/projects/templates/tsconfig.schematics.json
index 45f41a2e2..5668757f8 100644
--- a/projects/templates/tsconfig.schematics.json
+++ b/projects/templates/tsconfig.schematics.json
@@ -22,5 +22,5 @@
     "types": ["jasmine", "node"]
   },
   "include": ["schematics/**/*"],
-  "exclude": ["schematics/**/*/files/**/*"]
+  "exclude": ["schematics/**/*/files/**/*", "schematics/**/*/*.spec.ts"]
 }
diff --git a/projects/ui/.eslintrc.json b/projects/ui/.eslintrc.json
index d34a1a4bb..7c00cd565 100644
--- a/projects/ui/.eslintrc.json
+++ b/projects/ui/.eslintrc.json
@@ -1,6 +1,6 @@
 {
   "extends": "../../.eslintrc.json",
-  "ignorePatterns": ["!**/*"],
+  "ignorePatterns": ["!**/*", "**/util-expect.spec.ts"],
   "overrides": [
     {
       "files": ["*.ts"],
@@ -9,6 +9,14 @@
         "createDefaultProgram": true
       },
       "plugins": ["sonarjs", "eslint-plugin-react"],
+      "excludedFiles": [
+        "test.ts",
+        "**/*.spec.ts",
+        "**/*.e2e-spec.ts",
+        "**/*.po.ts",
+        "./node_modules/",
+        "./projects/ui/src/lib/util-test/util-expect.spec.ts"
+      ],
       "rules": {
         "@angular-eslint/component-selector": [
           "error",
@@ -19,6 +27,8 @@
           }
         ],
         "@angular-eslint/directive-class-suffix": "off",
+        "@angular-eslint/no-host-metadata-property": "off",
+        "prefer-spread": "off",
         "@angular-eslint/directive-selector": [
           "error",
           {
diff --git a/projects/ui/package.json b/projects/ui/package.json
index ba762863a..4ec056731 100644
--- a/projects/ui/package.json
+++ b/projects/ui/package.json
@@ -21,23 +21,23 @@
     ]
   },
   "dependencies": {
-    "@angular/cdk": "~16.2.0",
+    "@angular/cdk": "~17.0.1",
     "@po-ui/style": "0.0.0-PLACEHOLDER",
     "@po-ui/ng-schematics": "0.0.0-PLACEHOLDER",
-    "tslib": "^2.3.0"
+    "tslib": "^2.6.2"
   },
   "peerDependencies": {
-    "@angular/animations": "~16.2.0",
-    "@angular/cdk": "~16.2.0",
-    "@angular/common": "~16.2.0",
-    "@angular/compiler": "~16.2.0",
-    "@angular/core": "~16.2.0",
-    "@angular/forms": "~16.2.0",
-    "@angular/platform-browser": "~16.2.0",
-    "@angular/platform-browser-dynamic": "~16.2.0",
-    "@angular/router": "~16.2.0",
+    "@angular/animations": "~17.0.4",
+    "@angular/cdk": "~17.0.1",
+    "@angular/common": "~17.0.4",
+    "@angular/compiler": "~17.0.4",
+    "@angular/core": "~17.0.4",
+    "@angular/forms": "~17.0.4",
+    "@angular/platform-browser": "~17.0.4",
+    "@angular/platform-browser-dynamic": "~17.0.4",
+    "@angular/router": "~17.0.4",
     "@po-ui/style": "0.0.0-PLACEHOLDER",
-    "rxjs": "~7.5.5",
-    "zone.js": "~0.13.1"
+    "rxjs": "~7.8.1",
+    "zone.js": "~0.14.2"
   }
 }
diff --git a/projects/ui/schematics/ng-add/setup-project.ts b/projects/ui/schematics/ng-add/setup-project.ts
index 7b57b3b8b..a9c1e156c 100644
--- a/projects/ui/schematics/ng-add/setup-project.ts
+++ b/projects/ui/schematics/ng-add/setup-project.ts
@@ -27,6 +27,7 @@ export default function (options: any): Rule {
     addModuleImportToRootModule(options, poModuleName, poModuleSourcePath),
     addModuleImportToRootModule(options, httpClientModuleName, httpClientModuleSourcePath),
     addThemeToAppStyles(options),
+    updateAppConfigFileRule(options),
     configureSideMenu(options)
   ]);
 }
@@ -77,3 +78,50 @@ function addThemeStyleToTarget(
 function configureSideMenu(options: any) {
   return options.configSideMenu ? schematic('sidemenu', { ...options }) : noop();
 }
+
+function updateAppConfigFileRule(options: any): Rule {
+  return (tree: Tree) => {
+    const workspace = getWorkspaceConfigGracefully(tree) ?? ({} as WorkspaceSchema);
+    const project: any = getProjectFromWorkspace(workspace, options.project);
+    if (Object.keys(project.schematics).length) {
+      return tree;
+    } else {
+      const content = tree.read('src/app/app.config.ts')?.toString('utf-8') || '';
+
+      const conteudoModificado = updateAppConfigFile(content);
+
+      tree.overwrite('src/app/app.config.ts', conteudoModificado);
+      return tree;
+    }
+  };
+}
+
+export function updateAppConfigFile(content: string): string {
+  const importBlock = `
+import { provideHttpClient } from '@angular/common/http';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { PoHttpRequestModule } from '@po-ui/ng-components';
+`;
+
+  const providersBlock = `
+  providers: [
+    provideRouter(routes),
+    provideHttpClient(),
+    importProvidersFrom([BrowserAnimationsModule, PoHttpRequestModule]),
+  ],`;
+
+  const regexImport = /import {[^}]+} from '@angular\/core';/;
+  const regexProviders = /providers: \[[^\]]+\]/;
+
+  // Remove imports e providers existentes
+  let modifiedContent = content.replace(regexImport, '').replace(regexProviders, '');
+
+  // Adiciona os novos imports e providers
+  modifiedContent = modifiedContent.replace(
+    /export const appConfig: ApplicationConfig = {/,
+    `import { ApplicationConfig, importProvidersFrom } from '@angular/core';${importBlock}
+export const appConfig: ApplicationConfig = {${providersBlock}`
+  );
+
+  return modifiedContent.trim();
+}
diff --git a/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.__style__.template b/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.__style__.template
new file mode 100644
index 000000000..e69de29bb
diff --git a/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.html.template b/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.html.template
new file mode 100644
index 000000000..8928a2cdb
--- /dev/null
+++ b/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.html.template
@@ -0,0 +1,9 @@
+<div class="po-wrapper">
+  <po-toolbar p-title="<%= classify(appName) %>"></po-toolbar>
+
+  <po-menu [p-menus]="menus"></po-menu>
+
+  <po-page-default p-title="<%= classify(appName) %>">
+    <p> <%= classify(appName) %> page </p>
+  </po-page-default>
+</div>
diff --git a/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.spec.ts.template b/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.spec.ts.template
new file mode 100644
index 000000000..2309bf15d
--- /dev/null
+++ b/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.spec.ts.template
@@ -0,0 +1,18 @@
+import { TestBed } from '@angular/core/testing';
+
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [AppComponent],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+});
diff --git a/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.ts.template b/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.ts.template
new file mode 100644
index 000000000..7eccb2099
--- /dev/null
+++ b/projects/ui/schematics/ng-generate/sidemenu/files-standalone/app.component.ts.template
@@ -0,0 +1,35 @@
+import { CommonModule } from '@angular/common';
+import { HttpClientModule } from '@angular/common/http';
+import { Component } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
+
+import {
+  PoMenuItem,
+  PoMenuModule,
+  PoPageModule,
+  PoToolbarModule,
+} from '@po-ui/ng-components';
+
+@Component({
+  selector: 'app-root',
+  standalone: true,
+  imports: [
+    CommonModule,
+    RouterOutlet,
+    PoToolbarModule,
+    PoMenuModule,
+    PoPageModule,
+    HttpClientModule,
+  ],
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css'],
+})
+export class AppComponent {
+  readonly menus: Array<PoMenuItem> = [
+    { label: 'Home', action: this.onClick.bind(this) },
+  ];
+
+  private onClick() {
+    alert('Clicked in menu item');
+  }
+}
diff --git a/projects/ui/schematics/ng-generate/sidemenu/files/app.component.spec.ts.template b/projects/ui/schematics/ng-generate/sidemenu/files/app.component.spec.ts.template
index 3e7701f91..364c86548 100644
--- a/projects/ui/schematics/ng-generate/sidemenu/files/app.component.spec.ts.template
+++ b/projects/ui/schematics/ng-generate/sidemenu/files/app.component.spec.ts.template
@@ -1,30 +1,34 @@
-import { async, TestBed } from '@angular/core/testing';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { TestBed } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 
-import { PoMenuModule, PoPageModule, PoToolbarModule } from '@po-ui/ng-components';
+import {
+  PoMenuModule,
+  PoPageModule,
+  PoToolbarModule,
+} from '@po-ui/ng-components';
 
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
       imports: [
         PoMenuModule,
         PoPageModule,
         PoToolbarModule,
-        RouterTestingModule
-      ],
-      declarations: [
-        AppComponent
+        HttpClientTestingModule,
+        RouterTestingModule,
       ],
+      declarations: [AppComponent],
     }).compileComponents();
-  }));
+  });
 
   it('should create the app', () => {
     const fixture = TestBed.createComponent(AppComponent);
-    const app = fixture.debugElement.componentInstance;
+    fixture.detectChanges();
+    const app = fixture.componentInstance;
 
     expect(app).toBeTruthy();
   });
-
 });
diff --git a/projects/ui/schematics/ng-generate/sidemenu/index.ts b/projects/ui/schematics/ng-generate/sidemenu/index.ts
index df2028378..ee08a88c8 100644
--- a/projects/ui/schematics/ng-generate/sidemenu/index.ts
+++ b/projects/ui/schematics/ng-generate/sidemenu/index.ts
@@ -39,14 +39,15 @@ export default function (options: ComponentOptions): Rule {
 function createAppComponent(options: ComponentOptions): Rule {
   return (tree: Tree) => {
     const workspace = getWorkspaceConfigGracefully(tree) ?? ({} as WorkspaceSchema);
-    const project = getProjectFromWorkspace(workspace, options.project);
+    const project: any = getProjectFromWorkspace(workspace, options.project);
     const sourceDir = `${project.sourceRoot}/app`;
+    const urlFile = Object.keys(project.schematics).length ? './files' : './files-standalone';
 
     if (!supportedCssExtensions.includes((options as any).style)) {
       options.style = 'css';
     }
 
-    const templateSource = applyWithOverwrite(url('./files'), [
+    const templateSource = applyWithOverwrite(url(urlFile), [
       options.skipTests ? filter(path => !path.endsWith('.spec.ts.template')) : noop(),
       pathTemplate({ ...options }),
       applyTemplates({
diff --git a/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.html b/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.html
index 026651bbe..25f5cafdc 100644
--- a/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.html
+++ b/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.html
@@ -17,7 +17,7 @@
 
     <po-widget class="po-lg-6 po-mb-1" p-title="NPM downloads">
       <div class="po-font-subtitle po-text-center">266</div>
-      <div class="po-text-center sample-container-dashboard">@po-ui/ng-components - 2.0.0</div>
+      <div class="po-text-center sample-container-dashboard">&#64;po-ui/ng-components - 2.0.0</div>
     </po-widget>
 
     <po-widget class="po-lg-6 po-mb-1" p-title="Devforum PO questions">
diff --git a/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts b/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts
index e1133476e..07039c3fc 100644
--- a/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts
+++ b/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts
@@ -26,7 +26,7 @@ import {
   ],
   providers: [SampleDashboardService]
 })
-export class SamplePoContainerDashboardComponent implements AfterContentChecked {
+export class SamplePoContainerDashboardComponent implements AfterContentChecked, OnInit {
   @ViewChild('formShare', { static: true }) formShare: NgForm;
   @ViewChild(PoModalComponent) poModal: PoModalComponent;
 
diff --git a/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.ts b/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.ts
index c9c60ca28..3b7029a33 100644
--- a/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.ts
+++ b/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/po-dynamic-form-field.interface.ts
@@ -211,7 +211,7 @@ export interface PoDynamicFormField extends PoDynamicField {
    * onde o usuário poderá determinar as novas propriedades do campo.
    * Por exemplo:
    *
-   * ``
+   * ```
    * onChangeField(changeValue): PoDynamicFormFieldValidation {
    *
    * if (changeValue.property === 'birthday' && !this.validate('birthday')) {
@@ -221,7 +221,7 @@ export interface PoDynamicFormField extends PoDynamicField {
    *     focus: true
    *   };
    * }
-   * ``
+   * ```
    *
    * Para referenciar a sua função utilize a propriedade `bind`, por exemplo:
    * ``
diff --git a/projects/ui/src/lib/components/po-gauge/po-gauge-svg/po-gauge-path/po-gauge-path.component.ts b/projects/ui/src/lib/components/po-gauge/po-gauge-svg/po-gauge-path/po-gauge-path.component.ts
index dedd4067a..47b91fe84 100644
--- a/projects/ui/src/lib/components/po-gauge/po-gauge-svg/po-gauge-path/po-gauge-path.component.ts
+++ b/projects/ui/src/lib/components/po-gauge/po-gauge-svg/po-gauge-path/po-gauge-path.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 
 import { PoGaugeCoordinates } from '../../interfaces/po-gauge-coordinates.interface';
 
@@ -6,15 +6,13 @@ import { PoGaugeCoordinates } from '../../interfaces/po-gauge-coordinates.interf
   selector: '[po-gauge-path]',
   templateUrl: './po-gauge-path.component.svg'
 })
-export class PoGaugePathComponent implements OnInit {
+export class PoGaugePathComponent {
   @Input('p-base-coordinates') baseCoordinates: PoGaugeCoordinates;
 
   @Input('p-ranges-coordinates') rangesCoordinates: Array<PoGaugeCoordinates>;
 
   constructor() {}
 
-  ngOnInit(): void {}
-
   trackBy(index) {
     return index;
   }
diff --git a/projects/ui/src/lib/components/po-menu-panel/po-menu-panel.component.ts b/projects/ui/src/lib/components/po-menu-panel/po-menu-panel.component.ts
index 284389126..3b1ad9dc5 100644
--- a/projects/ui/src/lib/components/po-menu-panel/po-menu-panel.component.ts
+++ b/projects/ui/src/lib/components/po-menu-panel/po-menu-panel.component.ts
@@ -19,7 +19,7 @@ import { PoMenuPanelItemsService } from './services/po-menu-panel-items.service'
  * Para o menu funcionar corretamente é necessário importar o `RouterModule` e `Routes` do módulo principal de
  *  sua aplicação:
  *
- * ````
+ * ```
  * import { RouterModule, Routes } from '@angular/router';
  *
  * ...
diff --git a/projects/ui/src/lib/components/po-menu/po-menu.component.ts b/projects/ui/src/lib/components/po-menu/po-menu.component.ts
index 637fc6887..0dfd225fa 100644
--- a/projects/ui/src/lib/components/po-menu/po-menu.component.ts
+++ b/projects/ui/src/lib/components/po-menu/po-menu.component.ts
@@ -52,7 +52,7 @@ const poMenuRootLevel = 1;
  * Para o menu funcionar corretamente é necessário importar o `RouterModule` e `Routes` do módulo principal de
  *  sua aplicação:
  *
- * ````
+ * ```
  * import { RouterModule, Routes } from '@angular/router';
  *
  * ...
diff --git a/projects/ui/src/lib/components/po-menu/samples/sample-po-menu-labs/sample-po-menu-labs.component.ts b/projects/ui/src/lib/components/po-menu/samples/sample-po-menu-labs/sample-po-menu-labs.component.ts
index d4df6abd3..8a24b7260 100644
--- a/projects/ui/src/lib/components/po-menu/samples/sample-po-menu-labs/sample-po-menu-labs.component.ts
+++ b/projects/ui/src/lib/components/po-menu/samples/sample-po-menu-labs/sample-po-menu-labs.component.ts
@@ -41,7 +41,7 @@ export class SamplePoMenuLabsComponent implements OnInit {
   label: string;
   link: string;
   logo: string;
-  maxBadgeValue = 99999999999999999999;
+  maxBadgeValue = 999999999999999;
   menuItems: Array<PoMenuItem>;
   menuItemSelected: string;
   menuParams: string;
diff --git a/projects/ui/src/lib/components/po-page/po-page-default/samples/sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.html b/projects/ui/src/lib/components/po-page/po-page-default/samples/sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.html
index 005148238..143015df9 100644
--- a/projects/ui/src/lib/components/po-page/po-page-default/samples/sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.html
+++ b/projects/ui/src/lib/components/po-page/po-page-default/samples/sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.html
@@ -17,7 +17,7 @@
 
     <po-widget class="po-md-6 po-lg-4 po-mb-2" p-title="NPM downloads">
       <div class="po-font-subtitle po-text-center">266</div>
-      <div class="po-text-center sample-widget-text-subtitle">@po-ui/ng-components - 1.10.1</div>
+      <div class="po-text-center sample-widget-text-subtitle">&#64;po-ui/ng-components - 1.10.1</div>
     </po-widget>
 
     <po-widget class="po-md-6 po-lg-4 po-mb-2" p-title="Devforum PO questions">
diff --git a/projects/ui/src/lib/components/po-progress/po-progress.component.ts b/projects/ui/src/lib/components/po-progress/po-progress.component.ts
index fc0caad92..e7cc965e7 100644
--- a/projects/ui/src/lib/components/po-progress/po-progress.component.ts
+++ b/projects/ui/src/lib/components/po-progress/po-progress.component.ts
@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { ChangeDetectionStrategy, Component, OnInit, inject } from '@angular/core';
 
 import { PoProgressBaseComponent } from './po-progress-base.component';
 import { PoProgressStatus } from './enums/po-progress-status.enum';
@@ -29,7 +29,7 @@ import { poProgressLiterals } from './literals/po-progress.literals';
   templateUrl: './po-progress.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class PoProgressComponent extends PoProgressBaseComponent {
+export class PoProgressComponent extends PoProgressBaseComponent implements OnInit {
   language;
   literals;
 
diff --git a/projects/ui/src/lib/decorators/input-required/input-required.decorator.spec.ts b/projects/ui/src/lib/decorators/input-required/input-required.decorator.spec.ts
index c89af950a..cb0e5d807 100644
--- a/projects/ui/src/lib/decorators/input-required/input-required.decorator.spec.ts
+++ b/projects/ui/src/lib/decorators/input-required/input-required.decorator.spec.ts
@@ -10,7 +10,9 @@ import { InputRequired } from './input-required.decorator';
 })
 class PoMockComponent implements OnInit {
   @InputRequired() myProperty: any;
-  ngOnInit() {}
+  ngOnInit() {
+    let a;
+  }
 }
 
 describe('InputRequired:', () => {
diff --git a/projects/ui/src/lib/services/po-i18n/samples/sample-po-i18n-pipe.component.html b/projects/ui/src/lib/services/po-i18n/samples/sample-po-i18n-pipe.component.html
index 35beda2b2..b77b557d4 100644
--- a/projects/ui/src/lib/services/po-i18n/samples/sample-po-i18n-pipe.component.html
+++ b/projects/ui/src/lib/services/po-i18n/samples/sample-po-i18n-pipe.component.html
@@ -1,9 +1,9 @@
-<b>Literal: </b>Página &#123;1} de &#123;2} páginas<br />
+<b>Literal: </b>Página &#123;1&#125; de &#123;2&#125; páginas<br />
 <b>Parâmetros: </b>[1, 1000]<br />
 <b>Resultado: </b>{{ 'Página {1} de {2} páginas' | poI18n: [1, 1000] }} <br /><br />
-<b>Literal: </b>Página &#123;currentPage} de &#123;totalPage} páginas<br />
+<b>Literal: </b>Página &#123;currentPage&#125; de &#123;totalPage&#125; páginas<br />
 <b>Parâmetros: </b>[1, 999]<br />
 <b>Resultado: </b>{{ 'Página {currentPage} de {totalPage} páginas' | poI18n: [1, 999] }} <br /><br />
-<b>Literal: </b>Total de páginas: &#123;totalPage}<br />
+<b>Literal: </b>Total de páginas: &#123;totalPage&#125;<br />
 <b>Parâmetros: </b>999<br />
 <b>Resultado: </b>{{ 'Total de páginas: {totalPage}' | poI18n: 999 }}
diff --git a/projects/ui/src/lib/utils/util.spec.ts b/projects/ui/src/lib/utils/util.spec.ts
index 3effcd2e9..82888e43c 100644
--- a/projects/ui/src/lib/utils/util.spec.ts
+++ b/projects/ui/src/lib/utils/util.spec.ts
@@ -1407,8 +1407,8 @@ describe('Function convertNumberToDecimals:', () => {
   it('should convert number to float', () => {
     expect(convertNumberToDecimal(12.567, 2)).toBe(12.57);
     expect(convertNumberToDecimal(12.56, 2)).toBe(12.56);
-    expect(convertNumberToDecimal(12.5649584958748574897, 2)).toBe(12.56);
-    expect(convertNumberToDecimal(12.5649584958748574897, 4)).toBe(12.565);
+    expect(convertNumberToDecimal(12.564958495874857, 2)).toBe(12.56);
+    expect(convertNumberToDecimal(12.564958495874857, 4)).toBe(12.565);
     expect(convertNumberToDecimal(12.56, 1)).toBe(12.6);
     expect(convertNumberToDecimal('12.56', 1)).toBe(12.6);
     expect(convertNumberToDecimal('12', 1)).toBe(12);
diff --git a/projects/ui/tsconfig.schematics.json b/projects/ui/tsconfig.schematics.json
index f84eee69c..04aa4eca1 100644
--- a/projects/ui/tsconfig.schematics.json
+++ b/projects/ui/tsconfig.schematics.json
@@ -22,5 +22,5 @@
     "types": ["jasmine", "node"]
   },
   "include": ["schematics/**/*"],
-  "exclude": ["schematics/**/*/files/**/*"]
+  "exclude": ["schematics/**/*/files/**/*", "schematics/**/*/*.spec.ts"]
 }

From c9bba9f104eac63de52c2f3741af7230a064b18f Mon Sep 17 00:00:00 2001
From: CSimoesJr <ju_csimoes@hotmail.com>
Date: Thu, 14 Dec 2023 19:23:09 -0300
Subject: [PATCH 2/2] =?UTF-8?q?refactor:=20realiza=20formata=C3=A7=C3=A3o?=
 =?UTF-8?q?=20dos=20arquivos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Executa comando format:all para formatar todos
os arquvios.

fixes DTHFUI-8041
---
 projects/app/src/index.html                   |  2 +-
 .../documentation-list.component.html         |  2 +-
 .../documentation-list.component.ts           |  5 +-
 .../documentation/documentation.component.ts  |  5 +-
 .../portal/src/app/guide/guides.components.ts |  5 +-
 .../theme-builder.component.html              | 16 ++--
 .../theme-builder/theme-builder.component.ts  | 72 +++++++--------
 projects/portal/src/index.html                |  2 +-
 .../po-query-builder.model.ts                 |  5 +-
 .../services/po-schema/po-schema.service.ts   |  5 +-
 ...-modal-password-recovery.component.spec.ts | 22 ++---
 .../po-page-background.component.spec.ts      | 16 ++--
 ...ge-blocked-user-contacts.component.spec.ts | 26 +++---
 ...page-blocked-user-reason.component.spec.ts | 14 ++-
 .../po-page-blocked-user-reason.component.ts  |  5 +-
 .../po-page-blocked-user.component.spec.ts    | 16 ++--
 .../po-page-blocked-user.component.ts         |  6 +-
 .../po-page-change-password.component.spec.ts | 16 ++--
 .../po-page-change-password.component.ts      |  3 +-
 .../po-page-dynamic-detail.component.spec.ts  | 18 ++--
 .../po-page-dynamic-edit.component.spec.ts    | 18 ++--
 .../po-advanced-filter.component.spec.ts      | 14 ++-
 .../po-page-dynamic-search.component.spec.ts  | 30 +++----
 .../po-page-dynamic-search.component.ts       |  6 +-
 .../po-page-dynamic-table.component.spec.ts   | 32 ++++---
 ...-job-scheduler-execution.component.spec.ts | 12 ++-
 ...job-scheduler-parameters.component.spec.ts | 12 ++-
 ...ge-job-scheduler-summary.component.spec.ts | 12 ++-
 .../po-page-job-scheduler.component.spec.ts   | 12 ++-
 .../po-page-login-base.component.spec.ts      | 14 ++-
 .../po-page-login-popover.component.spec.ts   | 14 ++-
 .../po-page-login.component.spec.ts           | 36 ++++----
 ...po-page-login-human-resources.component.ts |  5 +-
 .../po-page-customization.service.spec.ts     | 17 ++--
 .../po-page-dynamic.service.spec.ts           |  5 +-
 .../po-accordion/po-accordion.component.ts    |  5 +-
 .../po-breadcrumb-favorite.component.ts       |  5 +-
 .../po-button-group.component.spec.ts         | 29 +++---
 .../po-calendar/po-calendar-base.component.ts |  5 +-
 .../po-calendar/po-calendar.component.ts      |  6 +-
 .../po-resize-observer.directive.spec.ts      | 14 ++-
 .../po-chart-circular-label.component.ts      |  5 +-
 .../po-chart-tooltip.directive.spec.ts        | 14 ++-
 .../po-chart-tooltip.directive.ts             |  5 +-
 .../po-chart-circular.component.spec.ts       | 14 ++-
 .../po-chart-circular.component.ts            |  5 +-
 .../po-chart-container.component.spec.ts      | 14 ++-
 .../po-chart-container.component.ts           |  4 +-
 .../po-chart-line-base.component.spec.ts      | 14 ++-
 .../po-chart-series-point.component.ts        |  5 +-
 .../po-chart-legend.component.spec.ts         | 12 ++-
 .../po-chart-circular.spec.ts                 | 12 ++-
 .../po-chart-circular/po-chart-circular.ts    |  6 +-
 .../po-chart/po-chart.component.spec.ts       | 12 ++-
 ...sample-po-container-dashboard.component.ts |  5 +-
 ...mple-po-dynamic-form-register.component.ts |  5 +-
 ...po-combo-heroes-reactive-form.component.ts |  5 +-
 .../po-datepicker-range-base.component.ts     |  5 +-
 .../po-datepicker-range.component.ts          |  3 +-
 ...nge-vacations-reactive-form.component.html |  4 +-
 ...range-vacations-reactive-form.component.ts |  5 +-
 ...-datepicker-range-vacations.component.html |  4 +-
 .../sample-po-datepicker-airfare.component.ts |  5 +-
 .../po-decimal/po-decimal.component.spec.ts   | 21 ++---
 .../po-decimal/po-decimal.component.ts        |  6 +-
 .../po-lookup/po-lookup-base.component.ts     |  7 +-
 .../po-lookup-modal-base.component.ts         |  5 +-
 .../po-lookup-modal.component.spec.ts         | 32 +++----
 .../sample-po-lookup-hero.component.ts        |  5 +-
 .../po-multiselect.component.ts               |  3 +-
 ...lect-vacation-reactive-form.component.html |  4 +-
 ...ple-po-multiselect-vacation.component.html |  4 +-
 .../po-radio-group.component.ts               |  5 +-
 .../po-field/po-radio/po-radio.component.ts   |  5 +-
 .../po-rich-text/po-rich-text.component.ts    |  5 +-
 .../po-select/po-select.component.html        |  2 +-
 .../po-field/po-select/po-select.component.ts |  5 +-
 ...po-switch-order-reactive-form.component.ts |  5 +-
 .../po-upload/po-upload-base.component.ts     |  5 +-
 .../po-upload-drag-drop.directive.ts          |  5 +-
 ...upload-file-restrictions.component.spec.ts | 16 ++--
 .../po-upload-file-restrictions.component.ts  |  5 +-
 .../components/po-gauge/po-gauge.component.ts |  5 +-
 .../components/po-grid/po-grid.component.ts   |  6 +-
 .../po-icon/po-icon.component.spec.ts         | 12 ++-
 .../po-list-view.component.spec.ts            | 88 ++++++++-----------
 .../po-list-view/po-list-view.component.ts    |  6 +-
 .../po-item-list/po-item-list.component.html  |  2 +-
 .../po-search-list.component.spec.ts          | 12 ++-
 .../po-loading-overlay.component.ts           |  5 +-
 .../po-logo/po-logo.component.spec.ts         | 12 ++-
 .../components/po-modal/po-modal.component.ts |  5 +-
 .../po-navbar-action.component.ts             |  5 +-
 .../po-navbar-items.component.spec.ts         | 14 ++-
 ...ple-po-page-default-dashboard.component.ts |  5 +-
 .../po-page-list/po-page-list.component.ts    |  3 +-
 .../po-page-slide.component.spec.ts           | 16 ++--
 .../po-popover/po-popover.component.ts        |  5 +-
 .../po-progress/po-progress.component.spec.ts | 12 ++-
 .../po-search/po-search.component.spec.ts     |  2 +-
 .../po-search/po-search.component.ts          |  5 +-
 .../po-stepper/po-stepper.component.spec.ts   | 12 ++-
 .../sample-po-stepper-active.component.ts     |  5 +-
 .../po-table-column-frozen.directive.ts       |  5 +-
 .../po-table-column-manager.component.ts      |  5 +-
 .../po-table-detail.component.html            |  2 +-
 .../po-table-subtitle-footer.component.ts     |  5 +-
 .../po-table/po-table.component.html          |  4 +-
 .../sample-po-table-components.component.css  |  4 +-
 .../sample-po-table-components.component.ts   |  5 +-
 .../components/po-tabs/po-tabs.component.ts   |  5 +-
 .../components/po-tag/po-tag.component.html   |  8 +-
 .../lib/components/po-tag/po-tag.component.ts |  5 +-
 .../po-toolbar/po-toolbar.component.ts        |  5 +-
 .../sample-po-toolbar-logged.component.ts     |  5 +-
 ...po-tree-view-item-header.component.spec.ts | 14 ++-
 .../po-tree-view-item.component.spec.ts       | 16 ++--
 .../po-tree-view.component.spec.ts            | 12 ++-
 .../po-http-interceptor-detail.component.html |  2 +-
 .../po-http-interceptor-detail.component.ts   |  8 +-
 ...mple-po-http-interceptor-labs.component.ts |  4 +-
 ...http-request-interceptor-labs.component.ts |  5 +-
 .../po-dialog/po-dialog.component.spec.ts     | 42 ++++-----
 ...-po-dialog-cancel-credit-card.component.ts |  5 +-
 124 files changed, 663 insertions(+), 612 deletions(-)

diff --git a/projects/app/src/index.html b/projects/app/src/index.html
index 3fed1d4b4..7fdb45711 100644
--- a/projects/app/src/index.html
+++ b/projects/app/src/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
diff --git a/projects/portal/src/app/documentation/documentation-list.component.html b/projects/portal/src/app/documentation/documentation-list.component.html
index de5fcddd9..d08eb3bab 100644
--- a/projects/portal/src/app/documentation/documentation-list.component.html
+++ b/projects/portal/src/app/documentation/documentation-list.component.html
@@ -6,7 +6,7 @@
     (p-title-action)="viewDocumentation($event)"
   >
     <ng-template p-list-view-content-template let-item>
-      <div class="list-item-preview" [innerHtml]="item.preview | markdown : { disableSanitizer: true } | async"></div>
+      <div class="list-item-preview" [innerHtml]="item.preview | markdown: { disableSanitizer: true } | async"></div>
     </ng-template>
   </po-list-view>
 </po-page-list>
diff --git a/projects/portal/src/app/documentation/documentation-list.component.ts b/projects/portal/src/app/documentation/documentation-list.component.ts
index 0965116ab..31287cc09 100644
--- a/projects/portal/src/app/documentation/documentation-list.component.ts
+++ b/projects/portal/src/app/documentation/documentation-list.component.ts
@@ -24,7 +24,10 @@ export class DocumentationListComponent implements OnInit {
     { label: 'Exemplos', action: this.viewSample.bind(this), icon: 'po-icon-light' }
   ];
 
-  constructor(private docService: DocumentationService, private router: Router) {}
+  constructor(
+    private docService: DocumentationService,
+    private router: Router
+  ) {}
 
   ngOnInit() {
     this.docService.findDocs('api').subscribe(docs => {
diff --git a/projects/portal/src/app/documentation/documentation.component.ts b/projects/portal/src/app/documentation/documentation.component.ts
index 7ba4a4599..eff7528df 100644
--- a/projects/portal/src/app/documentation/documentation.component.ts
+++ b/projects/portal/src/app/documentation/documentation.component.ts
@@ -10,7 +10,10 @@ import { MenuComponentsService } from './menu-components.service';
 export class DocumentationComponent implements OnInit {
   menus = [];
 
-  constructor(private menuComponentsService: MenuComponentsService, private http: HttpClient) {}
+  constructor(
+    private menuComponentsService: MenuComponentsService,
+    private http: HttpClient
+  ) {}
 
   ngOnInit() {
     this.http.get('./assets/json/api-list.json').subscribe(
diff --git a/projects/portal/src/app/guide/guides.components.ts b/projects/portal/src/app/guide/guides.components.ts
index 733cb1194..1cd903bf5 100644
--- a/projects/portal/src/app/guide/guides.components.ts
+++ b/projects/portal/src/app/guide/guides.components.ts
@@ -10,7 +10,10 @@ import { MenuGuidesService } from './menu-guides.service';
 export class GuidesComponent implements OnInit {
   menus = [];
 
-  constructor(private menuGuidesService: MenuGuidesService, private http: HttpClient) {}
+  constructor(
+    private menuGuidesService: MenuGuidesService,
+    private http: HttpClient
+  ) {}
 
   ngOnInit() {
     this.http.get('./assets/json/api-list.json').subscribe(
diff --git a/projects/portal/src/app/theme-builder/theme-builder.component.html b/projects/portal/src/app/theme-builder/theme-builder.component.html
index ed3bd1af8..6d11c85b4 100644
--- a/projects/portal/src/app/theme-builder/theme-builder.component.html
+++ b/projects/portal/src/app/theme-builder/theme-builder.component.html
@@ -81,9 +81,7 @@
         class="list-container"
         p-property-title="name"
         [p-literals]="listViewLiterals"
-        [p-items]="[
-          { name: 'Painel de Controle' },
-        ]"
+        [p-items]="[{ name: 'Painel de Controle' }]"
         [p-actions]="listViewAction"
       >
         <ng-template p-list-view-content-template>
@@ -970,7 +968,7 @@ <h2 class="po-ml-2">Nenhum componente selecionado</h2>
               [p-options]="[
                 { label: 'Primário', value: 1 },
                 { label: 'Secundário', value: 2 },
-                { label: 'Terciário', value: 3 },
+                { label: 'Terciário', value: 3 }
               ]"
               [ngModel]="kindButton"
               (p-change)="changeKindButton($event)"
@@ -2621,7 +2619,7 @@ <h2 class="po-ml-2">Nenhum componente selecionado</h2>
               [p-options]="[
                 { label: 'Option 1', value: '1' },
                 { label: 'Option 2', value: '2' },
-                { label: 'Option 3', value: '3' },
+                { label: 'Option 3', value: '3' }
               ]"
               p-placeholder="Customize seu po-multiselect"
             ></po-multiselect>
@@ -2635,7 +2633,7 @@ <h2 class="po-ml-2">Nenhum componente selecionado</h2>
               [p-options]="[
                 { label: 'Option 1', value: '1' },
                 { label: 'Option 2', value: '2' },
-                { label: 'Option 3', value: '3' },
+                { label: 'Option 3', value: '3' }
               ]"
               p-placeholder="Customize seu po-multiselect"
             ></po-multiselect>
@@ -2776,7 +2774,7 @@ <h2 class="po-ml-2">Nenhum componente selecionado</h2>
               [p-options]="[
                 { label: 'Option 1', value: '1' },
                 { label: 'Option 2', value: '2' },
-                { label: 'Option 3', value: '3' },
+                { label: 'Option 3', value: '3' }
               ]"
               p-placeholder="Customize seu po-combo"
             ></po-combo>
@@ -2790,7 +2788,7 @@ <h2 class="po-ml-2">Nenhum componente selecionado</h2>
               [p-options]="[
                 { label: 'Option 1', value: '1' },
                 { label: 'Option 2', value: '2' },
-                { label: 'Option 3', value: '3' },
+                { label: 'Option 3', value: '3' }
               ]"
               p-placeholder="Customize seu po-combo"
             ></po-combo>
@@ -3154,7 +3152,7 @@ <h2 class="po-ml-2">Nenhum componente selecionado</h2>
                 { label: 'Success', value: 3 },
                 { label: 'Warning', value: 4 },
                 { label: 'Neutral', value: 5 },
-                { label: 'Removable', value: 6 },
+                { label: 'Removable', value: 6 }
               ]"
               [ngModel]="tagSelected"
               (p-change)="changeTag($event)"
diff --git a/projects/portal/src/app/theme-builder/theme-builder.component.ts b/projects/portal/src/app/theme-builder/theme-builder.component.ts
index 4b2baf634..4118f2483 100644
--- a/projects/portal/src/app/theme-builder/theme-builder.component.ts
+++ b/projects/portal/src/app/theme-builder/theme-builder.component.ts
@@ -571,7 +571,10 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
     }
   ];
 
-  constructor(private formBuilder: FormBuilder, private cdr: ChangeDetectorRef) {}
+  constructor(
+    private formBuilder: FormBuilder,
+    private cdr: ChangeDetectorRef
+  ) {}
 
   ngOnInit(): void {
     this.brandFormP = this.formBuilder.group({
@@ -1834,9 +1837,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
             value
           );
 
-          this.resultDisclaimer[
-            'nativeElement'
-          ].innerHTML += `${this.formPropertyDictDisclaimer[fieldName]}: ${value};<br>`;
+          this.resultDisclaimer['nativeElement'].innerHTML +=
+            `${this.formPropertyDictDisclaimer[fieldName]}: ${value};<br>`;
 
           this.ratio = this.ratioDisclaimer = this.checkChangesContrast(changes, fieldName, this.ratioDisclaimer);
         }
@@ -1947,9 +1949,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
             value
           );
 
-          this.resultTextarea[
-            'nativeElement'
-          ].innerHTML += `${this.formPropertyDictTextarea[fieldName]}: ${value};<br>`;
+          this.resultTextarea['nativeElement'].innerHTML +=
+            `${this.formPropertyDictTextarea[fieldName]}: ${value};<br>`;
 
           this.ratio = this.ratioTextarea = this.checkChangesContrast(
             changes,
@@ -1999,9 +2000,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
             value
           );
 
-          this.resultDropdown[
-            'nativeElement'
-          ].innerHTML += `${this.formPropertyDictDropdown[fieldName]}: ${value};<br>`;
+          this.resultDropdown['nativeElement'].innerHTML +=
+            `${this.formPropertyDictDropdown[fieldName]}: ${value};<br>`;
         }
       });
 
@@ -2040,9 +2040,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
             value
           );
 
-          this.resultDatepicker[
-            'nativeElement'
-          ].innerHTML += `${this.formPropertyDictDatepicker[fieldName]}: ${value};<br>`;
+          this.resultDatepicker['nativeElement'].innerHTML +=
+            `${this.formPropertyDictDatepicker[fieldName]}: ${value};<br>`;
           this.ratio = this.ratioDatepicker = this.checkChangesContrast(
             changes,
             fieldName,
@@ -2087,9 +2086,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
             value
           );
 
-          this.resultDatepickerButton[
-            'nativeElement'
-          ].innerHTML += `${this.formPropertyDictDatepickerButton[fieldName]}: ${value};<br>`;
+          this.resultDatepickerButton['nativeElement'].innerHTML +=
+            `${this.formPropertyDictDatepickerButton[fieldName]}: ${value};<br>`;
         }
       });
 
@@ -2179,9 +2177,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
             );
             tooltipDefault.style.setProperty(this.formPropertyDictTooltip[fieldName], value);
 
-            this.resultTooltip[
-              'nativeElement'
-            ].innerHTML += `${this.formPropertyDictTooltip[fieldName]}: ${value};<br>`;
+            this.resultTooltip['nativeElement'].innerHTML +=
+              `${this.formPropertyDictTooltip[fieldName]}: ${value};<br>`;
             this.ratio = this.ratioTooltip = this.checkChangesContrast(changes, fieldName, this.ratioTooltip);
           }
         });
@@ -2289,9 +2286,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
             value
           );
 
-          this.resultPopupContainer[
-            'nativeElement'
-          ].innerHTML += `${this.formPropertyDictPopupContainer[fieldName]}: ${value};<br>`;
+          this.resultPopupContainer['nativeElement'].innerHTML +=
+            `${this.formPropertyDictPopupContainer[fieldName]}: ${value};<br>`;
           this.ratio = this.ratioPopup = this.checkChangesContrast(
             changes,
             fieldName,
@@ -2340,9 +2336,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
             value
           );
 
-          this.resultMultiselect[
-            'nativeElement'
-          ].innerHTML += `${this.formPropertyDictMultiselect[fieldName]}: ${value};<br>`;
+          this.resultMultiselect['nativeElement'].innerHTML +=
+            `${this.formPropertyDictMultiselect[fieldName]}: ${value};<br>`;
           this.ratio = this.ratioMultiselect = this.checkChangesContrast(
             changes,
             fieldName,
@@ -2423,9 +2418,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
             .toArray()[0]
             .accordionElement.nativeElement.style.setProperty(this.formPropertyDictAccordion[fieldName], value);
 
-          this.resultAccordion[
-            'nativeElement'
-          ].innerHTML += `${this.formPropertyDictAccordion[fieldName]}: ${value};<br>`;
+          this.resultAccordion['nativeElement'].innerHTML +=
+            `${this.formPropertyDictAccordion[fieldName]}: ${value};<br>`;
           this.ratio = this.ratioAccordion = this.checkChangesContrast(
             changes,
             fieldName,
@@ -2462,9 +2456,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
           );
           this.breadcrumbDefault.nativeElement.style.setProperty(this.formPropertyDictBreadcrumb[fieldName], value);
 
-          this.resultBreadcrumb[
-            'nativeElement'
-          ].innerHTML += `${this.formPropertyDictBreadcrumb[fieldName]}: ${value};<br>`;
+          this.resultBreadcrumb['nativeElement'].innerHTML +=
+            `${this.formPropertyDictBreadcrumb[fieldName]}: ${value};<br>`;
         }
       });
 
@@ -2544,9 +2537,8 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
           this.tagHover.nativeElement.style.setProperty(this.formPropertyDictTagsGlobal[fieldName], value);
           this.tagDisabled.nativeElement.style.setProperty(this.formPropertyDictTagsGlobal[fieldName], value);
 
-          this.resultTagsGlobal[
-            'nativeElement'
-          ].innerHTML += `${this.formPropertyDictTagsGlobal[fieldName]}: ${value};<br>`;
+          this.resultTagsGlobal['nativeElement'].innerHTML +=
+            `${this.formPropertyDictTagsGlobal[fieldName]}: ${value};<br>`;
         }
       });
 
@@ -2606,11 +2598,13 @@ export class ThemeBuilderComponent implements AfterViewInit, OnInit {
   private setRatioDefault() {
     this.ratioButton = this.setRatioComponent(false, '#2c3739', '#ffffff');
     this.ratioDisclaimer = this.setRatioComponent(false, '#f2eaf6', '#2c3739');
-    this.ratioDatepicker = this.ratioTextarea = this.ratioInput = this.ratioSelect = this.ratioMultiselect = this.ratioCombo = this.setRatioComponent(
-      false,
-      '#fbfbfb',
-      '#1d2426'
-    );
+    this.ratioDatepicker =
+      this.ratioTextarea =
+      this.ratioInput =
+      this.ratioSelect =
+      this.ratioMultiselect =
+      this.ratioCombo =
+        this.setRatioComponent(false, '#fbfbfb', '#1d2426');
     this.ratioTooltip = this.setRatioComponent(false, '#2c3739', '#ffffff');
     this.ratioPopup = this.setRatioComponent(false, '#ffffff', '#753399');
     this.ratioAccordion = this.setRatioComponent(false, '#753399', '#ffffff');
diff --git a/projects/portal/src/index.html b/projects/portal/src/index.html
index a948aaaac..bc98eb23e 100644
--- a/projects/portal/src/index.html
+++ b/projects/portal/src/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
diff --git a/projects/sync/src/lib/models/po-query-builder/po-query-builder.model.ts b/projects/sync/src/lib/models/po-query-builder/po-query-builder.model.ts
index 62d7418ab..e4a240655 100644
--- a/projects/sync/src/lib/models/po-query-builder/po-query-builder.model.ts
+++ b/projects/sync/src/lib/models/po-query-builder/po-query-builder.model.ts
@@ -39,7 +39,10 @@ export class PoQueryBuilder {
   private _pageSize: number;
   private _sort: string;
 
-  constructor(private poSchemaService: PoSchemaService, private schema: PoSyncSchema) {
+  constructor(
+    private poSchemaService: PoSchemaService,
+    private schema: PoSyncSchema
+  ) {
     this._page = 1;
     this.filters = {};
   }
diff --git a/projects/sync/src/lib/services/po-schema/po-schema.service.ts b/projects/sync/src/lib/services/po-schema/po-schema.service.ts
index 46d9a22fc..83cbb2bf3 100644
--- a/projects/sync/src/lib/services/po-schema/po-schema.service.ts
+++ b/projects/sync/src/lib/services/po-schema/po-schema.service.ts
@@ -15,7 +15,10 @@ import { PoSyncSchema } from '../po-sync/interfaces/po-sync-schema.interface';
  */
 @Injectable()
 export class PoSchemaService {
-  constructor(private poSchemaDefinitionService: PoSchemaDefinitionService, private poStorage: PoStorageService) {}
+  constructor(
+    private poSchemaDefinitionService: PoSchemaDefinitionService,
+    private poStorage: PoStorageService
+  ) {}
 
   /**
    * Retorna o id a partir de uma chave de um *schema*.
diff --git a/projects/templates/src/lib/components/po-modal-password-recovery/po-modal-password-recovery.component.spec.ts b/projects/templates/src/lib/components/po-modal-password-recovery/po-modal-password-recovery.component.spec.ts
index 2e7ab297b..2dd77ddf8 100644
--- a/projects/templates/src/lib/components/po-modal-password-recovery/po-modal-password-recovery.component.spec.ts
+++ b/projects/templates/src/lib/components/po-modal-password-recovery/po-modal-password-recovery.component.spec.ts
@@ -23,21 +23,13 @@ describe('PoModalPasswordRecoveryComponent:', () => {
   let debugElement;
   const fakeSubscription = <any>{ unsubscribe: () => {} };
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [
-          FormsModule,
-          RouterTestingModule.withRoutes([]),
-          PoFieldModule,
-          PoModalModule,
-          HttpClientTestingModule
-        ],
-        declarations: [PoModalPasswordRecoveryErrorMessageComponent, PoModalPasswordRecoveryComponent],
-        providers: [PoI18nPipe, PoModalPasswordRecoveryService]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [FormsModule, RouterTestingModule.withRoutes([]), PoFieldModule, PoModalModule, HttpClientTestingModule],
+      declarations: [PoModalPasswordRecoveryErrorMessageComponent, PoModalPasswordRecoveryComponent],
+      providers: [PoI18nPipe, PoModalPasswordRecoveryService]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoModalPasswordRecoveryComponent);
diff --git a/projects/templates/src/lib/components/po-page-background/po-page-background.component.spec.ts b/projects/templates/src/lib/components/po-page-background/po-page-background.component.spec.ts
index fb2d52a87..86763ef96 100644
--- a/projects/templates/src/lib/components/po-page-background/po-page-background.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-background/po-page-background.component.spec.ts
@@ -13,15 +13,13 @@ describe('PoPageBackgroundComponent:', () => {
   let languageService: PoLanguageService;
   let spyService: jasmine.Spy;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [PoPageBackgroundComponent],
-        providers: [PoLanguageService],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PoPageBackgroundComponent],
+      providers: [PoLanguageService],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     languageService = TestBed.inject(PoLanguageService);
diff --git a/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-contacts/po-page-blocked-user-contacts.component.spec.ts b/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-contacts/po-page-blocked-user-contacts.component.spec.ts
index 9299734d2..2f9e7583a 100644
--- a/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-contacts/po-page-blocked-user-contacts.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-contacts/po-page-blocked-user-contacts.component.spec.ts
@@ -11,20 +11,18 @@ describe('PoPageBlockedUserContactsComponent: ', () => {
   let fixture: ComponentFixture<PoPageBlockedUserContactsComponent>;
   let debugElement;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [FormsModule, RouterTestingModule.withRoutes([])],
-        declarations: [PoPageBlockedUserContactsComponent],
-        providers: [HttpClient, HttpHandler],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
-
-      TestBed.overrideComponent(PoPageBlockedUserContactsComponent, {
-        set: { changeDetection: ChangeDetectionStrategy.Default }
-      }).createComponent(PoPageBlockedUserContactsComponent);
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [FormsModule, RouterTestingModule.withRoutes([])],
+      declarations: [PoPageBlockedUserContactsComponent],
+      providers: [HttpClient, HttpHandler],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
+
+    TestBed.overrideComponent(PoPageBlockedUserContactsComponent, {
+      set: { changeDetection: ChangeDetectionStrategy.Default }
+    }).createComponent(PoPageBlockedUserContactsComponent);
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageBlockedUserContactsComponent);
diff --git a/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-reason/po-page-blocked-user-reason.component.spec.ts b/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-reason/po-page-blocked-user-reason.component.spec.ts
index be6f015ea..df8202aff 100644
--- a/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-reason/po-page-blocked-user-reason.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-reason/po-page-blocked-user-reason.component.spec.ts
@@ -39,14 +39,12 @@ describe('PoPageBlockedUserReasonContactsComponent: ', () => {
     }
   };
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoI18nModule.config(config)],
-        declarations: [PoI18nPipe, PoPageBlockedUserReasonComponent]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoI18nModule.config(config)],
+      declarations: [PoI18nPipe, PoPageBlockedUserReasonComponent]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageBlockedUserReasonComponent);
diff --git a/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-reason/po-page-blocked-user-reason.component.ts b/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-reason/po-page-blocked-user-reason.component.ts
index e2f97c5a0..4c1a85588 100644
--- a/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-reason/po-page-blocked-user-reason.component.ts
+++ b/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user-reason/po-page-blocked-user-reason.component.ts
@@ -20,7 +20,10 @@ export class PoPageBlockedUserReasonComponent implements OnChanges, OnInit {
 
   private language: string;
 
-  constructor(private changeDetector: ChangeDetectorRef, languageService: PoLanguageService) {
+  constructor(
+    private changeDetector: ChangeDetectorRef,
+    languageService: PoLanguageService
+  ) {
     this.language = languageService.getShortLanguage();
   }
 
diff --git a/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user.component.spec.ts b/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user.component.spec.ts
index eae301311..107bf852a 100644
--- a/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user.component.spec.ts
@@ -13,15 +13,13 @@ describe('PoPageBlockedUserComponent:', () => {
   let fixture: ComponentFixture<PoPageBlockedUserComponent>;
   let nativeElement: any;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [RouterTestingModule.withRoutes([])],
-        declarations: [PoPageBlockedUserComponent],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [RouterTestingModule.withRoutes([])],
+      declarations: [PoPageBlockedUserComponent],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageBlockedUserComponent);
diff --git a/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user.component.ts b/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user.component.ts
index 3d3e9c649..f2220e199 100644
--- a/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user.component.ts
+++ b/projects/templates/src/lib/components/po-page-blocked-user/po-page-blocked-user.component.ts
@@ -55,7 +55,11 @@ export const poPageBlockedUserButtonLiterals: Object = {
 export class PoPageBlockedUserComponent extends PoPageBlockedUserBaseComponent implements OnInit {
   literals;
 
-  constructor(private activatedRoute: ActivatedRoute, private router: Router, languageService: PoLanguageService) {
+  constructor(
+    private activatedRoute: ActivatedRoute,
+    private router: Router,
+    languageService: PoLanguageService
+  ) {
     super();
 
     const language = languageService.getShortLanguage();
diff --git a/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.spec.ts b/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.spec.ts
index 6cdbb902a..4c7e5271b 100644
--- a/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.spec.ts
@@ -21,15 +21,13 @@ describe('PoPageChangePasswordComponent:', () => {
   let nativeElement: any;
   const fakeSubscription = <any>{ unsubscribe: () => {} };
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [FormsModule, RouterTestingModule.withRoutes([]), PoModule, PoPageBackgroundModule],
-        declarations: [PoPageChangePasswordComponent],
-        providers: [HttpClient, HttpHandler, PoPageChangePasswordService]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [FormsModule, RouterTestingModule.withRoutes([]), PoModule, PoPageBackgroundModule],
+      declarations: [PoPageChangePasswordComponent],
+      providers: [HttpClient, HttpHandler, PoPageChangePasswordService]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageChangePasswordComponent);
diff --git a/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.ts b/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.ts
index fd9035964..863a97ab2 100644
--- a/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.ts
+++ b/projects/templates/src/lib/components/po-page-change-password/po-page-change-password.component.ts
@@ -59,7 +59,8 @@ import { PoPageChangePasswordService } from './po-page-change-password.service';
 })
 export class PoPageChangePasswordComponent
   extends PoPageChangePasswordBaseComponent
-  implements AfterViewInit, OnDestroy, OnInit {
+  implements AfterViewInit, OnDestroy, OnInit
+{
   @ViewChild(PoModalComponent, { static: true }) modal: PoModalComponent;
   @ViewChild('pageChangePassword', { read: ViewContainerRef, static: true }) pageChangePassword: ViewContainerRef;
   @ViewChild('passwordForm', { read: NgForm, static: true }) passwordForm: NgForm;
diff --git a/projects/templates/src/lib/components/po-page-dynamic-detail/po-page-dynamic-detail.component.spec.ts b/projects/templates/src/lib/components/po-page-dynamic-detail/po-page-dynamic-detail.component.spec.ts
index b7f2ae689..aaefc1077 100644
--- a/projects/templates/src/lib/components/po-page-dynamic-detail/po-page-dynamic-detail.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-dynamic-detail/po-page-dynamic-detail.component.spec.ts
@@ -19,16 +19,14 @@ describe('PoPageDynamicDetailComponent:', () => {
   let component: PoPageDynamicDetailComponent;
   let fixture: ComponentFixture<PoPageDynamicDetailComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [FormsModule, HttpClientTestingModule, RouterTestingModule.withRoutes([])],
-        providers: [PoDialogService],
-        declarations: [PoPageDynamicDetailComponent],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [FormsModule, HttpClientTestingModule, RouterTestingModule.withRoutes([])],
+      providers: [PoDialogService],
+      declarations: [PoPageDynamicDetailComponent],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageDynamicDetailComponent);
diff --git a/projects/templates/src/lib/components/po-page-dynamic-edit/po-page-dynamic-edit.component.spec.ts b/projects/templates/src/lib/components/po-page-dynamic-edit/po-page-dynamic-edit.component.spec.ts
index 3560bfb6b..25ec03826 100644
--- a/projects/templates/src/lib/components/po-page-dynamic-edit/po-page-dynamic-edit.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-dynamic-edit/po-page-dynamic-edit.component.spec.ts
@@ -23,16 +23,14 @@ describe('PoPageDynamicEditComponent: ', () => {
   let component: PoPageDynamicEditComponent;
   let fixture: ComponentFixture<PoPageDynamicEditComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [FormsModule, HttpClientTestingModule, RouterTestingModule.withRoutes([]), PoDialogModule],
-        providers: [],
-        declarations: [PoPageDynamicEditComponent, PoDynamicFormStubComponent],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [FormsModule, HttpClientTestingModule, RouterTestingModule.withRoutes([]), PoDialogModule],
+      providers: [],
+      declarations: [PoPageDynamicEditComponent, PoDynamicFormStubComponent],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageDynamicEditComponent);
diff --git a/projects/templates/src/lib/components/po-page-dynamic-search/po-advanced-filter/po-advanced-filter.component.spec.ts b/projects/templates/src/lib/components/po-page-dynamic-search/po-advanced-filter/po-advanced-filter.component.spec.ts
index c6529fa9f..377893db5 100644
--- a/projects/templates/src/lib/components/po-page-dynamic-search/po-advanced-filter/po-advanced-filter.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-dynamic-search/po-advanced-filter/po-advanced-filter.component.spec.ts
@@ -13,14 +13,12 @@ describe('PoAdvancedFilterComponent', () => {
   let fixture: ComponentFixture<PoAdvancedFilterComponent>;
   let filters: Array<any>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [FormsModule, PoDynamicModule, PoFieldModule, PoModalModule, HttpClientTestingModule],
-        declarations: [PoAdvancedFilterComponent]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [FormsModule, PoDynamicModule, PoFieldModule, PoModalModule, HttpClientTestingModule],
+      declarations: [PoAdvancedFilterComponent]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoAdvancedFilterComponent);
diff --git a/projects/templates/src/lib/components/po-page-dynamic-search/po-page-dynamic-search.component.spec.ts b/projects/templates/src/lib/components/po-page-dynamic-search/po-page-dynamic-search.component.spec.ts
index 851855d88..bbf169e12 100644
--- a/projects/templates/src/lib/components/po-page-dynamic-search/po-page-dynamic-search.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-dynamic-search/po-page-dynamic-search.component.spec.ts
@@ -19,22 +19,20 @@ describe('PoPageDynamicSearchComponent:', () => {
   let component: PoPageDynamicSearchComponent;
   let fixture: ComponentFixture<PoPageDynamicSearchComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [
-          FormsModule,
-          RouterTestingModule.withRoutes(routes),
-          PoPageCustomizationModule,
-          PoDynamicModule,
-          HttpClientTestingModule
-        ],
-        declarations: [PoPageDynamicSearchComponent, PoAdvancedFilterComponent],
-        providers: [TitleCasePipe],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        FormsModule,
+        RouterTestingModule.withRoutes(routes),
+        PoPageCustomizationModule,
+        PoDynamicModule,
+        HttpClientTestingModule
+      ],
+      declarations: [PoPageDynamicSearchComponent, PoAdvancedFilterComponent],
+      providers: [TitleCasePipe],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageDynamicSearchComponent);
diff --git a/projects/templates/src/lib/components/po-page-dynamic-search/po-page-dynamic-search.component.ts b/projects/templates/src/lib/components/po-page-dynamic-search/po-page-dynamic-search.component.ts
index 9798f155d..8351e6ef8 100644
--- a/projects/templates/src/lib/components/po-page-dynamic-search/po-page-dynamic-search.component.ts
+++ b/projects/templates/src/lib/components/po-page-dynamic-search/po-page-dynamic-search.component.ts
@@ -208,9 +208,9 @@ export class PoPageDynamicSearchComponent extends PoPageDynamicSearchBaseCompone
     return new Date(year, month - 1, day).toLocaleDateString(getBrowserLanguage());
   }
 
-  private formatArrayToObjectKeyValue(
-    filters: Array<{ property: string; value?: any; initValue?: any }>
-  ): { [key: string]: any } {
+  private formatArrayToObjectKeyValue(filters: Array<{ property: string; value?: any; initValue?: any }>): {
+    [key: string]: any;
+  } {
     const formattedObject = filters.reduce(
       (result, item) => Object.assign(result, { [item.property]: item.value || item.initValue }),
       {}
diff --git a/projects/templates/src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.spec.ts b/projects/templates/src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.spec.ts
index a7f93c088..3fba24023 100644
--- a/projects/templates/src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.spec.ts
@@ -20,23 +20,21 @@ describe('PoPageDynamicTableComponent:', () => {
   let component: PoPageDynamicTableComponent;
   let fixture: ComponentFixture<PoPageDynamicTableComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [
-          FormsModule,
-          HttpClientTestingModule,
-          RouterTestingModule.withRoutes([]),
-
-          PoNotificationModule,
-          PoDialogModule
-        ],
-        declarations: [PoPageDynamicTableComponent],
-        providers: [],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        FormsModule,
+        HttpClientTestingModule,
+        RouterTestingModule.withRoutes([]),
+
+        PoNotificationModule,
+        PoDialogModule
+      ],
+      declarations: [PoPageDynamicTableComponent],
+      providers: [],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageDynamicTableComponent);
diff --git a/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-execution/po-page-job-scheduler-execution.component.spec.ts b/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-execution/po-page-job-scheduler-execution.component.spec.ts
index 96bcf1a9e..eb60a5a0f 100644
--- a/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-execution/po-page-job-scheduler-execution.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-execution/po-page-job-scheduler-execution.component.spec.ts
@@ -16,13 +16,11 @@ describe('PoPageJobSchedulerExecutionComponent:', () => {
 
   let debugElement;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [RouterTestingModule.withRoutes([]), PoPageJobSchedulerModule, HttpClientTestingModule]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [RouterTestingModule.withRoutes([]), PoPageJobSchedulerModule, HttpClientTestingModule]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageJobSchedulerExecutionComponent);
diff --git a/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-parameters/po-page-job-scheduler-parameters.component.spec.ts b/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-parameters/po-page-job-scheduler-parameters.component.spec.ts
index de876ff7f..2a1376467 100644
--- a/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-parameters/po-page-job-scheduler-parameters.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-parameters/po-page-job-scheduler-parameters.component.spec.ts
@@ -13,13 +13,11 @@ describe('PoPageJobSchedulerParametersComponent:', () => {
 
   let debugElement;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [RouterTestingModule.withRoutes([]), PoPageJobSchedulerModule, HttpClientTestingModule]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [RouterTestingModule.withRoutes([]), PoPageJobSchedulerModule, HttpClientTestingModule]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageJobSchedulerParametersComponent);
diff --git a/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-summary/po-page-job-scheduler-summary.component.spec.ts b/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-summary/po-page-job-scheduler-summary.component.spec.ts
index e4784cc52..820dc9104 100644
--- a/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-summary/po-page-job-scheduler-summary.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler-summary/po-page-job-scheduler-summary.component.spec.ts
@@ -16,13 +16,11 @@ describe('PoPageJobSchedulerSummaryComponent:', () => {
 
   let debugElement;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [RouterTestingModule.withRoutes([]), PoPageJobSchedulerModule, HttpClientTestingModule]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [RouterTestingModule.withRoutes([]), PoPageJobSchedulerModule, HttpClientTestingModule]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageJobSchedulerSummaryComponent);
diff --git a/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler.component.spec.ts b/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler.component.spec.ts
index f5d1fddb1..93e2ba230 100644
--- a/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-job-scheduler/po-page-job-scheduler.component.spec.ts
@@ -16,13 +16,11 @@ describe('PoPageJobSchedulerComponent:', () => {
   let component: PoPageJobSchedulerComponent;
   let fixture: ComponentFixture<PoPageJobSchedulerComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [RouterTestingModule.withRoutes([]), PoPageJobSchedulerModule, HttpClientTestingModule]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [RouterTestingModule.withRoutes([]), PoPageJobSchedulerModule, HttpClientTestingModule]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageJobSchedulerComponent);
diff --git a/projects/templates/src/lib/components/po-page-login/po-page-login-base.component.spec.ts b/projects/templates/src/lib/components/po-page-login/po-page-login-base.component.spec.ts
index b49c0131f..3db27207b 100644
--- a/projects/templates/src/lib/components/po-page-login/po-page-login-base.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-login/po-page-login-base.component.spec.ts
@@ -25,14 +25,12 @@ describe('PoPageLoginBaseComponent: ', () => {
   let servicePageLogin: PoPageLoginService;
   let languageService: PoLanguageService;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [],
-        providers: [PoPageLoginService, PoLanguageService]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [],
+      providers: [PoPageLoginService, PoLanguageService]
+    }).compileComponents();
+  }));
 
   const booleanValidTrueValues = [true, 'true', 1, ''];
   const booleanValidFalseValues = [false, 'false', 0];
diff --git a/projects/templates/src/lib/components/po-page-login/po-page-login-popover/po-page-login-popover.component.spec.ts b/projects/templates/src/lib/components/po-page-login/po-page-login-popover/po-page-login-popover.component.spec.ts
index ec4f4e818..539790028 100644
--- a/projects/templates/src/lib/components/po-page-login/po-page-login-popover/po-page-login-popover.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-login/po-page-login-popover/po-page-login-popover.component.spec.ts
@@ -10,14 +10,12 @@ describe('ThPageLoginPopoverComponent: ', () => {
   let fixture: ComponentFixture<PoPageLoginPopoverComponent>;
   let nativeElement: any;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [RouterTestingModule.withRoutes([])],
-        declarations: [PoI18nPipe, PoPageLoginPopoverComponent]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [RouterTestingModule.withRoutes([])],
+      declarations: [PoI18nPipe, PoPageLoginPopoverComponent]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageLoginPopoverComponent);
diff --git a/projects/templates/src/lib/components/po-page-login/po-page-login.component.spec.ts b/projects/templates/src/lib/components/po-page-login/po-page-login.component.spec.ts
index 16f44b60f..7dc0c771f 100644
--- a/projects/templates/src/lib/components/po-page-login/po-page-login.component.spec.ts
+++ b/projects/templates/src/lib/components/po-page-login/po-page-login.component.spec.ts
@@ -35,25 +35,23 @@ describe('PoPageLoginComponent: ', () => {
 
   let nativeElement: any;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [FormsModule, OverlayModule, RouterTestingModule.withRoutes([])],
-        declarations: [
-          PoButtonComponent,
-          PoComboComponent,
-          PoInputComponent,
-          PoLoginComponent,
-          PoPasswordComponent,
-          PoPageLoginComponent,
-          PoSelectComponent,
-          PoSwitchComponent
-        ],
-        providers: [HttpClient, HttpHandler, PoPageLoginService],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [FormsModule, OverlayModule, RouterTestingModule.withRoutes([])],
+      declarations: [
+        PoButtonComponent,
+        PoComboComponent,
+        PoInputComponent,
+        PoLoginComponent,
+        PoPasswordComponent,
+        PoPageLoginComponent,
+        PoSelectComponent,
+        PoSwitchComponent
+      ],
+      providers: [HttpClient, HttpHandler, PoPageLoginService],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageLoginComponent);
diff --git a/projects/templates/src/lib/components/po-page-login/samples/sample-po-page-login-human-resources/sample-po-page-login-human-resources.component.ts b/projects/templates/src/lib/components/po-page-login/samples/sample-po-page-login-human-resources/sample-po-page-login-human-resources.component.ts
index eb99b5771..b6563751a 100644
--- a/projects/templates/src/lib/components/po-page-login/samples/sample-po-page-login-human-resources/sample-po-page-login-human-resources.component.ts
+++ b/projects/templates/src/lib/components/po-page-login/samples/sample-po-page-login-human-resources/sample-po-page-login-human-resources.component.ts
@@ -37,7 +37,10 @@ export class SamplePoPageLoginHumanResourcesComponent implements OnDestroy, OnIn
 
   private i18nSubscription: Subscription;
 
-  constructor(private poI18nService: PoI18nService, private poDialog: PoDialogService) {}
+  constructor(
+    private poI18nService: PoI18nService,
+    private poDialog: PoDialogService
+  ) {}
 
   ngOnDestroy() {
     this.i18nSubscription.unsubscribe();
diff --git a/projects/templates/src/lib/services/po-page-customization/po-page-customization.service.spec.ts b/projects/templates/src/lib/services/po-page-customization/po-page-customization.service.spec.ts
index de771b377..271f6fa86 100644
--- a/projects/templates/src/lib/services/po-page-customization/po-page-customization.service.spec.ts
+++ b/projects/templates/src/lib/services/po-page-customization/po-page-customization.service.spec.ts
@@ -141,16 +141,13 @@ describe('PoPageCustomizationService:', () => {
     });
 
     describe('getCustomOptions:', () => {
-      it(
-        'should get customized option from a function',
-        waitForAsync(() => {
-          poPageCustomizationService
-            .getCustomOptions(customOptionFunctionMock, originalPageOptions, pageOptionSchema)
-            .subscribe(optionResult => {
-              expect(optionResult).toEqual(mergedPageOptions);
-            });
-        })
-      );
+      it('should get customized option from a function', waitForAsync(() => {
+        poPageCustomizationService
+          .getCustomOptions(customOptionFunctionMock, originalPageOptions, pageOptionSchema)
+          .subscribe(optionResult => {
+            expect(optionResult).toEqual(mergedPageOptions);
+          });
+      }));
 
       it('should get customized option from a url', fakeAsync(() => {
         testUrl(originalPageOptions, newPageOptions, mergedPageOptions);
diff --git a/projects/templates/src/lib/services/po-page-dynamic/po-page-dynamic.service.spec.ts b/projects/templates/src/lib/services/po-page-dynamic/po-page-dynamic.service.spec.ts
index 5f9f25127..c08fc61cb 100644
--- a/projects/templates/src/lib/services/po-page-dynamic/po-page-dynamic.service.spec.ts
+++ b/projects/templates/src/lib/services/po-page-dynamic/po-page-dynamic.service.spec.ts
@@ -112,9 +112,8 @@ describe('PoPageDynamicService:', () => {
 
         poPageDynamicService.configServiceApi({ endpoint: '/test' });
 
-        const { errorRenderPage, notPossibleLoadMetadataPage } = poPageDynamicLiterals[
-          poPageDynamicService['language']
-        ];
+        const { errorRenderPage, notPossibleLoadMetadataPage } =
+          poPageDynamicLiterals[poPageDynamicService['language']];
 
         const spyNotificationWarning = spyOn(poPageDynamicService['notification'], 'warning');
 
diff --git a/projects/ui/src/lib/components/po-accordion/po-accordion.component.ts b/projects/ui/src/lib/components/po-accordion/po-accordion.component.ts
index 5caacc918..4ca23b7c4 100644
--- a/projects/ui/src/lib/components/po-accordion/po-accordion.component.ts
+++ b/projects/ui/src/lib/components/po-accordion/po-accordion.component.ts
@@ -44,7 +44,10 @@ export class PoAccordionComponent extends PoAccordionBaseComponent implements On
   private accordionServiceSubscription: Subscription;
   private expandedActiveAccordionItem: PoAccordionItemComponent;
 
-  constructor(private accordionService: PoAccordionService, languageService: PoLanguageService) {
+  constructor(
+    private accordionService: PoAccordionService,
+    languageService: PoLanguageService
+  ) {
     super(languageService);
     this.receiveFromChildAccordionSubscription();
   }
diff --git a/projects/ui/src/lib/components/po-breadcrumb/po-breadcrumb-favorite/po-breadcrumb-favorite.component.ts b/projects/ui/src/lib/components/po-breadcrumb/po-breadcrumb-favorite/po-breadcrumb-favorite.component.ts
index 536b161a8..92b45ee9b 100644
--- a/projects/ui/src/lib/components/po-breadcrumb/po-breadcrumb-favorite/po-breadcrumb-favorite.component.ts
+++ b/projects/ui/src/lib/components/po-breadcrumb/po-breadcrumb-favorite/po-breadcrumb-favorite.component.ts
@@ -57,7 +57,10 @@ export class PoBreadcrumbFavoriteComponent implements OnInit, OnDestroy {
   private getSubscription: Subscription;
   private setSubscription: Subscription;
 
-  constructor(private service: PoBreadcrumbFavoriteService, private languageService: PoLanguageService) {
+  constructor(
+    private service: PoBreadcrumbFavoriteService,
+    private languageService: PoLanguageService
+  ) {
     const language = languageService.getShortLanguage();
 
     this.literals = {
diff --git a/projects/ui/src/lib/components/po-button-group/po-button-group.component.spec.ts b/projects/ui/src/lib/components/po-button-group/po-button-group.component.spec.ts
index eee619bcb..6aac49c6e 100644
--- a/projects/ui/src/lib/components/po-button-group/po-button-group.component.spec.ts
+++ b/projects/ui/src/lib/components/po-button-group/po-button-group.component.spec.ts
@@ -138,21 +138,18 @@ describe('PoButtonGroupComponent:', () => {
       expect(poTooltip).toBeTruthy();
     }));
 
-    it(
-      `shouldn't contain 'tooltip' in button if button is 'disabled' and contains 'tooltip' property.`,
-      waitForAsync(() => {
-        const buttons = containerButtons.querySelectorAll('.po-button-group');
-        const buttonDisabled = buttons[1];
-
-        mouseEnter(buttonDisabled);
-
-        fixture.detectChanges();
-        fixture.whenStable().then(() => {
-          const poTooltip = containerButtons.querySelector('.po-tooltip');
-
-          expect(poTooltip).toBeNull();
-        });
-      })
-    );
+    it(`shouldn't contain 'tooltip' in button if button is 'disabled' and contains 'tooltip' property.`, waitForAsync(() => {
+      const buttons = containerButtons.querySelectorAll('.po-button-group');
+      const buttonDisabled = buttons[1];
+
+      mouseEnter(buttonDisabled);
+
+      fixture.detectChanges();
+      fixture.whenStable().then(() => {
+        const poTooltip = containerButtons.querySelector('.po-tooltip');
+
+        expect(poTooltip).toBeNull();
+      });
+    }));
   });
 });
diff --git a/projects/ui/src/lib/components/po-calendar/po-calendar-base.component.ts b/projects/ui/src/lib/components/po-calendar/po-calendar-base.component.ts
index 2cf08ae3c..c67b60b51 100644
--- a/projects/ui/src/lib/components/po-calendar/po-calendar-base.component.ts
+++ b/projects/ui/src/lib/components/po-calendar/po-calendar-base.component.ts
@@ -153,7 +153,10 @@ export class PoCalendarBaseComponent {
     return this.mode === PoCalendarMode.Range;
   }
 
-  constructor(public poDate: PoDateService, private languageService: PoLanguageService) {
+  constructor(
+    public poDate: PoDateService,
+    private languageService: PoLanguageService
+  ) {
     this.shortLanguage = languageService.getShortLanguage();
     this._locale = this.languageService.getShortLanguage();
   }
diff --git a/projects/ui/src/lib/components/po-calendar/po-calendar.component.ts b/projects/ui/src/lib/components/po-calendar/po-calendar.component.ts
index 31079dc1b..54555ae5e 100644
--- a/projects/ui/src/lib/components/po-calendar/po-calendar.component.ts
+++ b/projects/ui/src/lib/components/po-calendar/po-calendar.component.ts
@@ -61,7 +61,11 @@ const poCalendarRangeWidth = 600;
 export class PoCalendarComponent extends PoCalendarBaseComponent implements OnInit, OnChanges {
   hoverValue: Date;
 
-  constructor(private changeDetector: ChangeDetectorRef, poDate: PoDateService, languageService: PoLanguageService) {
+  constructor(
+    private changeDetector: ChangeDetectorRef,
+    poDate: PoDateService,
+    languageService: PoLanguageService
+  ) {
     super(poDate, languageService);
   }
 
diff --git a/projects/ui/src/lib/components/po-chart/directives/po-resize-observer.directive.spec.ts b/projects/ui/src/lib/components/po-chart/directives/po-resize-observer.directive.spec.ts
index 1b90f6116..7a0b3ad4f 100644
--- a/projects/ui/src/lib/components/po-chart/directives/po-resize-observer.directive.spec.ts
+++ b/projects/ui/src/lib/components/po-chart/directives/po-resize-observer.directive.spec.ts
@@ -36,14 +36,12 @@ describe('PoResizeObserverDirective', () => {
 
   let event;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoChartModule],
-        declarations: [PoResizeObserverDirective, TestComponent]
-      });
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoChartModule],
+      declarations: [PoResizeObserverDirective, TestComponent]
+    });
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TestComponent);
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-label/po-chart-circular-label.component.ts b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-label/po-chart-circular-label.component.ts
index 4bc929b78..f79642c17 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-label/po-chart-circular-label.component.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-label/po-chart-circular-label.component.ts
@@ -13,7 +13,10 @@ export class PoChartCircularLabelComponent {
 
   @ViewChild('svgLabel', { read: ElementRef }) svgLabel: ElementRef;
 
-  constructor(private changeDetection: ChangeDetectorRef, private renderer: Renderer2) {}
+  constructor(
+    private changeDetection: ChangeDetectorRef,
+    private renderer: Renderer2
+  ) {}
 
   applyCoordinates(coordinates: PoChartLabelCoordinates) {
     this.renderer.setAttribute(this.svgLabel.nativeElement, 'x', coordinates.xCoordinate.toString());
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-tooltip.directive.spec.ts b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-tooltip.directive.spec.ts
index 19a2fceed..533c5cfd6 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-tooltip.directive.spec.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-tooltip.directive.spec.ts
@@ -37,14 +37,12 @@ describe('PoChartTooltipDirective', () => {
 
   let event;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoChartModule],
-        declarations: [PoChartTooltipDirective, TestComponent]
-      });
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoChartModule],
+      declarations: [PoChartTooltipDirective, TestComponent]
+    });
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(TestComponent);
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-tooltip.directive.ts b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-tooltip.directive.ts
index 73010ca5e..f055a6a8b 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-tooltip.directive.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular-path/po-chart-tooltip.directive.ts
@@ -11,7 +11,10 @@ export class PoChartTooltipDirective {
   private tooltipText;
   private tooltipTextContent;
 
-  constructor(private elementRef: ElementRef, private renderer: Renderer2) {}
+  constructor(
+    private elementRef: ElementRef,
+    private renderer: Renderer2
+  ) {}
 
   @HostListener('mouseenter', ['$event']) onMouseEnter(event: MouseEvent) {
     this.tooltipElement ? this.showTooltip() : this.createTooltip();
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular.component.spec.ts b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular.component.spec.ts
index 33b275705..ff5b09b5f 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular.component.spec.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular.component.spec.ts
@@ -45,14 +45,12 @@ describe('PoChartCircularComponent', () => {
     svgPlottingAreaHeight: 20
   };
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoChartModule],
-        schemas: [CUSTOM_ELEMENTS_SCHEMA]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoChartModule],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoChartPieComponent);
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular.component.ts b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular.component.ts
index 78b2a8778..5b978749f 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular.component.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-circular/po-chart-circular.component.ts
@@ -69,7 +69,10 @@ export abstract class PoChartCircularComponent {
     return this._series;
   }
 
-  constructor(private ngZone: NgZone, private changeDetector: ChangeDetectorRef) {}
+  constructor(
+    private ngZone: NgZone,
+    private changeDetector: ChangeDetectorRef
+  ) {}
 
   onSerieClick(selectedItem: any) {
     this.circularClick.emit(selectedItem);
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-container.component.spec.ts b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-container.component.spec.ts
index b52de9813..683a842a2 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-container.component.spec.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-container.component.spec.ts
@@ -21,14 +21,12 @@ describe('PoChartContainerComponent', () => {
     svgPlottingAreaHeight: 20
   };
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoChartModule],
-        declarations: [PoChartContainerComponent]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoChartModule],
+      declarations: [PoChartContainerComponent]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoChartContainerComponent);
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-container.component.ts b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-container.component.ts
index 77582fa5f..a5be697b5 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-container.component.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-container.component.ts
@@ -90,8 +90,8 @@ export class PoChartContainerComponent implements OnChanges {
       !options.axis?.minRange && domain.minValue > 0
         ? 0
         : options.axis?.minRange < domain.minValue
-        ? options.axis.minRange
-        : domain.minValue;
+          ? options.axis.minRange
+          : domain.minValue;
     const maxValue = options.axis?.maxRange > domain.maxValue ? options.axis.maxRange : domain.maxValue;
     const updatedDomainValues = { minValue, maxValue };
 
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-line-base.component.spec.ts b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-line-base.component.spec.ts
index 4409d4e1e..63a43719e 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-line-base.component.spec.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-line-base.component.spec.ts
@@ -38,14 +38,12 @@ describe('PoChartLineBaseComponent', () => {
 
   const range = { minValue: 0, maxValue: 30 };
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoChartModule],
-        schemas: [CUSTOM_ELEMENTS_SCHEMA]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoChartModule],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoChartLineComponent);
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-series-point/po-chart-series-point.component.ts b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-series-point/po-chart-series-point.component.ts
index 071b2bf4c..33a33bfc5 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-series-point/po-chart-series-point.component.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-container/po-chart-line/po-chart-series-point/po-chart-series-point.component.ts
@@ -56,7 +56,10 @@ export class PoChartSeriesPointComponent {
     return this._coordinates;
   }
 
-  constructor(private renderer: Renderer2, private elementRef: ElementRef) {}
+  constructor(
+    private renderer: Renderer2,
+    private elementRef: ElementRef
+  ) {}
 
   trackBy(index) {
     return index;
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-legend/po-chart-legend.component.spec.ts b/projects/ui/src/lib/components/po-chart/po-chart-legend/po-chart-legend.component.spec.ts
index 1fdaa4ce4..a9fcf2efb 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-legend/po-chart-legend.component.spec.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-legend/po-chart-legend.component.spec.ts
@@ -6,13 +6,11 @@ describe('PoChartLegendComponent:', () => {
   let component: PoChartLegendComponent;
   let fixture: ComponentFixture<PoChartLegendComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [PoChartLegendComponent]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PoChartLegendComponent]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoChartLegendComponent);
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-types/po-chart-circular/po-chart-circular.spec.ts b/projects/ui/src/lib/components/po-chart/po-chart-types/po-chart-circular/po-chart-circular.spec.ts
index 8c045cb96..7f31f454d 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-types/po-chart-circular/po-chart-circular.spec.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-types/po-chart-circular/po-chart-circular.spec.ts
@@ -22,13 +22,11 @@ describe('PoChartCircular:', () => {
   let component: PoChartCircularComponent;
   let fixture: ComponentFixture<PoChartCircularComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [PoChartCircularComponent]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PoChartCircularComponent]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoChartCircularComponent);
diff --git a/projects/ui/src/lib/components/po-chart/po-chart-types/po-chart-circular/po-chart-circular.ts b/projects/ui/src/lib/components/po-chart/po-chart-types/po-chart-circular/po-chart-circular.ts
index d55792f7c..f57df8817 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart-types/po-chart-circular/po-chart-circular.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart-types/po-chart-circular/po-chart-circular.ts
@@ -30,7 +30,11 @@ export class PoChartCircular extends PoChartDynamicTypeComponent implements OnDe
   private svgPathElementsList: Array<string> = [];
   private svgTextElementsList: Array<string> = [];
 
-  constructor(protected el: ElementRef, private ngZone: NgZone, private renderer: Renderer2) {
+  constructor(
+    protected el: ElementRef,
+    private ngZone: NgZone,
+    private renderer: Renderer2
+  ) {
     super();
   }
 
diff --git a/projects/ui/src/lib/components/po-chart/po-chart.component.spec.ts b/projects/ui/src/lib/components/po-chart/po-chart.component.spec.ts
index 92ec1bd9d..d143faefe 100644
--- a/projects/ui/src/lib/components/po-chart/po-chart.component.spec.ts
+++ b/projects/ui/src/lib/components/po-chart/po-chart.component.spec.ts
@@ -12,13 +12,11 @@ describe('PoChartComponent:', () => {
   let fixture;
   let nativeElement;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoChartModule]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoChartModule]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoChartComponent);
diff --git a/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts b/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts
index 07039c3fc..aecb810f0 100644
--- a/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts
+++ b/projects/ui/src/lib/components/po-container/samples/sample-po-container-dashboard/sample-po-container-dashboard.component.ts
@@ -63,7 +63,10 @@ export class SamplePoContainerDashboardComponent implements AfterContentChecked,
     label: 'Share'
   };
 
-  constructor(private poNotification: PoNotificationService, private sampleDashboardService: SampleDashboardService) {}
+  constructor(
+    private poNotification: PoNotificationService,
+    private sampleDashboardService: SampleDashboardService
+  ) {}
 
   ngOnInit() {
     this.columns = this.sampleDashboardService.getColumns();
diff --git a/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts b/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts
index 1aedd943d..e8aa0d195 100644
--- a/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts
+++ b/projects/ui/src/lib/components/po-dynamic/po-dynamic-form/samples/sample-po-dynamic-form-register/sample-po-dynamic-form-register.component.ts
@@ -197,7 +197,10 @@ export class SamplePoDynamicFormRegisterComponent implements OnInit {
     }
   ];
 
-  constructor(public poNotification: PoNotificationService, private registerService: PoDynamicFormRegisterService) {}
+  constructor(
+    public poNotification: PoNotificationService,
+    private registerService: PoDynamicFormRegisterService
+  ) {}
 
   ngOnInit() {
     this.person = {
diff --git a/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-heroes-reactive-form/sample-po-combo-heroes-reactive-form.component.ts b/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-heroes-reactive-form/sample-po-combo-heroes-reactive-form.component.ts
index 506b776c0..16b7e4a36 100644
--- a/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-heroes-reactive-form/sample-po-combo-heroes-reactive-form.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-combo/samples/sample-po-combo-heroes-reactive-form/sample-po-combo-heroes-reactive-form.component.ts
@@ -12,7 +12,10 @@ export class SamplePoComboHeroesReactiveFormComponent implements OnInit {
   form: UntypedFormGroup;
   hero$: Observable<any>;
 
-  constructor(private http: HttpClient, private formBuilder: UntypedFormBuilder) {}
+  constructor(
+    private http: HttpClient,
+    private formBuilder: UntypedFormBuilder
+  ) {}
 
   ngOnInit() {
     this.form = this.formBuilder.group({
diff --git a/projects/ui/src/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.ts b/projects/ui/src/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.ts
index c223de119..078888554 100644
--- a/projects/ui/src/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-datepicker-range/po-datepicker-range-base.component.ts
@@ -406,7 +406,10 @@ export abstract class PoDatepickerRangeBaseComponent implements ControlValueAcce
     return this._locale || this.language;
   }
 
-  constructor(protected poDateService: PoDateService, private languageService: PoLanguageService) {
+  constructor(
+    protected poDateService: PoDateService,
+    private languageService: PoLanguageService
+  ) {
     this.language = languageService.getShortLanguage();
   }
 
diff --git a/projects/ui/src/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.ts b/projects/ui/src/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.ts
index 4c80cd627..4830235bf 100644
--- a/projects/ui/src/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.ts
@@ -81,7 +81,8 @@ const providers = [
 })
 export class PoDatepickerRangeComponent
   extends PoDatepickerRangeBaseComponent
-  implements AfterViewInit, OnInit, OnDestroy, OnChanges {
+  implements AfterViewInit, OnInit, OnDestroy, OnChanges
+{
   @ViewChild('dateRangeField', { read: ElementRef, static: true }) dateRangeField: ElementRef;
   @ViewChild('endDateInput', { read: ElementRef, static: true }) endDateInput: ElementRef;
   @ViewChild('startDateInput', { read: ElementRef, static: true }) startDateInput: ElementRef;
diff --git a/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations-reactive-form/sample-po-datepicker-range-vacations-reactive-form.component.html b/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations-reactive-form/sample-po-datepicker-range-vacations-reactive-form.component.html
index 09c5f2d3a..0638a4ef3 100644
--- a/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations-reactive-form/sample-po-datepicker-range-vacations-reactive-form.component.html
+++ b/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations-reactive-form/sample-po-datepicker-range-vacations-reactive-form.component.html
@@ -42,10 +42,10 @@
   [p-secondary-action]="cancel"
 >
   <div class="po-row">
-    <po-info class="po-md-4" p-label="Initial period" [p-value]="datepickerRange?.start | date: 'longDate':'+0000'">
+    <po-info class="po-md-4" p-label="Initial period" [p-value]="datepickerRange?.start | date: 'longDate' : '+0000'">
     </po-info>
 
-    <po-info class="po-md-4" p-label="Final period" [p-value]="datepickerRange?.end | date: 'longDate':'+0000'">
+    <po-info class="po-md-4" p-label="Final period" [p-value]="datepickerRange?.end | date: 'longDate' : '+0000'">
     </po-info>
 
     <po-info class="po-md-4" p-label="Quantity of days" [p-value]="quantityOfDays"> </po-info>
diff --git a/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations-reactive-form/sample-po-datepicker-range-vacations-reactive-form.component.ts b/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations-reactive-form/sample-po-datepicker-range-vacations-reactive-form.component.ts
index 0c6cd1af3..08b380743 100644
--- a/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations-reactive-form/sample-po-datepicker-range-vacations-reactive-form.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations-reactive-form/sample-po-datepicker-range-vacations-reactive-form.component.ts
@@ -39,7 +39,10 @@ export class SamplePoDatepickerRangeVacationsReactiveFormComponent implements On
     );
   }
 
-  constructor(private poNotification: PoNotificationService, private formBuilder: UntypedFormBuilder) {}
+  constructor(
+    private poNotification: PoNotificationService,
+    private formBuilder: UntypedFormBuilder
+  ) {}
 
   ngOnInit() {
     this.formVacationSuggestion = this.formBuilder.group({
diff --git a/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations/sample-po-datepicker-range-vacations.component.html b/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations/sample-po-datepicker-range-vacations.component.html
index 0ec61bb7e..847d22e50 100644
--- a/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations/sample-po-datepicker-range-vacations.component.html
+++ b/projects/ui/src/lib/components/po-field/po-datepicker-range/samples/sample-po-datepicker-range-vacations/sample-po-datepicker-range-vacations.component.html
@@ -45,10 +45,10 @@
   [p-secondary-action]="cancel"
 >
   <div class="po-row">
-    <po-info class="po-md-4" p-label="Initial period" [p-value]="datepickerRange?.start | date: 'longDate':'+0000'">
+    <po-info class="po-md-4" p-label="Initial period" [p-value]="datepickerRange?.start | date: 'longDate' : '+0000'">
     </po-info>
 
-    <po-info class="po-md-4" p-label="Final period" [p-value]="datepickerRange?.end | date: 'longDate':'+0000'">
+    <po-info class="po-md-4" p-label="Final period" [p-value]="datepickerRange?.end | date: 'longDate' : '+0000'">
     </po-info>
 
     <po-info class="po-md-4" p-label="Quantity of days" [p-value]="quantityOfDays"> </po-info>
diff --git a/projects/ui/src/lib/components/po-field/po-datepicker/samples/sample-po-datepicker-airfare/sample-po-datepicker-airfare.component.ts b/projects/ui/src/lib/components/po-field/po-datepicker/samples/sample-po-datepicker-airfare/sample-po-datepicker-airfare.component.ts
index 1b369edb4..8af0a65b9 100644
--- a/projects/ui/src/lib/components/po-field/po-datepicker/samples/sample-po-datepicker-airfare/sample-po-datepicker-airfare.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-datepicker/samples/sample-po-datepicker-airfare/sample-po-datepicker-airfare.component.ts
@@ -36,7 +36,10 @@ export class SamplePoDatepickerAirfareComponent {
     { value: 'First', label: 'First' }
   ];
 
-  constructor(private poDialog: PoDialogService, private poNotification: PoNotificationService) {}
+  constructor(
+    private poDialog: PoDialogService,
+    private poNotification: PoNotificationService
+  ) {}
 
   apply() {
     const message = `Would you like to confirm the ticket from ${this.origin} to ${
diff --git a/projects/ui/src/lib/components/po-field/po-decimal/po-decimal.component.spec.ts b/projects/ui/src/lib/components/po-field/po-decimal/po-decimal.component.spec.ts
index 7464f200e..d9531075b 100644
--- a/projects/ui/src/lib/components/po-field/po-decimal/po-decimal.component.spec.ts
+++ b/projects/ui/src/lib/components/po-field/po-decimal/po-decimal.component.spec.ts
@@ -18,20 +18,13 @@ describe('PoDecimalComponent:', () => {
   let inputEl: any;
   let spyService: jasmine.Spy;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoIconModule],
-        declarations: [
-          PoDecimalComponent,
-          PoFieldContainerComponent,
-          PoCleanComponent,
-          PoFieldContainerBottomComponent
-        ],
-        providers: [PoLanguageService]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoIconModule],
+      declarations: [PoDecimalComponent, PoFieldContainerComponent, PoCleanComponent, PoFieldContainerBottomComponent],
+      providers: [PoLanguageService]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     languageService = TestBed.inject(PoLanguageService);
diff --git a/projects/ui/src/lib/components/po-field/po-decimal/po-decimal.component.ts b/projects/ui/src/lib/components/po-field/po-decimal/po-decimal.component.ts
index d11132f84..a5dc9dcbb 100644
--- a/projects/ui/src/lib/components/po-field/po-decimal/po-decimal.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-decimal/po-decimal.component.ts
@@ -238,7 +238,11 @@ export class PoDecimalComponent extends PoInputBaseComponent implements AfterVie
     return this._max;
   }
 
-  constructor(private el: ElementRef, private poLanguageService: PoLanguageService, cd: ChangeDetectorRef) {
+  constructor(
+    private el: ElementRef,
+    private poLanguageService: PoLanguageService,
+    cd: ChangeDetectorRef
+  ) {
     super(cd);
     this.isKeyboardAndroid = !!navigator.userAgent.match(/Android/i);
   }
diff --git a/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-base.component.ts b/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-base.component.ts
index 7be2879fe..39351f57e 100644
--- a/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-base.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-base.component.ts
@@ -44,7 +44,8 @@ import { PoLookupModalService } from './services/po-lookup-modal.service';
  */
 @Directive()
 export abstract class PoLookupBaseComponent
-  implements ControlValueAccessor, OnDestroy, OnInit, Validator, AfterViewInit, OnChanges {
+  implements ControlValueAccessor, OnDestroy, OnInit, Validator, AfterViewInit, OnChanges
+{
   /**
    * @optional
    *
@@ -552,8 +553,8 @@ export abstract class PoLookupBaseComponent
     this.multiple
       ? this.callOnChange(this.valueToModel)
       : this.valueToModel
-      ? this.callOnChange(this.valueToModel[this.fieldValue])
-      : this.callOnChange(undefined);
+        ? this.callOnChange(this.valueToModel[this.fieldValue])
+        : this.callOnChange(undefined);
     this.selected.emit(valueSelected);
   }
 
diff --git a/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal-base.component.ts b/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal-base.component.ts
index efc1011ca..b9b7e2806 100644
--- a/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal-base.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal-base.component.ts
@@ -261,7 +261,10 @@ export abstract class PoLookupModalBaseComponent implements OnDestroy, OnInit {
     return this._title;
   }
 
-  constructor(languageService: PoLanguageService, protected changeDetector: ChangeDetectorRef) {
+  constructor(
+    languageService: PoLanguageService,
+    protected changeDetector: ChangeDetectorRef
+  ) {
     this.language = languageService.getShortLanguage();
   }
 
diff --git a/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.spec.ts b/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.spec.ts
index 8e3a9cf6b..9b4d52f3d 100644
--- a/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.spec.ts
+++ b/projects/ui/src/lib/components/po-field/po-lookup/po-lookup-modal/po-lookup-modal.component.spec.ts
@@ -27,16 +27,14 @@ describe('PoLookupModalComponent', () => {
 
   const advancedFilters = [{ property: 'name', gridColumns: 6, gridSmColumns: 12, order: 1, required: true }];
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoModalModule, HttpClientTestingModule, PoDynamicModule, RouterTestingModule],
-        declarations: [PoLookupModalComponent],
-        providers: [LookupFilterService, PoComponentInjectorService],
-        schemas: [NO_ERRORS_SCHEMA]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoModalModule, HttpClientTestingModule, PoDynamicModule, RouterTestingModule],
+      declarations: [PoLookupModalComponent],
+      providers: [LookupFilterService, PoComponentInjectorService],
+      schemas: [NO_ERRORS_SCHEMA]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoLookupModalComponent);
@@ -160,14 +158,12 @@ describe('PoLookupModalComponent', () => {
   });
 
   describe('AdvancedSearch: ', () => {
-    beforeEach(
-      waitForAsync(() => {
-        component.advancedFilters = advancedFilters;
-        fixture.detectChanges();
-        component.onAdvancedFilter();
-        fixture.detectChanges();
-      })
-    );
+    beforeEach(waitForAsync(() => {
+      component.advancedFilters = advancedFilters;
+      fixture.detectChanges();
+      component.onAdvancedFilter();
+      fixture.detectChanges();
+    }));
 
     afterEach(() => {
       component.advancedFilters = [];
diff --git a/projects/ui/src/lib/components/po-field/po-lookup/samples/sample-po-lookup-hero/sample-po-lookup-hero.component.ts b/projects/ui/src/lib/components/po-field/po-lookup/samples/sample-po-lookup-hero/sample-po-lookup-hero.component.ts
index a1b8b59e4..f11738358 100644
--- a/projects/ui/src/lib/components/po-field/po-lookup/samples/sample-po-lookup-hero/sample-po-lookup-hero.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-lookup/samples/sample-po-lookup-hero/sample-po-lookup-hero.component.ts
@@ -37,7 +37,10 @@ export class SamplePoLookupHeroComponent {
     { property: 'name', optional: true, gridColumns: 6 }
   ];
 
-  constructor(public service: SamplePoLookupService, public notification: PoNotificationService) {}
+  constructor(
+    public service: SamplePoLookupService,
+    public notification: PoNotificationService
+  ) {}
 
   fieldFormat(value) {
     return `${value.nickname} - ${value.label}`;
diff --git a/projects/ui/src/lib/components/po-field/po-multiselect/po-multiselect.component.ts b/projects/ui/src/lib/components/po-field/po-multiselect/po-multiselect.component.ts
index 8d31707ec..dacc582da 100644
--- a/projects/ui/src/lib/components/po-field/po-multiselect/po-multiselect.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-multiselect/po-multiselect.component.ts
@@ -117,7 +117,8 @@ const providers = [
 })
 export class PoMultiselectComponent
   extends PoMultiselectBaseComponent
-  implements AfterViewInit, DoCheck, OnDestroy, OnChanges {
+  implements AfterViewInit, DoCheck, OnDestroy, OnChanges
+{
   @ContentChild(PoMultiselectOptionTemplateDirective, { static: true })
   multiselectOptionTemplate: PoMultiselectOptionTemplateDirective;
 
diff --git a/projects/ui/src/lib/components/po-field/po-multiselect/samples/sample-po-multiselect-vacation-reactive-form/sample-po-multiselect-vacation-reactive-form.component.html b/projects/ui/src/lib/components/po-field/po-multiselect/samples/sample-po-multiselect-vacation-reactive-form/sample-po-multiselect-vacation-reactive-form.component.html
index bfd7410e9..1d0ec7c92 100644
--- a/projects/ui/src/lib/components/po-field/po-multiselect/samples/sample-po-multiselect-vacation-reactive-form/sample-po-multiselect-vacation-reactive-form.component.html
+++ b/projects/ui/src/lib/components/po-field/po-multiselect/samples/sample-po-multiselect-vacation-reactive-form/sample-po-multiselect-vacation-reactive-form.component.html
@@ -64,9 +64,9 @@ <h3>Collective vacations</h3>
 
 <po-modal #modalEmployeesVacation p-title="Collective Vacation">
   <div class="po-row">
-    <po-info class="po-md-5" p-label="Initial period" [p-value]="initialPeriod | date: 'longDate':'+0000'"> </po-info>
+    <po-info class="po-md-5" p-label="Initial period" [p-value]="initialPeriod | date: 'longDate' : '+0000'"> </po-info>
 
-    <po-info class="po-md-5" p-label="Final period" [p-value]="finalPeriod | date: 'longDate':'+0000'"> </po-info>
+    <po-info class="po-md-5" p-label="Final period" [p-value]="finalPeriod | date: 'longDate' : '+0000'"> </po-info>
 
     <po-info class="po-md-2" p-label="Days" [p-value]="days"> </po-info>
   </div>
diff --git a/projects/ui/src/lib/components/po-field/po-multiselect/samples/sample-po-multiselect-vacation/sample-po-multiselect-vacation.component.html b/projects/ui/src/lib/components/po-field/po-multiselect/samples/sample-po-multiselect-vacation/sample-po-multiselect-vacation.component.html
index aa897e286..a9b585962 100644
--- a/projects/ui/src/lib/components/po-field/po-multiselect/samples/sample-po-multiselect-vacation/sample-po-multiselect-vacation.component.html
+++ b/projects/ui/src/lib/components/po-field/po-multiselect/samples/sample-po-multiselect-vacation/sample-po-multiselect-vacation.component.html
@@ -59,9 +59,9 @@ <h3>Collective vacations</h3>
 
 <po-modal #modalEmployeesVacation p-title="Collective Vacation">
   <div class="po-row">
-    <po-info class="po-md-5" p-label="Initial period" [p-value]="initialPeriod | date: 'longDate':'+0000'"> </po-info>
+    <po-info class="po-md-5" p-label="Initial period" [p-value]="initialPeriod | date: 'longDate' : '+0000'"> </po-info>
 
-    <po-info class="po-md-5" p-label="Final period" [p-value]="finalPeriod | date: 'longDate':'+0000'"> </po-info>
+    <po-info class="po-md-5" p-label="Final period" [p-value]="finalPeriod | date: 'longDate' : '+0000'"> </po-info>
 
     <po-info class="po-md-2" p-label="Days" [p-value]="days"> </po-info>
   </div>
diff --git a/projects/ui/src/lib/components/po-field/po-radio-group/po-radio-group.component.ts b/projects/ui/src/lib/components/po-field/po-radio-group/po-radio-group.component.ts
index b8422b1ad..f4b1a780f 100644
--- a/projects/ui/src/lib/components/po-field/po-radio-group/po-radio-group.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-radio-group/po-radio-group.component.ts
@@ -76,7 +76,10 @@ export class PoRadioGroupComponent extends PoRadioGroupBaseComponent implements
 
   differ: any;
 
-  constructor(differs: IterableDiffers, private cd: ChangeDetectorRef) {
+  constructor(
+    differs: IterableDiffers,
+    private cd: ChangeDetectorRef
+  ) {
     super();
     this.differ = differs.find([]).create(null);
   }
diff --git a/projects/ui/src/lib/components/po-field/po-radio/po-radio.component.ts b/projects/ui/src/lib/components/po-field/po-radio/po-radio.component.ts
index 21713b58e..d94a03cd6 100644
--- a/projects/ui/src/lib/components/po-field/po-radio/po-radio.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-radio/po-radio.component.ts
@@ -66,7 +66,10 @@ export class PoRadioComponent extends PoFieldModel<boolean> {
   /** Emite evento para a tabela ao selecionar ou desselecionar */
   @Output('p-change-selected') changeSelected: EventEmitter<any> = new EventEmitter<any>();
 
-  constructor(private changeDetector: ChangeDetectorRef, private renderer: Renderer2) {
+  constructor(
+    private changeDetector: ChangeDetectorRef,
+    private renderer: Renderer2
+  ) {
     super();
   }
 
diff --git a/projects/ui/src/lib/components/po-field/po-rich-text/po-rich-text.component.ts b/projects/ui/src/lib/components/po-field/po-rich-text/po-rich-text.component.ts
index 72e8e8bca..8be34b8d6 100644
--- a/projects/ui/src/lib/components/po-field/po-rich-text/po-rich-text.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-rich-text/po-rich-text.component.ts
@@ -70,7 +70,10 @@ export class PoRichTextComponent extends PoRichTextBaseComponent implements Afte
     return this.errorMessage !== '' && !this.value && this.required && this.invalid ? this.errorMessage : '';
   }
 
-  constructor(private element: ElementRef, richTextService: PoRichTextService) {
+  constructor(
+    private element: ElementRef,
+    richTextService: PoRichTextService
+  ) {
     super(richTextService);
   }
 
diff --git a/projects/ui/src/lib/components/po-field/po-select/po-select.component.html b/projects/ui/src/lib/components/po-field/po-select/po-select.component.html
index 59d2fb0aa..e57bb1c16 100644
--- a/projects/ui/src/lib/components/po-field/po-select/po-select.component.html
+++ b/projects/ui/src/lib/components/po-field/po-select/po-select.component.html
@@ -39,7 +39,7 @@
         <ng-container *ngFor="let item of listGroupOptions">
           <optgroup *ngIf="item?.options.length > 0" label="{{ item?.label }}" [disabled]="readonly">
             <option *ngFor="let subItem of item.options" [value]="subItem?.[this.fieldValue]" [disabled]="readonly">
-              {{ subItem?.[this.fieldLabel]  }}
+              {{ subItem?.[this.fieldLabel] }}
             </option>
           </optgroup>
         </ng-container>
diff --git a/projects/ui/src/lib/components/po-field/po-select/po-select.component.ts b/projects/ui/src/lib/components/po-field/po-select/po-select.component.ts
index 83693553f..d30a33a4e 100644
--- a/projects/ui/src/lib/components/po-field/po-select/po-select.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-select/po-select.component.ts
@@ -243,7 +243,10 @@ export class PoSelectComponent extends PoFieldValidateModel<any> implements OnCh
   }
 
   /* istanbul ignore next */
-  constructor(private changeDetector: ChangeDetectorRef, public renderer: Renderer2) {
+  constructor(
+    private changeDetector: ChangeDetectorRef,
+    public renderer: Renderer2
+  ) {
     super();
   }
 
diff --git a/projects/ui/src/lib/components/po-field/po-switch/samples/sample-po-switch-order-reactive-form/sample-po-switch-order-reactive-form.component.ts b/projects/ui/src/lib/components/po-field/po-switch/samples/sample-po-switch-order-reactive-form/sample-po-switch-order-reactive-form.component.ts
index cfc7ddfa2..4fc06b13a 100644
--- a/projects/ui/src/lib/components/po-field/po-switch/samples/sample-po-switch-order-reactive-form/sample-po-switch-order-reactive-form.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-switch/samples/sample-po-switch-order-reactive-form/sample-po-switch-order-reactive-form.component.ts
@@ -31,7 +31,10 @@ export class SamplePoSwitchOrderReactiveFormComponent implements OnInit {
     { page: 'French Fries', value: '17' }
   ];
 
-  constructor(private poNotification: PoNotificationService, private formBuilder: UntypedFormBuilder) {}
+  constructor(
+    private poNotification: PoNotificationService,
+    private formBuilder: UntypedFormBuilder
+  ) {}
 
   ngOnInit() {
     this.formOrderSummary = this.formBuilder.group({ serviceFee: [false] });
diff --git a/projects/ui/src/lib/components/po-field/po-upload/po-upload-base.component.ts b/projects/ui/src/lib/components/po-field/po-upload/po-upload-base.component.ts
index fe09887e4..27e943013 100644
--- a/projects/ui/src/lib/components/po-field/po-upload/po-upload-base.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-upload/po-upload-base.component.ts
@@ -547,7 +547,10 @@ export abstract class PoUploadBaseComponent implements ControlValueAccessor, Val
    */
   @Input('p-show-required') showRequired: boolean = false;
 
-  constructor(protected uploadService: PoUploadService, languageService: PoLanguageService) {
+  constructor(
+    protected uploadService: PoUploadService,
+    languageService: PoLanguageService
+  ) {
     this.language = languageService.getShortLanguage();
   }
 
diff --git a/projects/ui/src/lib/components/po-field/po-upload/po-upload-drag-drop/po-upload-drag-drop.directive.ts b/projects/ui/src/lib/components/po-field/po-upload/po-upload-drag-drop/po-upload-drag-drop.directive.ts
index 2af406c9e..74346b47b 100644
--- a/projects/ui/src/lib/components/po-field/po-upload/po-upload-drag-drop/po-upload-drag-drop.directive.ts
+++ b/projects/ui/src/lib/components/po-field/po-upload/po-upload-drag-drop/po-upload-drag-drop.directive.ts
@@ -28,7 +28,10 @@ export class PoUploadDragDropDirective {
   private files: Array<File>;
   private invalidFileType: number;
 
-  constructor(private i18nPipe: PoI18nPipe, private notification: PoNotificationService) {}
+  constructor(
+    private i18nPipe: PoI18nPipe,
+    private notification: PoNotificationService
+  ) {}
 
   @HostListener('document:dragleave', ['$event']) onDragLeave(event) {
     event.preventDefault();
diff --git a/projects/ui/src/lib/components/po-field/po-upload/po-upload-file-restrictions/po-upload-file-restrictions.component.spec.ts b/projects/ui/src/lib/components/po-field/po-upload/po-upload-file-restrictions/po-upload-file-restrictions.component.spec.ts
index 2a5823cc6..3c31cb59f 100644
--- a/projects/ui/src/lib/components/po-field/po-upload/po-upload-file-restrictions/po-upload-file-restrictions.component.spec.ts
+++ b/projects/ui/src/lib/components/po-field/po-upload/po-upload-file-restrictions/po-upload-file-restrictions.component.spec.ts
@@ -16,15 +16,13 @@ describe('PoUploadFileRestrictionsComponent:', () => {
   let fixture: ComponentFixture<PoUploadFileRestrictionsComponent>;
   let nativeElement: any;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [PoUploadFileRestrictionsComponent],
-        imports: [PoServicesModule],
-        providers: [PoLanguageService]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PoUploadFileRestrictionsComponent],
+      imports: [PoServicesModule],
+      providers: [PoLanguageService]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoUploadFileRestrictionsComponent);
diff --git a/projects/ui/src/lib/components/po-field/po-upload/po-upload-file-restrictions/po-upload-file-restrictions.component.ts b/projects/ui/src/lib/components/po-field/po-upload/po-upload-file-restrictions/po-upload-file-restrictions.component.ts
index a515b41a9..0334cf4b1 100644
--- a/projects/ui/src/lib/components/po-field/po-upload/po-upload-file-restrictions/po-upload-file-restrictions.component.ts
+++ b/projects/ui/src/lib/components/po-field/po-upload/po-upload-file-restrictions/po-upload-file-restrictions.component.ts
@@ -45,7 +45,10 @@ export class PoUploadFileRestrictionsComponent implements OnInit {
     return this._minFileSize;
   }
 
-  constructor(private changeDetector: ChangeDetectorRef, languageService: PoLanguageService) {
+  constructor(
+    private changeDetector: ChangeDetectorRef,
+    languageService: PoLanguageService
+  ) {
     this.language = languageService.getShortLanguage();
   }
 
diff --git a/projects/ui/src/lib/components/po-gauge/po-gauge.component.ts b/projects/ui/src/lib/components/po-gauge/po-gauge.component.ts
index dc9918a10..64fbe77ed 100644
--- a/projects/ui/src/lib/components/po-gauge/po-gauge.component.ts
+++ b/projects/ui/src/lib/components/po-gauge/po-gauge.component.ts
@@ -39,7 +39,10 @@ export class PoGaugeComponent extends PoGaugeBaseComponent implements DoCheck {
 
   private isLoaded: boolean = false;
 
-  constructor(protected colorService: PoColorService, private changeDetector: ChangeDetectorRef) {
+  constructor(
+    protected colorService: PoColorService,
+    private changeDetector: ChangeDetectorRef
+  ) {
     super(colorService);
   }
 
diff --git a/projects/ui/src/lib/components/po-grid/po-grid.component.ts b/projects/ui/src/lib/components/po-grid/po-grid.component.ts
index 869e91b03..deb730ce3 100644
--- a/projects/ui/src/lib/components/po-grid/po-grid.component.ts
+++ b/projects/ui/src/lib/components/po-grid/po-grid.component.ts
@@ -90,7 +90,11 @@ export class PoGridComponent implements OnDestroy {
     return this._columns.filter(column => column.freeze !== true && column.action !== true);
   }
 
-  constructor(private changeDetectorRef: ChangeDetectorRef, private elRef: ElementRef, renderer: Renderer2) {
+  constructor(
+    private changeDetectorRef: ChangeDetectorRef,
+    private elRef: ElementRef,
+    renderer: Renderer2
+  ) {
     this.debounceResize();
 
     this.resizeListener = renderer.listen('window', 'resize', (event: any) => {
diff --git a/projects/ui/src/lib/components/po-icon/po-icon.component.spec.ts b/projects/ui/src/lib/components/po-icon/po-icon.component.spec.ts
index d6e2e7e40..df9858b91 100644
--- a/projects/ui/src/lib/components/po-icon/po-icon.component.spec.ts
+++ b/projects/ui/src/lib/components/po-icon/po-icon.component.spec.ts
@@ -16,13 +16,11 @@ describe('PoIconComponent: ', () => {
 
   let nativeElement: any;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [PoIconComponent]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PoIconComponent]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoIconComponent);
diff --git a/projects/ui/src/lib/components/po-list-view/po-list-view.component.spec.ts b/projects/ui/src/lib/components/po-list-view/po-list-view.component.spec.ts
index c4016bc58..1a1bc0d1e 100644
--- a/projects/ui/src/lib/components/po-list-view/po-list-view.component.spec.ts
+++ b/projects/ui/src/lib/components/po-list-view/po-list-view.component.spec.ts
@@ -662,71 +662,59 @@ describe('PoListViewComponent:', () => {
       expect(debugElement.querySelector('.po-list-view-title-link')).toBeFalsy();
     });
 
-    it(
-      `should call 'runTitleAction' with 'clickableItem' if 'titleAction' is clicked, 'titleHasAction' return
-      true and 'checkTitleType' return noLink`,
-      waitForAsync(() => {
-        const clickableItem = { label: 'item label' };
-        component.items = [clickableItem];
+    it(`should call 'runTitleAction' with 'clickableItem' if 'titleAction' is clicked, 'titleHasAction' return
+      true and 'checkTitleType' return noLink`, waitForAsync(() => {
+      const clickableItem = { label: 'item label' };
+      component.items = [clickableItem];
 
-        spyOn(component, 'runTitleAction');
-        spyOnProperty(component, 'titleHasAction').and.returnValue(true);
-        spyOn(component, 'checkTitleType').and.returnValue('noLink');
+      spyOn(component, 'runTitleAction');
+      spyOnProperty(component, 'titleHasAction').and.returnValue(true);
+      spyOn(component, 'checkTitleType').and.returnValue('noLink');
 
-        fixture.detectChanges();
+      fixture.detectChanges();
 
-        const titleAction = fixture.debugElement.nativeElement.querySelector('.po-list-view-title-no-link');
-        titleAction.click();
+      const titleAction = fixture.debugElement.nativeElement.querySelector('.po-list-view-title-no-link');
+      titleAction.click();
 
-        fixture.whenStable().then(() => {
-          expect(component.runTitleAction).toHaveBeenCalledWith(clickableItem);
-        });
-      })
-    );
+      fixture.whenStable().then(() => {
+        expect(component.runTitleAction).toHaveBeenCalledWith(clickableItem);
+      });
+    }));
 
-    it(
-      `should not call 'runTitleAction' if 'titleAction' is clicked, 'titleHasAction' return false and 'checkTitleType' return
-      noLink`,
-      waitForAsync(() => {
-        spyOnProperty(component, 'titleHasAction').and.returnValue(false);
-        spyOn(component, 'checkTitleType').and.returnValue('noLink');
-        spyOn(component, 'runTitleAction');
+    it(`should not call 'runTitleAction' if 'titleAction' is clicked, 'titleHasAction' return false and 'checkTitleType' return
+      noLink`, waitForAsync(() => {
+      spyOnProperty(component, 'titleHasAction').and.returnValue(false);
+      spyOn(component, 'checkTitleType').and.returnValue('noLink');
+      spyOn(component, 'runTitleAction');
 
-        fixture.detectChanges();
+      fixture.detectChanges();
 
-        const titleAction = fixture.debugElement.nativeElement.querySelector('.po-list-view-title-no-link');
-        titleAction.click();
+      const titleAction = fixture.debugElement.nativeElement.querySelector('.po-list-view-title-no-link');
+      titleAction.click();
 
-        fixture.whenStable().then(() => {
-          expect(component.runTitleAction).not.toHaveBeenCalled();
-        });
-      })
-    );
+      fixture.whenStable().then(() => {
+        expect(component.runTitleAction).not.toHaveBeenCalled();
+      });
+    }));
 
-    it(
-      `should aply class 'po-list-view-container-no-data' if items is undefined`,
-      waitForAsync(() => {
-        component.items = undefined;
+    it(`should aply class 'po-list-view-container-no-data' if items is undefined`, waitForAsync(() => {
+      component.items = undefined;
 
-        fixture.detectChanges();
+      fixture.detectChanges();
 
-        const noDatacontainer = fixture.debugElement.nativeElement.querySelector('.po-list-view-container-no-data');
+      const noDatacontainer = fixture.debugElement.nativeElement.querySelector('.po-list-view-container-no-data');
 
-        expect(noDatacontainer).toBeTruthy();
-      })
-    );
+      expect(noDatacontainer).toBeTruthy();
+    }));
 
-    it(
-      `shouldn't aply class 'po-list-view-container-no-data' if items is defined`,
-      waitForAsync(() => {
-        component.items = [{ name: '1', $showDetail: true }];
+    it(`shouldn't aply class 'po-list-view-container-no-data' if items is defined`, waitForAsync(() => {
+      component.items = [{ name: '1', $showDetail: true }];
 
-        fixture.detectChanges();
+      fixture.detectChanges();
 
-        const noDatacontainer = fixture.debugElement.nativeElement.querySelector('.po-list-view-container-no-data');
+      const noDatacontainer = fixture.debugElement.nativeElement.querySelector('.po-list-view-container-no-data');
 
-        expect(noDatacontainer).toBeFalsy();
-      })
-    );
+      expect(noDatacontainer).toBeFalsy();
+    }));
   });
 });
diff --git a/projects/ui/src/lib/components/po-list-view/po-list-view.component.ts b/projects/ui/src/lib/components/po-list-view/po-list-view.component.ts
index 21358de42..50c0ee935 100644
--- a/projects/ui/src/lib/components/po-list-view/po-list-view.component.ts
+++ b/projects/ui/src/lib/components/po-list-view/po-list-view.component.ts
@@ -61,7 +61,11 @@ export class PoListViewComponent extends PoListViewBaseComponent implements Afte
 
   private differ;
 
-  constructor(private changeDetector: ChangeDetectorRef, differs: IterableDiffers, languageService: PoLanguageService) {
+  constructor(
+    private changeDetector: ChangeDetectorRef,
+    differs: IterableDiffers,
+    languageService: PoLanguageService
+  ) {
     super(languageService);
     this.differ = differs.find([]).create(null);
   }
diff --git a/projects/ui/src/lib/components/po-listbox/po-item-list/po-item-list.component.html b/projects/ui/src/lib/components/po-listbox/po-item-list/po-item-list.component.html
index d96ed26c9..fb6266ae5 100644
--- a/projects/ui/src/lib/components/po-listbox/po-item-list/po-item-list.component.html
+++ b/projects/ui/src/lib/components/po-listbox/po-item-list/po-item-list.component.html
@@ -47,7 +47,7 @@
       [p-checkboxValue]="checkboxValue === null ? 'mixed' : checkboxValue"
       [p-disabled]="disabled"
       (click)="onCheckboxItem()"
-      (p-change)="onSelectItem({label})"
+      (p-change)="onSelectItem({ label })"
     ></po-checkbox>
 
     <span class="po-item-list__label" *ngIf="!template">{{ label }}</span>
diff --git a/projects/ui/src/lib/components/po-listbox/po-search-list/po-search-list.component.spec.ts b/projects/ui/src/lib/components/po-listbox/po-search-list/po-search-list.component.spec.ts
index e180ed264..e0701616f 100644
--- a/projects/ui/src/lib/components/po-listbox/po-search-list/po-search-list.component.spec.ts
+++ b/projects/ui/src/lib/components/po-listbox/po-search-list/po-search-list.component.spec.ts
@@ -11,13 +11,11 @@ describe('PoMultiselectSearchComponent:', () => {
   let component: PoSearchListComponent;
   let fixture: ComponentFixture<PoSearchListComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [PoSearchListComponent]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PoSearchListComponent]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoSearchListComponent);
diff --git a/projects/ui/src/lib/components/po-loading/po-loading-overlay/po-loading-overlay.component.ts b/projects/ui/src/lib/components/po-loading/po-loading-overlay/po-loading-overlay.component.ts
index 8bb213bf4..7ad9e5a36 100644
--- a/projects/ui/src/lib/components/po-loading/po-loading-overlay/po-loading-overlay.component.ts
+++ b/projects/ui/src/lib/components/po-loading/po-loading-overlay/po-loading-overlay.component.ts
@@ -30,7 +30,10 @@ import { PoLoadingOverlayBaseComponent } from './po-loading-overlay-base.compone
   templateUrl: 'po-loading-overlay.component.html'
 })
 export class PoLoadingOverlayComponent extends PoLoadingOverlayBaseComponent {
-  constructor(public changeDetector: ChangeDetectorRef, languageService: PoLanguageService) {
+  constructor(
+    public changeDetector: ChangeDetectorRef,
+    languageService: PoLanguageService
+  ) {
     super(languageService);
   }
 }
diff --git a/projects/ui/src/lib/components/po-logo/po-logo.component.spec.ts b/projects/ui/src/lib/components/po-logo/po-logo.component.spec.ts
index accb9bb64..c0a465380 100644
--- a/projects/ui/src/lib/components/po-logo/po-logo.component.spec.ts
+++ b/projects/ui/src/lib/components/po-logo/po-logo.component.spec.ts
@@ -14,13 +14,11 @@ describe('PoLogoComponent', () => {
     getLanguageDefault: () => 'pt'
   };
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [PoLogoComponent]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PoLogoComponent]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoLogoComponent);
diff --git a/projects/ui/src/lib/components/po-modal/po-modal.component.ts b/projects/ui/src/lib/components/po-modal/po-modal.component.ts
index 68de8eaf9..ceb6e3564 100644
--- a/projects/ui/src/lib/components/po-modal/po-modal.component.ts
+++ b/projects/ui/src/lib/components/po-modal/po-modal.component.ts
@@ -43,7 +43,10 @@ export class PoModalComponent extends PoModalBaseComponent {
   private id: string = uuid();
   private sourceElement;
 
-  constructor(private poActiveOverlayService: PoActiveOverlayService, poLanguageService: PoLanguageService) {
+  constructor(
+    private poActiveOverlayService: PoActiveOverlayService,
+    poLanguageService: PoLanguageService
+  ) {
     super(poLanguageService);
   }
 
diff --git a/projects/ui/src/lib/components/po-navbar/po-navbar-actions/po-navbar-action/po-navbar-action.component.ts b/projects/ui/src/lib/components/po-navbar/po-navbar-actions/po-navbar-action/po-navbar-action.component.ts
index 50db8864f..d97c9574c 100644
--- a/projects/ui/src/lib/components/po-navbar/po-navbar-actions/po-navbar-action/po-navbar-action.component.ts
+++ b/projects/ui/src/lib/components/po-navbar/po-navbar-actions/po-navbar-action/po-navbar-action.component.ts
@@ -18,7 +18,10 @@ export class PoNavbarActionComponent {
 
   @Input('p-tooltip-text') tooltip?: string;
 
-  constructor(viewContainerRef: ViewContainerRef, private router: Router) {}
+  constructor(
+    viewContainerRef: ViewContainerRef,
+    private router: Router
+  ) {}
 
   click() {
     if (this.action) {
diff --git a/projects/ui/src/lib/components/po-navbar/po-navbar-items/po-navbar-items.component.spec.ts b/projects/ui/src/lib/components/po-navbar/po-navbar-items/po-navbar-items.component.spec.ts
index c55e8b14a..a7315df77 100644
--- a/projects/ui/src/lib/components/po-navbar/po-navbar-items/po-navbar-items.component.spec.ts
+++ b/projects/ui/src/lib/components/po-navbar/po-navbar-items/po-navbar-items.component.spec.ts
@@ -11,14 +11,12 @@ describe('PoNavbarItemsComponent:', () => {
   let fixture: ComponentFixture<PoNavbarItemsComponent>;
   let nativeElement: any;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        declarations: [PoNavbarItemsComponent, PoNavbarItemComponent],
-        imports: [RouterModule.forRoot([], {})]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      declarations: [PoNavbarItemsComponent, PoNavbarItemComponent],
+      imports: [RouterModule.forRoot([], {})]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoNavbarItemsComponent);
diff --git a/projects/ui/src/lib/components/po-page/po-page-default/samples/sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.ts b/projects/ui/src/lib/components/po-page/po-page-default/samples/sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.ts
index 0aa6813a6..bc046ebf1 100644
--- a/projects/ui/src/lib/components/po-page/po-page-default/samples/sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.ts
+++ b/projects/ui/src/lib/components/po-page/po-page-default/samples/sample-po-page-default-dashboard/sample-po-page-default-dashboard.component.ts
@@ -58,7 +58,10 @@ export class SamplePoPageDefaultDashboardComponent implements OnInit {
     label: 'Share'
   };
 
-  constructor(private poNotification: PoNotificationService, private sampleDashboardService: SampleDashboardService) {}
+  constructor(
+    private poNotification: PoNotificationService,
+    private sampleDashboardService: SampleDashboardService
+  ) {}
 
   ngOnInit(): void {
     this.columns = this.sampleDashboardService.getColumns();
diff --git a/projects/ui/src/lib/components/po-page/po-page-list/po-page-list.component.ts b/projects/ui/src/lib/components/po-page/po-page-list/po-page-list.component.ts
index aead6106f..ce0ac09b5 100644
--- a/projects/ui/src/lib/components/po-page/po-page-list/po-page-list.component.ts
+++ b/projects/ui/src/lib/components/po-page/po-page-list/po-page-list.component.ts
@@ -49,7 +49,8 @@ import { PoPageListBaseComponent } from './po-page-list-base.component';
 })
 export class PoPageListComponent
   extends PoPageListBaseComponent
-  implements AfterContentInit, OnChanges, OnDestroy, OnInit {
+  implements AfterContentInit, OnChanges, OnDestroy, OnInit
+{
   @ViewChild('filterInput') filterInput: ElementRef;
 
   advancedSearch: string;
diff --git a/projects/ui/src/lib/components/po-page/po-page-slide/po-page-slide.component.spec.ts b/projects/ui/src/lib/components/po-page/po-page-slide/po-page-slide.component.spec.ts
index 141451419..e5083fd4c 100644
--- a/projects/ui/src/lib/components/po-page/po-page-slide/po-page-slide.component.spec.ts
+++ b/projects/ui/src/lib/components/po-page/po-page-slide/po-page-slide.component.spec.ts
@@ -31,15 +31,13 @@ describe('PoPageSlideComponent', () => {
   let debugElement: DebugElement;
   let element: any;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [FormsModule, NoopAnimationsModule, PoFieldModule],
-        declarations: [PoPageSlideComponent, TestComponent],
-        providers: [PoActiveOverlayService]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [FormsModule, NoopAnimationsModule, PoFieldModule],
+      declarations: [PoPageSlideComponent, TestComponent],
+      providers: [PoActiveOverlayService]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoPageSlideComponent);
diff --git a/projects/ui/src/lib/components/po-popover/po-popover.component.ts b/projects/ui/src/lib/components/po-popover/po-popover.component.ts
index 678057e55..219731b1c 100644
--- a/projects/ui/src/lib/components/po-popover/po-popover.component.ts
+++ b/projects/ui/src/lib/components/po-popover/po-popover.component.ts
@@ -46,7 +46,10 @@ export class PoPopoverComponent extends PoPopoverBaseComponent implements AfterV
   targetElement;
   eventListenerFunction: () => void;
 
-  constructor(private renderer: Renderer2, private poControlPosition: PoControlPositionService) {
+  constructor(
+    private renderer: Renderer2,
+    private poControlPosition: PoControlPositionService
+  ) {
     super();
   }
 
diff --git a/projects/ui/src/lib/components/po-progress/po-progress.component.spec.ts b/projects/ui/src/lib/components/po-progress/po-progress.component.spec.ts
index cae79ae47..5e0214220 100644
--- a/projects/ui/src/lib/components/po-progress/po-progress.component.spec.ts
+++ b/projects/ui/src/lib/components/po-progress/po-progress.component.spec.ts
@@ -12,13 +12,11 @@ describe('PoProgressComponent:', () => {
 
   let nativeElement: any;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoProgressModule]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoProgressModule]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoProgressComponent);
diff --git a/projects/ui/src/lib/components/po-search/po-search.component.spec.ts b/projects/ui/src/lib/components/po-search/po-search.component.spec.ts
index 1db258b3a..fa7cb1759 100644
--- a/projects/ui/src/lib/components/po-search/po-search.component.spec.ts
+++ b/projects/ui/src/lib/components/po-search/po-search.component.spec.ts
@@ -77,7 +77,7 @@ describe('PoSearchComponent', () => {
   });
 
   it('onSearchChange: should return false if filter mode is not recognized', () => {
-    component.filterType = ('invalidMode' as unknown) as PoSearchFilterMode;
+    component.filterType = 'invalidMode' as unknown as PoSearchFilterMode;
 
     const result = component.onSearchChange('text', true);
 
diff --git a/projects/ui/src/lib/components/po-search/po-search.component.ts b/projects/ui/src/lib/components/po-search/po-search.component.ts
index 53cece807..9e08eb62a 100644
--- a/projects/ui/src/lib/components/po-search/po-search.component.ts
+++ b/projects/ui/src/lib/components/po-search/po-search.component.ts
@@ -35,7 +35,10 @@ export class PoSearchComponent extends PoSearchBaseComponent implements OnInit {
 
   filteredItems: Array<any> = [];
 
-  constructor(public languageService: PoLanguageService, private renderer: Renderer2) {
+  constructor(
+    public languageService: PoLanguageService,
+    private renderer: Renderer2
+  ) {
     super(languageService);
   }
 
diff --git a/projects/ui/src/lib/components/po-stepper/po-stepper.component.spec.ts b/projects/ui/src/lib/components/po-stepper/po-stepper.component.spec.ts
index 1d3354e1e..618ffc4f1 100644
--- a/projects/ui/src/lib/components/po-stepper/po-stepper.component.spec.ts
+++ b/projects/ui/src/lib/components/po-stepper/po-stepper.component.spec.ts
@@ -18,13 +18,11 @@ describe('PoStepperComponent:', () => {
 
   let poSteps = [];
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoStepperModule]
-      });
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoStepperModule]
+    });
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoStepperComponent);
diff --git a/projects/ui/src/lib/components/po-stepper/samples/sample-po-stepper-active/sample-po-stepper-active.component.ts b/projects/ui/src/lib/components/po-stepper/samples/sample-po-stepper-active/sample-po-stepper-active.component.ts
index a28d2e418..94fe7425e 100644
--- a/projects/ui/src/lib/components/po-stepper/samples/sample-po-stepper-active/sample-po-stepper-active.component.ts
+++ b/projects/ui/src/lib/components/po-stepper/samples/sample-po-stepper-active/sample-po-stepper-active.component.ts
@@ -27,7 +27,10 @@ export class SamplePoStepperActiveComponent implements OnInit, AfterViewInit, On
   private citiesSubscription: Subscription;
   private statesSubscription: Subscription;
 
-  constructor(public sampleService: SamplePoStepperActiveService, private changeDetector: ChangeDetectorRef) {}
+  constructor(
+    public sampleService: SamplePoStepperActiveService,
+    private changeDetector: ChangeDetectorRef
+  ) {}
 
   ngAfterViewInit(): void {
     setTimeout(() => this.activeStep());
diff --git a/projects/ui/src/lib/components/po-table/po-table-column-frozen/po-table-column-frozen.directive.ts b/projects/ui/src/lib/components/po-table/po-table-column-frozen/po-table-column-frozen.directive.ts
index 8197d029c..281fc453f 100644
--- a/projects/ui/src/lib/components/po-table/po-table-column-frozen/po-table-column-frozen.directive.ts
+++ b/projects/ui/src/lib/components/po-table/po-table-column-frozen/po-table-column-frozen.directive.ts
@@ -26,7 +26,10 @@ export class PoTableColumnFrozenDirective implements AfterViewInit, OnChanges {
 
   @Input() alignFrozen: string = 'left';
 
-  constructor(private el: ElementRef, private renderer: Renderer2) {}
+  constructor(
+    private el: ElementRef,
+    private renderer: Renderer2
+  ) {}
 
   ngAfterViewInit() {
     setTimeout(() => {
diff --git a/projects/ui/src/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.ts b/projects/ui/src/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.ts
index ff0957c9e..002725939 100644
--- a/projects/ui/src/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.ts
+++ b/projects/ui/src/lib/components/po-table/po-table-column-manager/po-table-column-manager.component.ts
@@ -89,7 +89,10 @@ export class PoTableColumnManagerComponent implements OnChanges, OnDestroy {
     return this._maxColumns;
   }
 
-  constructor(private renderer: Renderer2, languageService: PoLanguageService) {
+  constructor(
+    private renderer: Renderer2,
+    languageService: PoLanguageService
+  ) {
     const language = languageService.getShortLanguage();
 
     this.literals = {
diff --git a/projects/ui/src/lib/components/po-table/po-table-detail/po-table-detail.component.html b/projects/ui/src/lib/components/po-table/po-table-detail/po-table-detail.component.html
index 81c38cca2..367a10d86 100644
--- a/projects/ui/src/lib/components/po-table/po-table-detail/po-table-detail.component.html
+++ b/projects/ui/src/lib/components/po-table/po-table-detail/po-table-detail.component.html
@@ -45,7 +45,7 @@
 
         <ng-container [ngSwitch]="detail.type">
           <span *ngSwitchCase="'currency'">{{
-            getDetailData(item, detail) | currency: detail.format:'symbol':'1.2-2'
+            getDetailData(item, detail) | currency: detail.format : 'symbol' : '1.2-2'
           }}</span>
           <span *ngSwitchCase="'date'">{{ getDetailData(item, detail) | date: detail.format || 'dd/MM/yyyy' }}</span>
           <span *ngSwitchCase="'time'">{{
diff --git a/projects/ui/src/lib/components/po-table/po-table-subtitle-footer/po-table-subtitle-footer.component.ts b/projects/ui/src/lib/components/po-table/po-table-subtitle-footer/po-table-subtitle-footer.component.ts
index db37a7026..863727539 100644
--- a/projects/ui/src/lib/components/po-table/po-table-subtitle-footer/po-table-subtitle-footer.component.ts
+++ b/projects/ui/src/lib/components/po-table/po-table-subtitle-footer/po-table-subtitle-footer.component.ts
@@ -27,7 +27,10 @@ export class PoTableSubtitleFooterComponent implements AfterViewInit, DoCheck, O
   private isVisible: boolean;
   private timeoutResize;
 
-  constructor(private element: ElementRef, public renderer: Renderer2) {}
+  constructor(
+    private element: ElementRef,
+    public renderer: Renderer2
+  ) {}
 
   ngAfterViewInit() {
     this.initializeResizeListener();
diff --git a/projects/ui/src/lib/components/po-table/po-table.component.html b/projects/ui/src/lib/components/po-table/po-table.component.html
index a4904f0c8..9d35f47ce 100644
--- a/projects/ui/src/lib/components/po-table/po-table.component.html
+++ b/projects/ui/src/lib/components/po-table/po-table.component.html
@@ -331,7 +331,7 @@
               </span>
 
               <span *ngSwitchCase="'currency'">
-                {{ getCellData(row, column) | currency: column.format:'symbol':'1.2-2' }}
+                {{ getCellData(row, column) | currency: column.format : 'symbol' : '1.2-2' }}
               </span>
 
               <span *ngSwitchCase="'date'">
@@ -684,7 +684,7 @@
                 </span>
 
                 <span *ngSwitchCase="'currency'">
-                  {{ getCellData(row, column) | currency: column.format:'symbol':'1.2-2' }}
+                  {{ getCellData(row, column) | currency: column.format : 'symbol' : '1.2-2' }}
                 </span>
 
                 <span *ngSwitchCase="'date'">
diff --git a/projects/ui/src/lib/components/po-table/samples/sample-po-table-components/sample-po-table-components.component.css b/projects/ui/src/lib/components/po-table/samples/sample-po-table-components/sample-po-table-components.component.css
index d82e8890d..e9fe41496 100644
--- a/projects/ui/src/lib/components/po-table/samples/sample-po-table-components/sample-po-table-components.component.css
+++ b/projects/ui/src/lib/components/po-table/samples/sample-po-table-components/sample-po-table-components.component.css
@@ -4,7 +4,9 @@
   color: #fff;
   width: 100px;
   text-align: center;
-  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+  box-shadow:
+    0 4px 8px 0 rgba(0, 0, 0, 0.2),
+    0 6px 20px 0 rgba(0, 0, 0, 0.19);
   font-size: 10px;
 }
 
diff --git a/projects/ui/src/lib/components/po-table/samples/sample-po-table-components/sample-po-table-components.component.ts b/projects/ui/src/lib/components/po-table/samples/sample-po-table-components/sample-po-table-components.component.ts
index 7c135e4cc..05aa4cd6b 100644
--- a/projects/ui/src/lib/components/po-table/samples/sample-po-table-components/sample-po-table-components.component.ts
+++ b/projects/ui/src/lib/components/po-table/samples/sample-po-table-components/sample-po-table-components.component.ts
@@ -93,7 +93,10 @@ export class SamplePoTableComponentsComponent implements OnInit {
     }
   ];
 
-  constructor(public sampleComponents: SamplePoTableComponentsService, private router: Router) {}
+  constructor(
+    public sampleComponents: SamplePoTableComponentsService,
+    private router: Router
+  ) {}
 
   ngOnInit(): void {
     this.items = this.sampleComponents.getItems();
diff --git a/projects/ui/src/lib/components/po-tabs/po-tabs.component.ts b/projects/ui/src/lib/components/po-tabs/po-tabs.component.ts
index 9d083172b..e153af448 100644
--- a/projects/ui/src/lib/components/po-tabs/po-tabs.component.ts
+++ b/projects/ui/src/lib/components/po-tabs/po-tabs.component.ts
@@ -65,7 +65,10 @@ export class PoTabsComponent extends PoTabsBaseComponent {
 
   private previousActiveTab: PoTabComponent;
 
-  constructor(private changeDetector: ChangeDetectorRef, private languageService: PoLanguageService) {
+  constructor(
+    private changeDetector: ChangeDetectorRef,
+    private languageService: PoLanguageService
+  ) {
     super();
     const language = languageService.getShortLanguage();
 
diff --git a/projects/ui/src/lib/components/po-tag/po-tag.component.html b/projects/ui/src/lib/components/po-tag/po-tag.component.html
index 383ec81d3..a1a6d2450 100644
--- a/projects/ui/src/lib/components/po-tag/po-tag.component.html
+++ b/projects/ui/src/lib/components/po-tag/po-tag.component.html
@@ -28,8 +28,8 @@
           !tagColor && inverse && !customTextColor
             ? { 'color': customColor }
             : !type && customTextColor
-            ? { 'color': customTextColor }
-            : ''
+              ? { 'color': customTextColor }
+              : ''
         "
       >
       </po-icon>
@@ -40,8 +40,8 @@
             !tagColor && inverse && !customTextColor
               ? { 'color': customColor }
               : !type && customTextColor && !removable
-              ? { 'color': customTextColor }
-              : ''
+                ? { 'color': customTextColor }
+                : ''
           "
           >{{ value }}</span
         >
diff --git a/projects/ui/src/lib/components/po-tag/po-tag.component.ts b/projects/ui/src/lib/components/po-tag/po-tag.component.ts
index 9794aa761..61abecab9 100644
--- a/projects/ui/src/lib/components/po-tag/po-tag.component.ts
+++ b/projects/ui/src/lib/components/po-tag/po-tag.component.ts
@@ -40,7 +40,10 @@ export class PoTagComponent extends PoTagBaseComponent implements OnInit {
 
   isClickable: boolean;
 
-  constructor(private el: ElementRef, languageService: PoLanguageService) {
+  constructor(
+    private el: ElementRef,
+    languageService: PoLanguageService
+  ) {
     super(languageService);
   }
 
diff --git a/projects/ui/src/lib/components/po-toolbar/po-toolbar.component.ts b/projects/ui/src/lib/components/po-toolbar/po-toolbar.component.ts
index ce462e264..286b0f2e8 100644
--- a/projects/ui/src/lib/components/po-toolbar/po-toolbar.component.ts
+++ b/projects/ui/src/lib/components/po-toolbar/po-toolbar.component.ts
@@ -28,7 +28,10 @@ import { PoToolbarBaseComponent } from './po-toolbar-base.component';
   templateUrl: './po-toolbar.component.html'
 })
 export class PoToolbarComponent extends PoToolbarBaseComponent implements OnInit {
-  constructor(private titleService: Title, viewRef: ViewContainerRef) {
+  constructor(
+    private titleService: Title,
+    viewRef: ViewContainerRef
+  ) {
     super();
   }
 
diff --git a/projects/ui/src/lib/components/po-toolbar/samples/sample-po-toolbar-logged/sample-po-toolbar-logged.component.ts b/projects/ui/src/lib/components/po-toolbar/samples/sample-po-toolbar-logged/sample-po-toolbar-logged.component.ts
index 1bb896b48..d389fb20f 100644
--- a/projects/ui/src/lib/components/po-toolbar/samples/sample-po-toolbar-logged/sample-po-toolbar-logged.component.ts
+++ b/projects/ui/src/lib/components/po-toolbar/samples/sample-po-toolbar-logged/sample-po-toolbar-logged.component.ts
@@ -39,7 +39,10 @@ export class SamplePoToolbarLoggedComponent {
 
   title: string = 'PO Toolbar Logged';
 
-  constructor(private poDialog: PoDialogService, private poNotification: PoNotificationService) {}
+  constructor(
+    private poDialog: PoDialogService,
+    private poNotification: PoNotificationService
+  ) {}
 
   getNotificationNumber() {
     return this.notificationActions.filter(not => not.type === 'danger').length;
diff --git a/projects/ui/src/lib/components/po-tree-view/po-tree-view-item-header/po-tree-view-item-header.component.spec.ts b/projects/ui/src/lib/components/po-tree-view/po-tree-view-item-header/po-tree-view-item-header.component.spec.ts
index 54cc79707..264f8264b 100644
--- a/projects/ui/src/lib/components/po-tree-view/po-tree-view-item-header/po-tree-view-item-header.component.spec.ts
+++ b/projects/ui/src/lib/components/po-tree-view/po-tree-view-item-header/po-tree-view-item-header.component.spec.ts
@@ -10,14 +10,12 @@ describe('PoTreeViewItemHeaderComponent:', () => {
   let fixture: ComponentFixture<PoTreeViewItemHeaderComponent>;
   let debugNativeElement;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [FormsModule, PoFieldModule],
-        declarations: [PoTreeViewItemHeaderComponent]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [FormsModule, PoFieldModule],
+      declarations: [PoTreeViewItemHeaderComponent]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoTreeViewItemHeaderComponent);
diff --git a/projects/ui/src/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.component.spec.ts b/projects/ui/src/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.component.spec.ts
index 903db24bd..4fa5ad21b 100644
--- a/projects/ui/src/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.component.spec.ts
+++ b/projects/ui/src/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.component.spec.ts
@@ -12,15 +12,13 @@ describe('PoTreeviewItemComponent:', () => {
   let component: PoTreeViewItemComponent;
   let fixture: ComponentFixture<PoTreeViewItemComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [BrowserAnimationsModule, FormsModule, PoFieldModule],
-        declarations: [PoTreeViewItemComponent, PoTreeViewItemHeaderComponent],
-        providers: [PoTreeViewService]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [BrowserAnimationsModule, FormsModule, PoFieldModule],
+      declarations: [PoTreeViewItemComponent, PoTreeViewItemHeaderComponent],
+      providers: [PoTreeViewService]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoTreeViewItemComponent);
diff --git a/projects/ui/src/lib/components/po-tree-view/po-tree-view.component.spec.ts b/projects/ui/src/lib/components/po-tree-view/po-tree-view.component.spec.ts
index 97e828c45..ef9483b9c 100644
--- a/projects/ui/src/lib/components/po-tree-view/po-tree-view.component.spec.ts
+++ b/projects/ui/src/lib/components/po-tree-view/po-tree-view.component.spec.ts
@@ -11,13 +11,11 @@ describe('PoTreeViewComponent:', () => {
   let component: PoTreeViewComponent;
   let fixture: ComponentFixture<PoTreeViewComponent>;
 
-  beforeEach(
-    waitForAsync(() => {
-      TestBed.configureTestingModule({
-        imports: [PoTreeViewModule]
-      }).compileComponents();
-    })
-  );
+  beforeEach(waitForAsync(() => {
+    TestBed.configureTestingModule({
+      imports: [PoTreeViewModule]
+    }).compileComponents();
+  }));
 
   beforeEach(() => {
     fixture = TestBed.createComponent(PoTreeViewComponent);
diff --git a/projects/ui/src/lib/interceptors/po-http-interceptor/po-http-interceptor-detail/po-http-interceptor-detail.component.html b/projects/ui/src/lib/interceptors/po-http-interceptor/po-http-interceptor-detail/po-http-interceptor-detail.component.html
index 095bd53d6..8178cccc0 100644
--- a/projects/ui/src/lib/interceptors/po-http-interceptor/po-http-interceptor-detail/po-http-interceptor-detail.component.html
+++ b/projects/ui/src/lib/interceptors/po-http-interceptor/po-http-interceptor-detail/po-http-interceptor-detail.component.html
@@ -2,7 +2,7 @@
   <div class="po-row">
     <po-accordion class="po-md-12 po-mt-1 po-mb-1" *ngIf="details.length > 1; else elseBlock">
       <po-accordion-item *ngFor="let detail of details" [p-label]="formatDetailItemTitle(detail)">
-        <ng-template [ngTemplateOutlet]="body" [ngTemplateOutletContext]="{detail}"></ng-template>
+        <ng-template [ngTemplateOutlet]="body" [ngTemplateOutletContext]="{ detail }"></ng-template>
       </po-accordion-item>
     </po-accordion>
   </div>
diff --git a/projects/ui/src/lib/interceptors/po-http-interceptor/po-http-interceptor-detail/po-http-interceptor-detail.component.ts b/projects/ui/src/lib/interceptors/po-http-interceptor/po-http-interceptor-detail/po-http-interceptor-detail.component.ts
index 068cc5814..5b1a5f58e 100644
--- a/projects/ui/src/lib/interceptors/po-http-interceptor/po-http-interceptor-detail/po-http-interceptor-detail.component.ts
+++ b/projects/ui/src/lib/interceptors/po-http-interceptor/po-http-interceptor-detail/po-http-interceptor-detail.component.ts
@@ -62,8 +62,8 @@ export class PoHttpInterceptorDetailComponent implements OnInit {
     return detail.detailTitle
       ? detail.detailTitle
       : detail.code
-      ? `${detail.code} - ${detail.message}`
-      : detail.message;
+        ? `${detail.code} - ${detail.message}`
+        : detail.message;
   }
 
   open() {
@@ -96,7 +96,7 @@ export class PoHttpInterceptorDetailComponent implements OnInit {
     return details.length > 1
       ? `${this.literals.details} (${details.length})`
       : details.length === 1
-      ? this.formatDetailItemTitle(details[0])
-      : this.literals.detail;
+        ? this.formatDetailItemTitle(details[0])
+        : this.literals.detail;
   }
 }
diff --git a/projects/ui/src/lib/interceptors/po-http-interceptor/samples/sample-po-http-interceptor-labs.component.ts b/projects/ui/src/lib/interceptors/po-http-interceptor/samples/sample-po-http-interceptor-labs.component.ts
index f79f13817..a0f45c284 100644
--- a/projects/ui/src/lib/interceptors/po-http-interceptor/samples/sample-po-http-interceptor-labs.component.ts
+++ b/projects/ui/src/lib/interceptors/po-http-interceptor/samples/sample-po-http-interceptor-labs.component.ts
@@ -80,8 +80,8 @@ export class SamplePoHttpInterceptorLabsComponent implements OnDestroy, OnInit {
     return this.headerParam === 'No-Message'
       ? { 'X-PO-No-Message': 'true' }
       : this.headerParam === 'No-Error'
-      ? { 'X-PO-No-Error': 'true' }
-      : {};
+        ? { 'X-PO-No-Error': 'true' }
+        : {};
   }
 
   processRequest() {
diff --git a/projects/ui/src/lib/interceptors/po-http-request/samples/sample-po-http-request-interceptor-labs.component.ts b/projects/ui/src/lib/interceptors/po-http-request/samples/sample-po-http-request-interceptor-labs.component.ts
index 2ccfe5cfb..49f4a132e 100644
--- a/projects/ui/src/lib/interceptors/po-http-request/samples/sample-po-http-request-interceptor-labs.component.ts
+++ b/projects/ui/src/lib/interceptors/po-http-request/samples/sample-po-http-request-interceptor-labs.component.ts
@@ -19,7 +19,10 @@ export class SamplePoHttpRequestInterceptorLabsComponent implements OnInit, OnDe
   private subscription: Subscription;
   private apiSubscription: Subscription;
 
-  constructor(private http: HttpClient, private httpRequestInterceptor: PoHttpRequestInterceptorService) {}
+  constructor(
+    private http: HttpClient,
+    private httpRequestInterceptor: PoHttpRequestInterceptorService
+  ) {}
 
   ngOnDestroy(): void {
     this.subscription.unsubscribe();
diff --git a/projects/ui/src/lib/services/po-dialog/po-dialog.component.spec.ts b/projects/ui/src/lib/services/po-dialog/po-dialog.component.spec.ts
index 04a19e4f1..c93d5d307 100644
--- a/projects/ui/src/lib/services/po-dialog/po-dialog.component.spec.ts
+++ b/projects/ui/src/lib/services/po-dialog/po-dialog.component.spec.ts
@@ -93,30 +93,24 @@ describe('PoDialogComponent:', () => {
     expect(fakeThis.destroy).toHaveBeenCalled();
   });
 
-  it(
-    'Should call destroy if was closed with X',
-    waitForAsync(() => {
-      spyOn(component, 'destroy');
-
-      component.poModal.close(true);
-      fixture.detectChanges();
-
-      expect(component.destroy).toHaveBeenCalled();
-    })
-  );
-
-  it(
-    'Should call closeAction if has closeAction callback and was closed with X',
-    waitForAsync(() => {
-      component.closeAction = () => {};
-      spyOn(component, 'closeAction');
-
-      component.poModal.close(true);
-      fixture.detectChanges();
-
-      expect(component.closeAction).toHaveBeenCalled();
-    })
-  );
+  it('Should call destroy if was closed with X', waitForAsync(() => {
+    spyOn(component, 'destroy');
+
+    component.poModal.close(true);
+    fixture.detectChanges();
+
+    expect(component.destroy).toHaveBeenCalled();
+  }));
+
+  it('Should call closeAction if has closeAction callback and was closed with X', waitForAsync(() => {
+    component.closeAction = () => {};
+    spyOn(component, 'closeAction');
+
+    component.poModal.close(true);
+    fixture.detectChanges();
+
+    expect(component.closeAction).toHaveBeenCalled();
+  }));
 
   it('should set var configDialog', () => {
     const fakeThis = {
diff --git a/projects/ui/src/lib/services/po-dialog/samples/sample-po-dialog-cancel-credit-card/sample-po-dialog-cancel-credit-card.component.ts b/projects/ui/src/lib/services/po-dialog/samples/sample-po-dialog-cancel-credit-card/sample-po-dialog-cancel-credit-card.component.ts
index 75db43902..31d3fbd1e 100644
--- a/projects/ui/src/lib/services/po-dialog/samples/sample-po-dialog-cancel-credit-card/sample-po-dialog-cancel-credit-card.component.ts
+++ b/projects/ui/src/lib/services/po-dialog/samples/sample-po-dialog-cancel-credit-card/sample-po-dialog-cancel-credit-card.component.ts
@@ -33,7 +33,10 @@ export class SamplePoDialogCancelCreditCardComponent implements OnDestroy, OnIni
 
   private statusSubscription: Subscription;
 
-  constructor(private poDialog: PoDialogService, private poNotification: PoNotificationService) {}
+  constructor(
+    private poDialog: PoDialogService,
+    private poNotification: PoNotificationService
+  ) {}
 
   ngOnDestroy() {
     this.statusSubscription.unsubscribe();