build: atualização para o Angular v16.0.0

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.0.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 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`.
 
 Instalando com npm:
 ```
@@ -96,7 +96,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@16.0.0-next.0
+ng add @po-ui/ng-components
 ```
 
 > 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`**.
@@ -120,7 +120,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](https://po-ui.io/documentation/po-page-login)**, **[po-modal-password-recovery](https://po-ui.io/documentation/po-modal-password-recovery)**, **[po-page-blocked-user](https://po-ui.io/documentation/po-page-blocked-user)**, **[po-page-dynamic-table](https://po-ui.io/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@16.0.0-next.0
+ng add @po-ui/ng-templates
 ```
 > Ao executar este comando, será instalado o pacote `@po-ui/ng-templates` e configurado o `PoTemplatesModules` no `app.module`.
 

docs/guides/development-flow.md

@@ -82,13 +82,13 @@ 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 10.13.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 16.14.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>
-            <pre><code>npm i -g @angular/cli@^10</code></pre>
+            <pre><code>npm i -g @angular/cli</code></pre>
             <p>Caso opte pelo yarn:</p>
-            <pre><code>yarn global add @angular/cli@^10.0.2</code></pre>
+            <pre><code>yarn global add @angular/cli</code></pre>
           </li>
           <li>Faça um <a href="https://github.com/po-ui/po-angular"><em>fork</em> do repositório PO UI</a>.
             <blockquote>Membros do <em>Core Team</em> devem gerar uma nova <em>branch</em> ao invés do <em>fork</em>.</blockquote>

docs/guides/getting-started.md

@@ -3,7 +3,7 @@
 
 ### Pré-requisitos
 
-Para começar a utilizar o **PO UI** é pré-requisito ter o `Node.js` instalado (versão 16.0.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 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`.
 
 Instalando com npm:
 ```
@@ -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@16.0.0-next.0
+ng add @po-ui/ng-components
 ```
 
 > 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@16.0.0-next.0
+ng add @po-ui/ng-templates
 ```
 > Ao executar este comando, será instalado o pacote `@po-ui/ng-templates` e configurado o `PoTemplatesModules` no `app.module`
 

docs/guides/migration-poui.md

@@ -52,7 +52,7 @@ ng update @po-ui/ng-components@<version> --allow-dirty --force
 Por exemplo:
 
 ```
-ng update @po-ui/ng-components@16.0.0-next.0 --allow-dirty --force
+ng update @po-ui/ng-components --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@16.0.0-next.0 --allow-dirty --force
+ng update @po-ui/ng-sync --allow-dirty --force
 ```
 
 O `ng update` ajudará nas alterações necessárias para seu projeto, que será atualizar as versões dos pacotes:

docs/guides/releases.md

@@ -39,13 +39,13 @@ Consulte abaixo nossos guias de migração de versão para obter mais informaç
       </thead>
       <tbody>
         <tr class="po-table-row">
-          <td class="po-table-column">16.2.0</td>
-          <td class="po-table-column">16.0.0-next.0</td>
+          <td class="po-table-column">16.0.0</td>
+          <td class="po-table-column">16.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">15.0.0-next.0</td>
-          <td class="po-table-column">15.0.0-next.0</td>
+          <td class="po-table-column">15.0.0</td>
+          <td class="po-table-column">15.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">
@@ -93,7 +93,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.1`.
-- **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.1`.
+- **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`.
 
 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).

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/[email protected]-next.0` e realizadas algumas configurações, que serão descritas em seguida:
+no qual será instalado o pacote `@po-ui/[email protected]` e realizadas algumas configurações, que serão descritas em seguida:
 
 ```
-ng add @po-ui/[email protected]-next.0
+ng add @po-ui/[email protected]
 ```
 
 - 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/[email protected]-next.0
+ng add @po-ui/[email protected]
 ```
 
 - Importa o módulo do PO;
@@ -47,7 +47,7 @@ ng generate <package>:<schematic-name>
 ### PO UI Components
 
 ```
-ng generate @po-ui/ng-components@16.0.0-next.0:<schematic-name>
+ng generate @po-ui/ng-components:<schematic-name>
 ```
 
 <div class="po-row">

docs/guides/sync-get-started.md

@@ -100,7 +100,7 @@ ionic cap sync
 Para instalar o `po-sync` no aplicativo execute o seguinte comando:
 
 ```shell
-ng add @po-ui/ng-sync
+ng add @po-ui/ng-sync@next
 ```
 
 ### Passo 4 - Utilizando o po-sync

package.json

@@ -1,6 +1,6 @@
 {
   "name": "po-ui-sources",
-  "version": "16.0.0-next.2",
+  "version": "16.0.0",
   "description": "PO UI",
   "homepage": "https://po-ui.io",
   "license": "MIT",

projects/code-editor/tsconfig.lib.json

@@ -6,7 +6,7 @@
     "declaration": true,
     "inlineSources": true,
     "types": [],
-    "lib": ["dom", "es2018"]
+    "lib": ["dom", "es2022"]
   },
   "angularCompilerOptions": {
     "skipTemplateCodegen": true,

projects/portal/docs/processors/helpers/functions.js

@@ -229,7 +229,14 @@ module.exports = {
   },
 
   getDirectiveInputAlias: function (doc) {
-    return this.isDirectiveInput(doc) ? doc.decorators.find(d => d.name == 'Input').arguments[0] : '';
+    if (this.isDirectiveInput(doc)) {
+      if (typeof doc.decorators.find(d => d?.name == 'Input').argumentInfo[0] === 'object') {
+        return doc.decorators.find(d => d?.name == 'Input').argumentInfo[0].alias
+      } else {
+        return doc.decorators.find(d => d?.name == 'Input').arguments[0]
+      }
+    }
+    return '';
   },
 
   getDirectiveOutputAlias: function (doc) {

projects/sync/README.md

@@ -6,17 +6,17 @@ O **PO Sync** é uma biblioteca para aplicações Angular que possibilita armaze
 
 Instalando com schematic(recomendado):
 ```
-ng add @po-ui/ng-sync@16.0.0-next.0
+ng add @po-ui/ng-sync
 ```
 
 Instalando com npm:
 ```
-npm install @po-ui/ng-sync@16.0.0-next.0
+npm install @po-ui/ng-sync
 ```
 
 Caso prefira instalar com o yarn:
 ```
-yarn add @po-ui/ng-sync@16.0.0-next.0
+yarn add @po-ui/ng-sync
 ```
 
 Para informações complementares sobre instalação, acesse **[começando com o PO Sync](https://po-ui.io/guides/sync-get-started)** e **[fundamentos do PO Sync](https://po-ui.io/guides/sync-fundamentals)**.

projects/sync/schematics/migrations.json

@@ -35,6 +35,11 @@
       "version": "0.0.0-PLACEHOLDER",
       "description": "Atualiza @po-ui/ng-sync para v15",
       "factory": "./ng-update/v15/index"
+    },
+    "migration-v16": {
+      "version": "0.0.0-PLACEHOLDER",
+      "description": "Atualiza @po-ui/ng-sync para v16",
+      "factory": "./ng-update/v16/index"
     }
   }
 }

projects/sync/schematics/ng-update/v16/changes.ts

@@ -0,0 +1,12 @@
+import { UpdateDependencies } from '@po-ui/ng-schematics/package-config';
+
+export const updateDepedenciesVersion: UpdateDependencies = {
+  dependencies: [
+    '@po-ui/ng-components',
+    '@po-ui/ng-code-editor',
+    '@po-ui/ng-templates',
+    '@po-ui/ng-storage',
+    '@po-ui/ng-sync',
+    '@po-ui/style'
+  ]
+};

projects/sync/schematics/ng-update/v16/index.ts

@@ -0,0 +1,16 @@
+import { chain, Tree, SchematicContext } from '@angular-devkit/schematics';
+import { NodePackageInstallTask } from '@angular-devkit/schematics/tasks';
+
+import { updatePackageJson } from '@po-ui/ng-schematics/package-config';
+
+import { updateDepedenciesVersion } from './changes';
+
+export default function () {
+  return chain([updatePackageJson('0.0.0-PLACEHOLDER', updateDepedenciesVersion), postUpdate()]);
+}
+
+function postUpdate() {
+  return (_: Tree, context: SchematicContext) => {
+    context.addTask(new NodePackageInstallTask());
+  };
+}

projects/templates/README.md

@@ -8,12 +8,12 @@ Caso você queira utilizar nossos componentes de templates, como o **[po-page-lo
 
 Instalando com npm:
 ```
-npm i @po-ui/ng-templates@16.0.0-next.0
+npm i @po-ui/ng-templates
 ```
 
 Caso prefira instalar com o yarn:
 ```
-yarn add @po-ui/ng-templates@16.0.0-next.0
+yarn add @po-ui/ng-templates
 ```
 
 Para informações complementares sobre instalação, acesse **[primeiros passos com PO UI](https://po-ui.io/guides/getting-started)**.

projects/templates/karma.conf.js

@@ -48,9 +48,6 @@ module.exports = function (config) {
               statements: 11,
               lines: 9,
               functions: 0
-            },
-            'src/lib/components/po-page-dynamic-table/po-page-dynamic-table.component.ts': {
-              branches: 98
             }
           }
         }

projects/templates/src/lib/components/po-page-dynamic-search/po-advanced-filter/po-advanced-filter-base.component.ts

@@ -1,17 +1,17 @@
-import { EventEmitter, Input, Output, ViewChild, Directive } from '@angular/core';
+import { Directive, EventEmitter, Input, Output, ViewChild } from '@angular/core';
 
 import {
-  InputBoolean,
+  PoComboOption,
   PoDynamicFormField,
   PoLanguageService,
   PoModalAction,
   PoModalComponent,
-  poLocaleDefault,
-  PoComboOption
+  poLocaleDefault
 } from '@po-ui/ng-components';
 
-import { PoAdvancedFilterLiterals } from './po-advanced-filter-literals.interface';
+import { convertToBoolean } from '../../../utils/util';
 import { PoPageDynamicSearchFilters } from '../po-page-dynamic-search-filters.interface';
+import { PoAdvancedFilterLiterals } from './po-advanced-filter-literals.interface';
 
 export const poAdvancedFiltersLiteralsDefault = {
   en: <PoAdvancedFilterLiterals>{
@@ -51,9 +51,7 @@ export class PoAdvancedFilterBaseComponent {
   /**
    * Mantém na modal de busca avançada os valores preenchidos do último filtro realizado pelo usuário.
    */
-  @InputBoolean()
-  @Input('p-keep-filters')
-  keepFilters: boolean = false;
+  @Input({ alias: 'p-keep-filters', transform: convertToBoolean }) keepFilters: boolean = false;
 
   /** Função que será disparada e receberá os valores do formulário ao ser clicado no botão buscar. */
   @Output('p-search-event') searchEvent = new EventEmitter<any>();

projects/templates/src/lib/components/po-page-dynamic-search/po-page-dynamic-search-base.component.spec.ts

@@ -1,17 +1,16 @@
-import * as utilsFunctions from './../../utils/util';
 import { expectPropertiesValues } from '../../util-test/util-expect.spec';
-import { PoLanguageService } from './../../../../../ui/src/lib/services/po-language/po-language.service';
 import { poLocaleDefault } from './../../../../../ui/src/lib/services/po-language/po-language.constant';
+import { PoLanguageService } from './../../../../../ui/src/lib/services/po-language/po-language.service';
 
+import { Component } from '@angular/core';
 import { PoAdvancedFilterLiterals } from './po-advanced-filter/po-advanced-filter-literals.interface';
-import { PoPageDynamicSearchLiterals } from './po-page-dynamic-search-literals.interface';
 import {
   PoPageDynamicSearchBaseComponent,
   poPageDynamicSearchLiteralsDefault
 } from './po-page-dynamic-search-base.component';
 import { PoPageDynamicSearchFilters } from './po-page-dynamic-search-filters.interface';
-import { PoPageAction, PoBreadcrumb } from '@po-ui/ng-components/lib';
-import { Component } from '@angular/core';
+import { PoPageDynamicSearchLiterals } from './po-page-dynamic-search-literals.interface';
+import { convertToBoolean } from '../../utils/util';
 
 @Component({
   selector: 'mock-component',
@@ -47,16 +46,16 @@ describe('PoPageDynamicSearchBaseComponent:', () => {
       expectPropertiesValues(component, 'filters', validValues, validValues);
     });
 
-    xit('hideRemoveAllDisclaimer: should set property `p-hide-remove-all-disclaimer` to `false` if invalid value', () => {
-      const booleanInvalidValues = [undefined, null, NaN, 2, 'string'];
+    it('hideRemoveAllDisclaimer: should set property `p-hide-remove-all-disclaimer` to `false` if invalid value', () => {
+      component.hideRemoveAllDisclaimer = convertToBoolean(3);
 
-      expectPropertiesValues(component, 'hideRemoveAllDisclaimer', booleanInvalidValues, false);
+      expect(component.hideRemoveAllDisclaimer).toBe(false);
     });
 
-    xit('hideRemoveAllDisclaimer: should update property `p-hide-remove-all-disclaimer` to `true` with valid values', () => {
-      const booleanValidTrueValues = [true, 'true', 1, ''];
+    it('hideRemoveAllDisclaimer: should update property `p-hide-remove-all-disclaimer` to `true` with valid values', () => {
+      component.hideRemoveAllDisclaimer = convertToBoolean(1);
 
-      expectPropertiesValues(component, 'hideRemoveAllDisclaimer', booleanValidTrueValues, true);
+      expect(component.hideRemoveAllDisclaimer).toBe(true);
     });
 
     it('hideCloseDisclaimers: should set property `p-hide-close-disclaimers` to `[]` if not Array value', () => {