@po-ui/ng-components 20.11.0-beta.1 → 20.12.0

package/lib/components/po-chart/interfaces/po-chart-indicator-options.interface.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @usedBy PoChartComponent
+ *
+ * @description
+ *
+ * Interface para configurações dos indicadores do gráfico `radar`.
+ */
+export interface PoChartIndicatorOptions {
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Cor do texto do indicator.
+     * Recomendamos avaliar o contraste da cor definida para garantir melhor acessibilidade.
+     *
+     * > Nome da cor, hexadecimal ou RGB.
+     */
+    color?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Nome do indicator.
+     */
+    name?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Valor máximo do indicator.
+     *
+     * A propriedade `max` não impede que a série contenha valores superiores ao máximo definido.
+     * Caso isso ocorra, os valores poderão extrapolar os limites do gráfico.
+     */
+    max?: number;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Valor mínimo do indicator, com valor padrão de 0.
+     *
+     * A propriedade `min` não impede que a série contenha valores inferiores ao mínimo definido.
+     * Caso isso ocorra, os valores serão apresentados ao centro do gráfico.
+     */
+    min?: number;
+}

package/lib/components/po-chart/interfaces/po-chart-options.interface.d.ts

@@ -8,6 +8,7 @@ import { PoChartHeaderOptions } from './po-chart-header-options.interface';
  * *Interface* para configurações dos elementos do gráfico.
  */
 export interface PoChartOptions {
+    [key: string]: any;
     /**
      * @optional
      *
@@ -42,11 +43,24 @@ export interface PoChartOptions {
      * Define se os pontos do gráfico serão preenchidos.
      * Quando true, os pontos são totalmente coloridos. Quando false, apenas a borda dos pontos será exibida, mantendo o interior transparente.
      *
-     * > Esta propriedade é utilizável para os gráficos dos tipos `Area` e `Line`.
+     * > Esta propriedade é utilizável para os gráficos dos tipos `Area`, `Line` e `Radar`.
+     * > Para o tipo `Radar`, o valor padrão é `true`.
      *
      * @default `false`
      */
     fillPoints?: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define se as séries terão sua área preenchida.
+     *
+     * > Esta propriedade tem precedência sobre a definição de `areaStyle` em cada série, `fillpoints` não funciona quando `areaStyle` está definido como `true`.
+     *
+     * @default `false`
+     */
+    areaStyle?: boolean;
     /**
      * @optional
      *
@@ -92,6 +106,8 @@ export interface PoChartOptions {
      * @description
      *
      * Define a exibição da legenda do gráfico. Valor padrão é `true`
+     *
+     * @default `true`
      */
     legend?: boolean;
     /**

package/lib/components/po-chart/interfaces/po-chart-radar-options.interface.d.ts

@@ -0,0 +1,38 @@
+import { PoChartIndicatorOptions } from './po-chart-indicator-options.interface';
+/**
+ * @usedBy PoChartComponent
+ *
+ * @description
+ *
+ * *Interface* para configurações do gráfico `radar`.
+ */
+export interface PoChartRadarOptions {
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define as configurações dos indicadores do gráfico, como nome, cor, valor mínimo e valor máximo.
+     */
+    indicator?: Array<PoChartIndicatorOptions>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o formato da grid, podendo ser exibida como polígono ou círculo.
+     *
+     * @default `polygon`
+     */
+    shape?: 'polygon' | 'circle';
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o efeito zebrado na grid.
+     *
+     * @default 'false'
+     */
+    splitArea?: boolean;
+}

package/lib/components/po-chart/interfaces/po-chart-serie-data-label.interface.d.ts

@@ -5,7 +5,6 @@
  *
  * Interface que define as propriedades de exibição dos rótulos das séries no `po-chart`.
  *
- * > Aplicável apenas para gráficos do tipo `line`.
  */
 export interface PoChartDataLabel {
     /**
@@ -19,7 +18,7 @@ export interface PoChartDataLabel {
      *   - O *tooltip* não será exibido.
      *   - As outras séries ficarão com opacidade reduzida ao passar o mouse sobre a série ativa.
      *
-     * > Disponível para os tipo de gráfico `PoChartType.Line`, `PoChartType.Area`, `PoChartType.Column` e `PoChartType.Bar`.
+     * > Disponível para os tipo de gráfico `PoChartType.Line`, `PoChartType.Area`, `PoChartType.Column`, `PoChartType.Bar e PoChartType.Radar`.
      */
     fixed?: boolean;
 }

package/lib/components/po-chart/interfaces/po-chart-serie.interface.d.ts

@@ -4,7 +4,7 @@ import { PoChartType } from '../enums/po-chart-type.enum';
  *
  * @description
  *
- * Interface das series dinâmicas do `po-chart` que possibilita desenhar gráficos dos tipos `area`, `bar`, `column`, `line`, `donut` e `pie`
+ * Interface das series dinâmicas do `po-chart` que possibilita desenhar gráficos dos tipos `area`, `bar`, `column`, `line`, `donut`, `pie` e `radar`
  */
 export interface PoChartSerie {
     /**
@@ -39,12 +39,22 @@ export interface PoChartSerie {
      *
      * Define a lista de valores para a série. Os tipos esperados são de acordo com o tipo de gráfico:
      * - Para gráficos dos tipos `donut` e `pie`, espera-se *number*;
-     * - Para gráficos dos tipos `area`, `bar`, `column` e `line`, espera-se um *array* de `data`.
+     * - Para gráficos dos tipos `area`, `bar`, `column`, `line` e `radar`, espera-se um *array* de `data`.
      *
      * > Se passado valor `null` em determinado item da lista, a iteração irá ignorá-lo.
      */
     data?: number | Array<number>;
-    /** Rótulo referência da série;. */
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define se a série terá sua área preenchida.
+     *
+     * > Propriedade válida para gráficos do tipo `Radar`, `fillpoints` não funciona quando `areaStyle` está definido como `true`.
+     */
+    areaStyle?: boolean;
+    /** Rótulo referência da série. */
     label?: string;
     /**
      * @optional
@@ -71,7 +81,8 @@ export interface PoChartSerie {
      * - `__texto__` → itálico (`<i>`).
      *
      * > Caso não seja informado um valor para o *tooltip*, será exibido da seguinte forma:
-     * - `donut`: `label`: valor proporcional ao total em porcentagem.
+     * - `donut`, `label`: valor proporcional ao total em porcentagem.
+     * - `radar`: nome da série, o nome do indicator e os valores correspondentes.
      * - `area`, `bar`, `column`, `line` e `pie`: `label`: `data`.
      *
      * ### Exemplos:
@@ -134,7 +145,6 @@ export interface PoChartSerie {
      * > Válido para gráfico do tipo `Column` e `Bar`. Essa propriedade é ignorada caso a propriedade `stacked` da interface `PoChartOptions` esteja como `true`.
      *
      * > Essa propriedade habilita a propriedade `p-data-label` por padrão, podendo ser desabilitada passando `[p-data-label]={ fixed: false }`.
-     *
      */
     stackGroupName?: string;
 }

package/lib/components/po-chart/po-chart-base.component.d.ts

@@ -1,10 +1,11 @@
 import { EventEmitter, OnInit } from '@angular/core';
-import { PoLanguageService } from '../../services/po-language/po-language.service';
-import { PoChartType } from '../po-chart/enums/po-chart-type.enum';
+import { PoChartDataLabel } from '../po-chart/interfaces/po-chart-serie-data-label.interface';
 import { PoChartLiterals } from '../po-chart/interfaces/po-chart-literals.interface';
+import { PoChartRadarOptions } from './interfaces/po-chart-radar-options.interface';
+import { PoLanguageService } from '../../services/po-language/po-language.service';
 import { PoChartOptions } from '../po-chart/interfaces/po-chart-options.interface';
-import { PoChartDataLabel } from '../po-chart/interfaces/po-chart-serie-data-label.interface';
 import { PoChartSerie } from '../po-chart/interfaces/po-chart-serie.interface';
+import { PoChartType } from '../po-chart/enums/po-chart-type.enum';
 import { PoPopupAction } from '../po-popup';
 /**
  * @description
@@ -59,6 +60,9 @@ import { PoPopupAction } from '../po-popup';
  * | `--color-base-gauge`                     | Cor da base do gráfico `Gauge`                                          | `var(--color-neutral-light-20)`                   |
  * | `--color-gauge-pointer-color`            | Cor do ponteiro do gráfico `Gauge`                                      | `var(--color-neutral-dark-70)`                    |
  * | `--color-chart-line-point-fill`          | Cor de dentro do círculo dos gráficos `Line` e `Area`                   | `var(--color-neutral-light-00)`                   |
+ * | `--border-color-radar`                   | Cor do eixo da grid do gráfico `Radar`                                  | `var(--color-neutral-light-30)`                   |
+ * | `--color-background-zebra`               | Cor das áreas alternadas (efeito zebrado) da grid do gráfico `Radar`    | `var(--color-neutral-light-10)`                   |
+ * | `--color-background-line`                | Cor das áreas entre as faixas zebradas da grade do `Radar`              | `none`                                            |
  * | **Wrapper (.po-chart-container-gauge)**  |                                                                         |                                                   |
  * | `--background-color-container-gauge`     | Cor de background do container do gauge                                 | `var(--color-neutral-light-00)`                   |
  */
@@ -86,13 +90,20 @@ export declare abstract class PoChartBaseComponent implements OnInit {
      *
      * @description
      *
-     * Define os nomes das categorias que serão plotadas no eixo X do gráfico caso seja do tipo `bar`, ou então nos eixos Y do grid de gráficos dos tipos `area`, `columnn` e `line`.
+     * Define os valores utilizados na construção das categorias do gráfico.
+     *
+     * Para gráficos dos tipos *bar*, *area*, *column* e *line*, representa os nomes das categorias exibidas no eixo.
+     *
+     * Para gráficos do tipo *radar*, representa a configuração dos indicadores, formato (shape), áreas de divisão (splitArea)
+     * e demais opções específicas do gráfico `Radar`.
      *
-     * > Gráficos do tipo `bar` dimensionam a área do gráfico de acordo com a largura do maior texto de categorias. No entanto, é uma boa prática optar por palavras curtas para que a leitura do gráfico não seja prejudicada.
+     * > Caso nenhum valor seja informado, será utilizado um hífen como categoria
+     *   correspondente para cada série.
      *
-     * > Caso não seja especificado um valor para a categoria, será plotado um hífen na categoria referente a cada série.
+     * > Gráficos do tipo bar dimensionam sua área considerando a largura do maior texto
+     *   da categoria, sendo recomendável utilizar rótulos curtos para facilitar a leitura.
      */
-    categories?: Array<string>;
+    categories?: Array<string> | PoChartRadarOptions;
     /**
      * @optional
      *
@@ -109,7 +120,7 @@ export declare abstract class PoChartBaseComponent implements OnInit {
      * Objeto com as configurações usadas no `po-chart`.
      *
      * É possível, por exemplo, definir as configurações de exibição das legendas,
-     * configurar os eixos(*axis*) para os gráficos dos tipos `area`, `line`, `column` e `bar` da seguinte forma:
+     * configurar os eixos(*axis*) para os gráficos dos tipos `area`, `line`, `column`, `bar` e `radar` da seguinte forma:
      *
      * ```
      *  chartOptions: PoChartOptions = {
@@ -136,7 +147,7 @@ export declare abstract class PoChartBaseComponent implements OnInit {
      * - Os marcadores (*bullets*) terão seu estilo ajustado.
      * - As outras séries ficarão com opacidade reduzida ao passar o mouse sobre a série ativa.
      *
-     * > Disponível apenas para gráficos do tipo `line`.
+     * > Disponível para gráficos do tipo `line` e `radar`.
      *
      * #### Exemplo de utilização:
      * ```typescript
@@ -215,6 +226,7 @@ export declare abstract class PoChartBaseComponent implements OnInit {
      *
      * O evento emitirá o seguinte parâmetro:
      * - *donut* e *pie*: um objeto contendo a categoria e valor da série.
+     * - *radar*: um objeto contendo o nome da série e os valores.
      * - *area*, *line*, *column* e *bar*: um objeto contendo o nome da série, valor e categoria do eixo do gráfico.
      */
     seriesClick: EventEmitter<any>;
@@ -227,6 +239,7 @@ export declare abstract class PoChartBaseComponent implements OnInit {
      *
      * O evento emitirá o seguinte parâmetro de acordo com o tipo de gráfico:
      * - *donut* e *pie*: um objeto contendo a categoria e valor da série.
+     * - *radar*: um objeto contendo o nome da série e os valores.
      * - *area*, *line*, *column* e *bar*: um objeto contendo a categoria, valor da série e categoria do eixo do gráfico.
      */
     seriesHover: EventEmitter<any>;

package/lib/components/po-chart/po-chart-grid-utils.d.ts

@@ -22,4 +22,49 @@ export declare class PoChartGridUtils {
     private hasTopLegendOrNoZoom;
     private hasBottomLegendWithZoom;
     private getPaddingTopGrid;
+    private isRadarOptions;
+    convertRadarConfig(indicators: Array<string>): {
+        shape: string;
+        splitArea: boolean;
+        indicator: {
+            name: string;
+        }[];
+    };
+    setListTypeRadar(): {
+        shape: string;
+        radius: string;
+        splitLine: {
+            show: boolean;
+            lineStyle: {
+                color: string[];
+                width: number;
+            };
+        };
+        axisLine: {
+            show: boolean;
+            lineStyle: {
+                color: string;
+                width: number;
+            };
+        };
+        splitArea: {
+            show: boolean;
+            areaStyle: {
+                color: string[];
+            };
+        };
+        indicator: {
+            name: any;
+            max: any;
+            min: any;
+            color: any;
+        }[];
+    };
+    setSerieTypeRadar(serie: any, tokenBorderWidthMd: number, color: string): any;
+    setTooltipRadar(params: any): void;
+    buildRadarTooltip(params: any): string;
+    finalizeSerieTypeRadar(seriesUpdated: any): {
+        type: string;
+        data: any;
+    }[];
 }

package/lib/components/po-chart/po-chart.component.d.ts

@@ -40,6 +40,11 @@ import { PoChartGaugeUtils } from './po-chart-gauge-utils';
  *  <file name="sample-po-chart-world-exports/sample-po-chart-world-exports.component.html"> </file>
  *  <file name="sample-po-chart-world-exports/sample-po-chart-world-exports.component.ts"> </file>
  * </example>
+ *
+ * <example name="po-chart-technology-skill" title="PO Chart - Radar">
+ *  <file name="sample-po-chart-technology-skill/sample-po-chart-technology-skill.component.html"> </file>
+ *  <file name="sample-po-chart-technology-skill/sample-po-chart-technology-skill.component.ts"> </file>
+ * </example>
  */
 export declare class PoChartComponent extends PoChartBaseComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
     el: ElementRef<any>;
@@ -55,6 +60,7 @@ export declare class PoChartComponent extends PoChartBaseComponent implements On
     originalRadiusGauge: any;
     chartMarginTop: string;
     isTypeBar: boolean;
+    isTypeRadar: boolean;
     boundaryGap: boolean;
     listTypePieDonut: Array<any>;
     itemsTypeDonut: Array<any>;
@@ -118,6 +124,7 @@ export declare class PoChartComponent extends PoChartBaseComponent implements On
     private setTableProperties;
     private setTablePropertiesTypeBar;
     private setTablePropertiesTypeGauge;
+    private setTablePropertiesTypeRadar;
     private setTableColumns;
     private downloadCsv;
     private exportImage;

package/lib/components/po-field/po-input/po-input-base.component.d.ts

@@ -169,6 +169,16 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
      * @default `false`
      */
     errorLimit: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     * Exibe um ícone de carregamento no lado direito do campo para sinalizar que uma operação está em andamento.
+     *
+     * @default `false`
+     */
+    set loading(value: boolean);
+    get loading(): boolean;
     /**
      * @optional
      *
@@ -291,6 +301,7 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
     protected onTouched: any;
     protected passedWriteValue: boolean;
     protected validatorChange: any;
+    private _loading;
     private _maxlength?;
     private _minlength?;
     private _noAutocomplete?;
@@ -491,6 +502,7 @@ export declare abstract class PoInputBaseComponent implements ControlValueAccess
     writeValue(value: any): void;
     protected validateModel(): void;
     protected isAdditionalHelpEventTriggered(): boolean;
+    mapSizeToIcon(size: string): string;
     private validatePatternOnWriteValue;
     /**
      * Função que atribui foco ao componente.

package/lib/components/po-icon/po-icon.component.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef } from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
 /**
  * @docsPrivate
  *
@@ -9,9 +9,11 @@ import { TemplateRef } from '@angular/core';
  * Permite a exibição de ícones.
  */
 export declare class PoIconComponent {
+    iconElement: ElementRef;
     class: string;
     private _icon;
     private _iconToken;
+    hostPIcon: string | null;
     constructor(value: {
         [key: string]: string;
     });

package/lib/components/po-listbox/po-item-list/po-item-list-base.component.d.ts

@@ -76,6 +76,14 @@ export declare class PoItemListBaseComponent {
      * Define um ícone que será exibido ao lado esquerdo do rótulo.
      */
     icon: string | TemplateRef<void>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define se deve ser exibido o ícone indicando subnível.
+     */
+    iconArrowRight: string;
     iconPosition: 'left' | 'right';
     /**
      * @optional

package/lib/components/po-listbox/po-listbox.component.d.ts

@@ -28,7 +28,8 @@ export declare class PoListBoxComponent extends PoListBoxBaseComponent implement
     ngOnDestroy(): void;
     openGroup(group: PoDropdownAction, event?: MouseEvent | KeyboardEvent): void;
     goBack(event: MouseEvent | KeyboardEvent): void;
-    onKeydownGoBack(event: KeyboardEvent): void;
+    onKeydownGoBack(event: KeyboardEvent, currentGroup?: PoDropdownAction): void;
+    protected onKeydownTemplate(event: KeyboardEvent): void;
     onSelectItem(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: MouseEvent | KeyboardEvent): void | Promise<boolean>;
     onSelectAllCheckboxKeyDown(event: KeyboardEvent): void;
     onKeyDown(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: KeyboardEvent): void;

package/lib/components/po-popup/po-popup-action.interface.d.ts

@@ -128,4 +128,5 @@ export interface PoPopupAction {
      */
     visible?: boolean | Function;
     $id?: string;
+    $subItemTemplate?: TemplateRef<any>;
 }

package/lib/components/po-popup/po-popup-base.component.d.ts

@@ -76,6 +76,7 @@ export declare class PoPopupBaseComponent {
     private _size?;
     private _target;
     listboxSubitems: boolean;
+    templateIcon: boolean;
     /** Lista de ações que serão exibidas no componente. */
     set actions(value: Array<PoPopupAction>);
     get actions(): Array<PoPopupAction>;

package/lib/components/po-popup/po-popup.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { PoListBoxComponent } from '../po-listbox';
 import { PoPopupAction } from './po-popup-action.interface';
 import { PoPopupBaseComponent } from './po-popup-base.component';
@@ -24,7 +24,8 @@ import { PoPopupBaseComponent } from './po-popup-base.component';
  * </example>
  *
  */
-export declare class PoPopupComponent extends PoPopupBaseComponent {
+export declare class PoPopupComponent extends PoPopupBaseComponent implements AfterViewInit {
+    id: string;
     private renderer;
     private router;
     private poControlPosition;
@@ -32,6 +33,7 @@ export declare class PoPopupComponent extends PoPopupBaseComponent {
     popupRef: ElementRef;
     listbox: ElementRef;
     poListBoxRef: PoListBoxComponent;
+    ngAfterViewInit(): void;
     /**
      * Fecha o componente *popup*.
      *

package/lib/components/po-tag/po-tag-base.component.d.ts

@@ -157,7 +157,8 @@ export declare class PoTagBaseComponent {
      *   - <span class="dot po-color-11"></span> `color-11`
      *   - <span class="dot po-color-12"></span> `color-12`
      *
-     * - Para uma melhor acessibilidade no uso do componente é recomendável utilizar cores com um melhor contraste em relação ao background.
+     * - Para uma melhor acessibilidade no uso do componente é recomendável utilizar cores com um melhor contraste em relação ao background;
+     * - O componente ajusta automaticamente a cor do texto para garantir legibilidade, escolhendo dinamicamente entre texto claro ou escuro conforme o contraste necessário.
      *
      * > **Atenção:** A propriedade `p-type` sobrepõe esta definição.
      */

package/lib/components/po-tag/po-tag.component.d.ts

@@ -37,10 +37,8 @@ export declare class PoTagComponent extends PoTagBaseComponent implements OnInit
     onKeyPressed(event: any): void;
     styleTag(): {
         'background-color': any;
-        color: string;
     } | {
         'background-color'?: undefined;
-        color?: undefined;
     };
     getWidthTag(): boolean;
     setAriaLabel(): string;

package/lib/utils/util.d.ts

@@ -302,3 +302,15 @@ export declare function updateTooltip(isTooltipActive: boolean, labelElement: El
  * @returns O elemento que deve ser medido para verificar se está com ellipsis.
  */
 export declare function getMeasurableEl(labelElement: ElementRef<HTMLElement>): Element;
+/**
+ * Retorna a cor do texto baseada no tema atual.
+ * @param type Tipo de cor do texto, pode ser 'lightest' ou 'darkest'.
+ * @returns Valor da cor no formato definido pela propriedade customizada CSS (por exemplo, '#ffffff', 'rgb(255,255,255)').
+ */
+export declare function getTextColor(type: 'lightest' | 'darkest'): string;
+/**
+ * Retorna a cor do texto baseada na cor de fundo informada.
+ * @param backgroundColor Cor de fundo em formato 'rgb(r,g,b)' ou 'rgba(r,g,b,a)'.
+ * @returns Valor da cor do texto (por exemplo, '#ffffff', 'rgb(255,255,255)') baseado no brilho percebido da cor de fundo usando a fórmula do espaço de cor YIQ.
+ */
+export declare function getTextColorFromBackgroundColor(backgroundColor: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "20.11.0-beta.1",
+  "version": "20.12.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~20.0.3",
-    "@po-ui/style": "20.11.0-beta.1",
-    "@po-ui/ng-schematics": "20.11.0-beta.1",
+    "@po-ui/style": "20.12.0",
+    "@po-ui/ng-schematics": "20.12.0",
     "echarts": "^5.6.0",
     "tslib": "^2.3.0"
   },
@@ -38,7 +38,7 @@
     "@angular/platform-browser-dynamic": "^20",
     "@angular/router": "^20",
     "@angular-devkit/schematics": "^20",
-    "@po-ui/style": "20.11.0-beta.1",
+    "@po-ui/style": "20.12.0",
     "rxjs": "~7.8.1",
     "zone.js": "~0.15.0"
   },

package/schematics/ng-add/index.js

@@ -18,7 +18,7 @@ function default_1(options) {
 }
 function addPoPackageAndInstall() {
     return (tree, context) => {
-        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '20.11.0-beta.1');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '20.12.0');
         // install packages
         context.addTask(new tasks_1.NodePackageInstallTask());
     };

package/schematics/ng-update/v14/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.12.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v15/index.js

@@ -11,7 +11,7 @@ const changes_1 = require("./changes");
 const httpClientModuleName = 'HttpClientModule';
 const httpClientModuleSourcePath = '@angular/common/http';
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.12.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v16/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.12.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v17/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.12.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v18/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.12.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('20.12.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v19/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('20.12.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('20.11.0-beta.1', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('20.12.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v2/index.js

@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV2() {
     return (0, schematics_1.chain)([
-        updatePackageJson('20.11.0-beta.1', changes_1.dependeciesChanges),
+        updatePackageJson('20.12.0', changes_1.dependeciesChanges),
         (0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
         (0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
         createUpgradeRule(),