@123samir/gonna-build-a-mountain-po-components

Biblioteca de componentes de UI para Angular.

Adiconando o pacote @po-ui/ng-components

Utilizando o comando ng add do Angular CLI, vamos adicionar o Po em seu projeto e o mesmo se encarregará de configurar o tema, instalar o pacote e importar o módulo do Po.

Execute o comando abaixo na pasta raiz do seu projeto:

ng add @po-ui/ng-components

Rode o seu projeto

Agora basta executar mais um comando para subir a aplicação e ver o seu projeto rodando no browser ;).

ng serve

Abra o browser e acesse a url http://localhost:4200. Pronto!

Para maiores informações, acesse primeiros passos com PO UI.

Changelog

4.0.0 (2020-12-07)

⚠ BREAKING CHANGES

• angular: atualiza para a versão 11

Atualize seu projeto para utilizar a versão 11 do Angular, acesse a documentação Guia de Atualização do Angular para fazer a migração completa.

Veja nossa documentação para fazer a migração para a versão 4.

• page-list: remove a propriedade PoPageFilter.ngModel

Foi removida a propriedade PoPageFilter.ngModel e as propriedades action e advancedAction foram alteradas e passam a aceitar somente o tipo Function deixando de aceitar o tipo string.

Antes:

readonly filterSettings: PoPageFilter = {
  action: 'filterAction',
  advancedAction: 'advancedFilterActionModal',
  ngModel: 'labelFilter',
  placeholder: 'Search'
};

Depois:

readonly filterSettings: PoPageFilter = {
  action: this.filterAction.bind(this),
  advancedAction: this.advancedFilterActionModal.bind(this),
  placeholder: 'Search'
};

• page-login: remove a propriedade PoPageLoginLiterals.title

Foi removida a propriedade PoPageLoginLiterals.title do po-page-login pois o mesmo deve ser definido através do uso da propriedade p-product-name.

Antes:

<po-page-login [p-literals]='{"title": "Nome do meu produto"}'></po-page-login>

Depois:

<po-page-login p-product-name="Nome do meu produto"></po-page-login>

• chart: altera axisXGridLines para gridLines

Antes:

<po-chart [p-options]="{ axis: { axisXGridLines: 8 } }"></po-chart>

Depois:

<po-chart [p-options]="{ axis: { gridLines: 8 } }"></po-chart>

Bug Fixes

• dynamic-form: corrige disparo do evento p-validate quando utilizado po-lookup (67202de)
• menu: corrige exibição do rodapé caso collasped for verdadeiro (6bcf967)

Code Refactoring

• page-list: remove a propriedade PoPageFilter.ngModel (6ff7def)
• page-login: remove a propriedade PoPageLoginLiterals.title (b1b5a42)
• chart: altera axisXGridLines para gridLines (91d3943)

Features

• angular: atualiza para a versão 11 (95041a7)
• chart: adiciona label e data e deprecia value e category (e739e2d)
• components|sync: implementa ng update para v4 (5024522)
• datepicker-range: traduz as literais para os idiomas suportados (c62c071)
• field-container: traduz literal para os idiomas suportados (284f7c4)
• modal: traduzir literais para os idiomas suportados (a2bcc9c)
• number: permite usar números decimais nas propriedades p-min e p-max (300cae0)
• table: adiciona propriedade p-auto-collapse (b6df125), closes #167
• field-container: exporta o módulo PoFieldContainerModule (2dcb5a5), closes #148
• menu-panel: inclui propriedade p-logo (e7a89e8)
• migration: modifica axisXGridLines no ng-update (d669954)
• page-dynamic-table: ordena a ação de excluir por ultimo na tabela (8ebec97)
• chart: adiciona gráfico do tipo bar (285a41e)