feat(angular): deve ser utilizado o Angular v20

.eslintrc.json

@@ -274,7 +274,8 @@
         "space-in-parens": ["off", "never"],
         "@angular-eslint/prefer-standalone": "off",
         "@typescript-eslint/no-unsafe-function-type": "off",
-        "@typescript-eslint/no-empty-object-type": "off"
+        "@typescript-eslint/no-empty-object-type": "off",
+        "@angular-eslint/prefer-inject": "off"
       }
     },
     {

.github/workflows/ci.yml

@@ -43,7 +43,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     # Executa um comando do projeto na máquina virtual
     - run: npm i
@@ -65,7 +65,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     - run: npm i
     - run: npm run build
@@ -88,7 +88,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     - run: npm i
     - run: npm run test:ui
@@ -105,7 +105,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     - run: npm i
     - run: npm run build:ui:lite
@@ -123,7 +123,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     - run: npm i
     - run: npm run test:code-editor
@@ -140,7 +140,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     - run: npm i
     - run: npm run build:schematics
@@ -158,7 +158,7 @@ jobs:
 
     - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 20
 
     - run: npm i
     - run: npm run build:storage:lite

.github/workflows/publish_po_angular_ci-beta.yml

@@ -28,7 +28,7 @@ jobs:
     steps:
     - uses: actions/setup-node@v3
       with:
-        node-version: '18.x'
+        node-version: '20.x'
         registry-url: 'https://registry.npmjs.org'
 
     - name: Check out po-angular

.github/workflows/publish_po_angular_ci-latest.yml

@@ -19,7 +19,7 @@ jobs:
     steps:
     - uses: actions/setup-node@v3
       with:
-        node-version: '18.x'
+        node-version: '20.x'
         registry-url: 'https://registry.npmjs.org'
 
     - name: Check out po-angular

.github/workflows/publish_po_angular_ci-next.yml

@@ -19,7 +19,7 @@ jobs:
     steps:
     - uses: actions/setup-node@v3
       with:
-        node-version: '18.x'
+        node-version: '20.x'
         registry-url: 'https://registry.npmjs.org'
 
     - name: Check out po-angular

README.md

@@ -20,16 +20,16 @@ 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 18.19.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 20.11.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@19
+npm i -g @angular/cli@20
 ```
 
 Caso prefira instalar com o yarn:
 ```
-yarn global add @angular/cli@19
+yarn global add @angular/cli@20
 ```
 
 ### Passo 1 - Crie o seu primeiro projeto
@@ -53,26 +53,26 @@ Veja abaixo a lista de dependências e as versões compatíveis, elas devem ser
 
 ```json
   "dependencies": {
-    "@angular/animations": "~19.0.0",
-    "@angular/common": "~19.0.0",
-    "@angular/compiler": "~19.0.0",
-    "@angular/core": "~19.0.0",
-    "@angular/forms": "~19.0.0",
-    "@angular/platform-browser": "~19.0.0",
-    "@angular/platform-browser-dynamic": "~19.0.0",
-    "@angular/router": "~19.0.0",
+    "@angular/animations": "~20.0.0",
+    "@angular/common": "~20.0.0",
+    "@angular/compiler": "~20.0.0",
+    "@angular/core": "~20.0.0",
+    "@angular/forms": "~20.0.0",
+    "@angular/platform-browser": "~20.0.0",
+    "@angular/platform-browser-dynamic": "~20.0.0",
+    "@angular/router": "~20.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
     ...
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~19.2.3",
-    "@angular-devkit/schematics": "~19.0.5",
-    "@angular/cli": "~19.0.5",
-    "@angular/compiler-cli": "~19.0.0",
+    "@angular/build": "~20.0.6",
+    "@angular-devkit/schematics": "~20.0.0",
+    "@angular/cli": "~20.0.6",
+    "@angular/compiler-cli": "~20.0.0",
     ...
-    "typescript": "~5.6.2"
+    "typescript": "~5.8.2"
   }
 ```
 

angular.json

@@ -366,5 +366,31 @@
   "cli": {
     "analytics": false,
     "schematicCollections": ["@angular-eslint/schematics"]
+  },
+  "schematics": {
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
+    }
   }
 }

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 18.19.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 20.11.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@19
+npm i -g @angular/cli@20
 ```
 
 Caso prefira instalar com o yarn:
 ```
-yarn global add @angular/cli@19
+yarn global add @angular/cli@20
 ```
 
 ### Passo 1 - Crie o seu primeiro projeto
@@ -36,26 +36,26 @@ Veja abaixo a lista de dependências e as versões compatíveis, elas devem ser
 
 ```json
   "dependencies": {
-    "@angular/animations": "~19.0.0",
-    "@angular/common": "~19.0.0",
-    "@angular/compiler": "~19.0.0",
-    "@angular/core": "~19.0.0",
-    "@angular/forms": "~19.0.0",
-    "@angular/platform-browser": "~19.0.0",
-    "@angular/platform-browser-dynamic": "~19.0.0",
-    "@angular/router": "~19.0.0",
+    "@angular/animations": "~20.0.0",
+    "@angular/common": "~20.0.0",
+    "@angular/compiler": "~20.0.0",
+    "@angular/core": "~20.0.0",
+    "@angular/forms": "~20.0.0",
+    "@angular/platform-browser": "~20.0.0",
+    "@angular/platform-browser-dynamic": "~20.0.0",
+    "@angular/router": "~20.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
     ...
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~19.2.3",
-    "@angular-devkit/schematics": "~19.0.5",
-    "@angular/cli": "~19.0.5",
-    "@angular/compiler-cli": "~19.0.0",
+    "@angular/build": "~20.0.6",
+    "@angular-devkit/schematics": "~20.0.0",
+    "@angular/cli": "~20.0.6",
+    "@angular/compiler-cli": "~20.0.0",
     ...
-    "typescript": "~5.6.2"
+    "typescript": "~5.8.2"
   }
 ```
 

docs/guides/migration-poui.md

@@ -13,7 +13,7 @@ Antes de atualizar a versão do PO UI, é importante que você tenha atualizado
 o Angular que o PO UI está homologado, veja nossa
 [tabela de compatibilidade](https://github.com/po-ui/po-angular/wiki#vers%C3%B5es-angular-x-po-ui) em nosso Github Wiki.
 
-> Caso o seu projeto esteja na versão Angular@16:
+> Caso o seu projeto esteja na versão Angular@19:
 Realize a instalação do pacote Schematics do Angular para o nosso script de atualização funcionar corretamente: 
 
 ```
@@ -29,7 +29,7 @@ ng update @angular/cli@<version> @angular/core@<version> --force
 Por exemplo:
 
 ```
-ng update @angular/cli@19 @angular/core@19 --force
+ng update @angular/cli@20 @angular/core@20 --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/).
@@ -70,7 +70,7 @@ ng update @po-ui/ng-components --allow-dirty --force
 ```json
   "devDependencies": {
     ...,
-    "@angular-devkit/schematics": "~19.0.5",
+    "@angular-devkit/schematics": "~20.0.0",
     ...
   }
 ```

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">20.0.0</td>
+          <td class="po-table-column">20.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">19.0.0</td>
           <td class="po-table-column">19.0.0</td>

docs/guides/sync-get-started.md

@@ -9,9 +9,9 @@ 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/) (~19.0.0):
+- [Angular CLI](https://cli.angular.io/) (~20.0.0):
   - ```shell
-    npm install -g @angular/cli@19
+    npm install -g @angular/cli@20
     ```
 - [Ionic](https://ionicframework.com/docs/cli/) (^7.2.0):
   - ```shell
@@ -49,32 +49,37 @@ Antes de executar a instalação, é necessário que todas as dependências do p
 ```json
   ...
   "dependencies": {
-    "@angular/animations": "~19.0.0",
-    "@angular/common": "~19.0.0",
-    "@angular/compiler": "~19.0.0",
-    "@angular/core": "~19.0.0",
-    "@angular/forms": "~19.0.0",
-    "@angular/platform-browser": "~19.0.0",
-    "@angular/platform-browser-dynamic": "~19.0.0",
-    "@angular/router": "~19.0.0",
-    "@angular/service-worker": "~19.0.0",
-    "@ionic/angular": "^8.0.0",
-    "@capacitor/network": "^6.0.1",
-    "@capacitor/splash-screen": "^6.0.1",
-    "@capacitor/status-bar": "6.0.0",
+    "@angular/animations": "~20.0.0",
+    "@angular/common": "~20.0.0",
+    "@angular/compiler": "~20.0.0",
+    "@angular/core": "~20.0.0",
+    "@angular/forms": "~20.0.0",
+    "@angular/platform-browser": "~20.0.0",
+    "@angular/platform-browser-dynamic": "~20.0.0",
+    "@angular/router": "~20.0.0",
+    "@capacitor/app": "7.0.2",
+    "@capacitor/core": "7.4.2",
+    "@capacitor/haptics": "7.0.2",
+    "@capacitor/keyboard": "7.0.2",
+    "@capacitor/splash-screen": "^7.0.2",
+    "@capacitor/status-bar": "7.0.2",
+    "@ionic/angular": "~8.0.0",
+    "ionicons": "^7.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.15.0"
-    ...
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~19.2.3",
-    "@angular-devkit/schematics": "~19.0.5",
-    "@angular/cli": "~19.0.5",
-    "@angular/compiler-cli": "~19.0.0",
-    "@angular/language-service": "~19.0.0",
-    "@ionic/angular-toolkit": "^11.0.1",
-    "typescript": "~5.6.2"
+    "@angular-devkit/build-angular": "~20.0.0",
+    "@angular-devkit/schematics": "~20.0.0",
+    ...
+    "@angular/cli": "~20.0.0",
+    "@angular/compiler-cli": "~20.0.0",
+    "@angular/language-service": "~20.0.0",
+    "@capacitor/cli": "7.4.2",
+    "@ionic/angular-toolkit": "^12.0.0",
+    ...
+    "typescript": "~5.8.0"
   },
   ...
 ```
@@ -87,12 +92,6 @@ Execute o seguinte comando para instalar as dependências:
 npm install
 ```
 
-Após realizar a instalação, execute o seguinte comando:
-
-```shell
-ionic cap sync
-```
-
 ### Passo 3 - Instalando o po-sync
 
 Para instalar o `po-sync` no aplicativo execute o seguinte comando:
@@ -388,6 +387,8 @@ Execute o comando `ionic serve` e verifique o funcionamento do aplicativo Ionic
 
 > 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`.
 
+> Ao executar um projeto standalone, pode ocorrer o seguinte erro: `[ERROR] Invalid project type: angular-standalone (project config: ./ionic.config.json).`. Para corrigir, edite o arquivo `ionic.config.json` e ajuste a propriedade `type` para o valor `angular`.
+
 #### Passo 8.1 - Entendendo o funcionamento do `po-sync`
 
 - O aplicativo sincroniza os dados que estão no servidor através do método `PoSyncService.sync()`;