@po-ui/ng-components 21.14.0 → 21.16.0

package/lib/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './po-divider/index';
 export * from './po-dropdown/index';
 export * from './po-dynamic/index';
 export * from './po-field/index';
+export * from './po-filter-chip/index';
 export * from './po-gauge/index';
 export * from './po-grid/index';
 export * from './po-helper/index';

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

@@ -6,17 +6,9 @@ import { PoPopupAction } from '../po-popup/po-popup-action.interface';
  *
  * @docsExtends PoPopupAction
  *
+ * @ignoreExtendedDescription
+ *
  * @usedBy PoDropdownComponent
  */
 export interface PoDropdownAction extends PoPopupAction {
-    /**
-     * @optional
-     *
-     * @description
-     *
-     * Array de ações (`PoDropdownAction`) usado para criar agrupadores de subitens (submenus).
-     *
-     * > Recomenda-se limitar a navegação a, no máximo, três níveis hierárquicos.
-     */
-    subItems?: Array<PoDropdownAction>;
 }

package/lib/components/po-field/po-combo/interfaces/po-combo-option-group.interface.d.ts

@@ -7,7 +7,12 @@ import { PoComboOption } from './po-combo-option.interface';
  * Interface dos agrupamentos da coleção que será exibida no dropdown do `po-combo`.
  */
 export interface PoComboOptionGroup {
-    /** Título para cada grupo de opções. */
+    /**
+     * Título para cada grupo de opções.
+     *
+     * Recomendação: evite usar labels idênticos em diferentes grupos. Labels iguais podem
+     * causar ambiguidade para usuários e dificultar a identificação/seleção dos itens.
+     */
     label: string;
     /** Lista de itens a serem exibidos. */
     options: Array<PoComboOption>;

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

@@ -674,6 +674,8 @@ export declare abstract class PoComboBaseComponent implements ControlValueAccess
     getOptionFromValue(value: any, options: any): any;
     getOptionFromLabel(label: any, options: any): any;
     updateSelectedValue(option: any, isUpdateModel?: boolean): void;
+    private isGroupTitle;
+    private updateOptionsSelectedState;
     callModelChange(value: any): any;
     isEqual(value: any, inputValue: any): boolean;
     mapSizeToIcon(size: string): string;

package/lib/components/po-filter-chip/index.d.ts

@@ -0,0 +1,4 @@
+export * from './interfaces/po-filter-chip-selected-change.interface';
+export * from './po-filter-chip.component';
+export * from './po-filter-chip-base.component';
+export * from './po-filter-chip.module';

package/lib/components/po-filter-chip/interfaces/po-filter-chip-selected-change.interface.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @usedBy PoFilterChipComponent
+ *
+ * @description
+ *
+ * Interface que define o objeto emitido pelo evento `p-selected-change`.
+ */
+export interface PoFilterChipSelectedChange {
+    /** Rótulo de texto do *chip*. */
+    label: string;
+    /** Estado de seleção do *chip* (`true` para selecionado, `false` para desmarcado). */
+    selected: boolean;
+}

package/lib/components/po-filter-chip/po-filter-chip-base.component.d.ts

@@ -0,0 +1,91 @@
+import { PoFilterChipSelectedChange } from './interfaces/po-filter-chip-selected-change.interface';
+/**
+ * @description
+ *
+ * O `po-filter-chip` é um componente interativo que representa uma opção de filtro selecionável na forma de chip.
+ * O componente exibe um rótulo de texto e suporta três estados visuais: padrão (repouso), hover e selecionado.
+ * No estado selecionado, um ícone de check é exibido à esquerda do rótulo.
+ *
+ * #### Boas práticas
+ *
+ * - Utilize `labels` curtos e descritivos para os filtros.
+ * - Agrupe múltiplos `po-filter-chip` para representar opções de filtragem relacionadas.
+ * - Utilize a propriedade `p-disabled` para filtros temporariamente indisponíveis.
+ *
+ * #### Acessibilidade tratada no componente
+ *
+ * Algumas diretrizes de acessibilidade já são tratadas no componente, internamente, e não podem ser alteradas pelo proprietário do conteúdo. São elas:
+ *
+ * - O componente possui `role="option"` e `aria-selected` refletindo o estado de seleção. [W3C WAI-ARIA 3.14 Listbox](https://www.w3.org/WAI/ARIA/apg/#listbox)
+ * - Quando em foco, o chip é ativado usando as teclas de Espaço e Enter do teclado. [W3C WAI-ARIA 3.5 Button - Keyboard Interaction](https://www.w3.org/WAI/ARIA/apg/#keyboard-interaction-3)
+ *
+ * #### Tokens customizáveis
+ *
+ * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
+ *
+ * > Para maiores informações, acesse o guia [Personalizando o Tema Padrão com Tokens CSS](https://po-ui.io/guides/theme-customization).
+ *
+ * | Propriedade                    | Descrição                                          | Valor Padrão                                |
+ * |--------------------------------|----------------------------------------------------|---------------------------------------------|
+ * | `--border-radius`              | Raio dos cantos do elemento                        | `var(--border-radius-lg)`                   |
+ * | `--border-width`               | Largura da borda                                   | `var(--border-width-sm)`                    |
+ * | `--font-family`                | Família tipográfica                                | `var(--font-family-theme)`                  |
+ * | `--font-size`                  | Tamanho da fonte                                   | `var(--font-size-default)`                  |
+ * | `--font-weight`                | Peso da fonte                                      | `var(--font-weight-normal)`                 |
+ * | **Default**                    |                                                    |                                             |
+ * | `--border-color`               | Cor da borda no estado padrão                      | `var(--color-neutral-light-20)`             |
+ * | `--text-color`                 | Cor do texto no estado padrão                      | `var(--color-neutral-dark-80)`              |
+ * | `--background-color`           | Cor de fundo no estado padrão                      | `transparent`                               |
+ * | **Hover**                      |                                                    |                                             |
+ * | `--background-color-hover`     | Cor de fundo no estado hover                       | `var(--color-brand-01-lightest)`            |
+ * | `--text-color-hover`           | Cor do texto no estado hover                       | `var(--color-action-default)`               |
+ * | **Selected**                   |                                                    |                                             |
+ * | `--background-color-selected`  | Cor de fundo no estado selecionado                 | `var(--color-brand-01-lightest)`            |
+ * | `--border-color-selected`      | Cor da borda no estado selecionado                 | `var(--color-brand-01-lighter)`             |
+ * | `--text-color-selected`        | Cor do texto no estado selecionado                 | `var(--color-action-default)`               |
+ * | `--icon-color-selected`        | Cor do ícone no estado selecionado                 | `var(--color-action-default)`               |
+ * | **Disabled**                   |                                                    |                                             |
+ * | `--opacity-disabled`           | Opacidade no estado desabilitado                   | `0.5`                                       |
+ *
+ */
+export declare class PoFilterChipBaseComponent {
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define se o chip está desabilitado, impedindo qualquer interação do usuário.
+     *
+     * Quando habilitado, o chip não responde a cliques nem a eventos de teclado (Enter/Space).
+     *
+     * @default `false`
+     */
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o rótulo de texto exibido no chip.
+     */
+    label: import("@angular/core").InputSignal<string>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o estado de seleção do chip.
+     *
+     * @default `false`
+     */
+    selected: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado após a alteração do estado de seleção do *chip*. Retorna o objeto PoFilterChipSelectedChange
+     * modificado.
+     */
+    selectedChange: import("@angular/core").OutputEmitterRef<PoFilterChipSelectedChange>;
+}

package/lib/components/po-filter-chip/po-filter-chip.component.d.ts

@@ -0,0 +1,31 @@
+import { PoFilterChipBaseComponent } from './po-filter-chip-base.component';
+/**
+ * @docsExtends PoFilterChipBaseComponent
+ *
+ * @example
+ *
+ * <example name="po-filter-chip-basic" title="PO Filter Chip Basic">
+ *  <file name="sample-po-filter-chip-basic/sample-po-filter-chip-basic.component.html"> </file>
+ *  <file name="sample-po-filter-chip-basic/sample-po-filter-chip-basic.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-filter-chip-labs" title="PO Filter Chip Labs">
+ *  <file name="sample-po-filter-chip-labs/sample-po-filter-chip-labs.component.html"> </file>
+ *  <file name="sample-po-filter-chip-labs/sample-po-filter-chip-labs.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-filter-chip-filter-list" title="PO Filter Chip - Filter List">
+ *  <file name="sample-po-filter-chip-filter-list/sample-po-filter-chip-filter-list.component.html"> </file>
+ *  <file name="sample-po-filter-chip-filter-list/sample-po-filter-chip-filter-list.component.ts"> </file>
+ * </example>
+ */
+export declare class PoFilterChipComponent extends PoFilterChipBaseComponent {
+    private readonly _selected;
+    private initialized;
+    isSelected: import("@angular/core").Signal<boolean>;
+    constructor();
+    protected onClick(): void;
+    protected onKeydown(event: Event): void;
+    private setupSelectedEffect;
+    private toggle;
+}

package/lib/components/po-filter-chip/po-filter-chip.module.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description
+ *
+ * Módulo do componente `po-filter-chip`.
+ */
+export declare class PoFilterChipModule {
+}

package/lib/components/po-list-view/interfaces/po-list-view-action.interface.d.ts

@@ -4,11 +4,13 @@ import { PoPopupAction } from '../../po-popup/po-popup-action.interface';
  *
  * Interface que define as ações do componente `po-list-view`.
  *
- * > As propriedades `separator`, `url` e `selected` serão vistas a partir da terceira ação e somente quando
+ * > As propriedades `subItems`, `separator`, `url` e `selected` serão vistas a partir da terceira ação e somente quando
  * definir quatro ações ou mais.
  *
  * @docsExtends PoPopupAction
  *
+ * @ignoreExtendedDescription
+ *
  * @usedBy PoListViewComponent
  */
 export interface PoListViewAction extends PoPopupAction {

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

@@ -12,7 +12,7 @@ export interface PoPopupAction {
      *
      * Rótulo da ação.
      *
-     * No componente `po-dropdown`, a label também pode representar o agrupador de subitens.
+     * A label também pode representar o agrupador de subitens quando a ação possuir `subItems`.
      */
     label: string;
     /**
@@ -22,7 +22,7 @@ export interface PoPopupAction {
      *
      * Ação que será executada, sendo possível passar o nome ou a referência da função.
      *
-     * No componente `po-dropdown`, a action também pode ser executada para o agrupador de subitens.
+     * A action também pode ser executada para o agrupador de subitens quando a ação possuir `subItems`.
      *
      * > Para que a função seja executada no contexto do componente, utilize *bind*:
      * `action: this.myFunction.bind(this)`
@@ -78,8 +78,9 @@ export interface PoPopupAction {
      *
      * URL para redirecionamento. Aceita rotas internas e links externos.
      *
-     * No componente `po-dropdown`, quando informada em um agrupador com `subItems`, o clique
-     * redireciona ao invés de abrir os subitens.
+     * A url também pode ser configurada para o agrupador de subitens.
+     * Entretanto, quando a `url` é informada em um agrupador, o clique **não abrirá os subitens**, pois o item será
+     * tratado como um link e o redirecionamento terá prioridade sobre a exibição da lista.
      *
      * > Quando informada, tem prioridade sobre a propriedade `action`.
      */
@@ -103,5 +104,22 @@ export interface PoPopupAction {
      */
     visible?: boolean | Function;
     $id?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define uma lista de subitens para criação de menus aninhados.
+     *
+     * Ao definir esta propriedade, o item exibirá um ícone indicador de subnível.
+     * Recomenda-se utilizar no máximo três níveis hierárquicos para garantir a usabilidade.
+     *
+     * > As propriedades `disabled`, `type` e `visible` não são aplicadas visualmente ao item agrupador.
+     *
+     * > Quando `url` é informada em um agrupador, o redirecionamento terá prioridade e os subitens não serão abertos.
+     *
+     * > Em subníveis aninhados, o `icon` do agrupador é substituído pelo indicador de navegação (seta).
+     */
+    subItems?: Array<PoPopupAction>;
     $subItemTemplate?: TemplateRef<any>;
 }

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

@@ -6,6 +6,9 @@ import { PoPopupAction } from './po-popup-action.interface';
  * O componente `po-popup` é um container pequeno recomendado para ações de navegação:
  * Ele abre sobreposto aos outros componentes.
  *
+ * Suporta subníveis (submenus) quando as ações possuem a propriedade `subItems`,
+ * habilitando navegação hierárquica automaticamente.
+ *
  * É possível escolher as posições do `po-popup` em relação ao componente alvo, para isto veja a propriedade `p-position`.
  *
  * Também é possível informar um _template_ _header_ para o `po-popup`, que será exibido acima das ações.
@@ -75,7 +78,7 @@ export declare class PoPopupBaseComponent {
     private _position?;
     private _size?;
     private _target;
-    listboxSubitems: boolean;
+    get computedListboxSubitems(): boolean;
     templateIcon: boolean;
     /** Lista de ações que serão exibidas no componente. */
     set actions(value: Array<PoPopupAction>);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "21.14.0",
+  "version": "21.16.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~21.2.4",
-    "@po-ui/style": "21.14.0",
-    "@po-ui/ng-schematics": "21.14.0",
+    "@po-ui/style": "21.16.0",
+    "@po-ui/ng-schematics": "21.16.0",
     "echarts": "^5.6.0",
     "tslib": "^2.6.2"
   },
@@ -38,7 +38,7 @@
     "@angular/platform-browser-dynamic": "^21",
     "@angular/router": "^21",
     "@angular-devkit/schematics": "^21",
-    "@po-ui/style": "21.14.0",
+    "@po-ui/style": "21.16.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', '21.14.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.16.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)('21.14.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.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)('21.14.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.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)('21.14.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.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)('21.14.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.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)('21.14.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.14.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.16.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)('21.14.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.14.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.16.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('21.14.0', changes_1.dependeciesChanges),
+        updatePackageJson('21.16.0', changes_1.dependeciesChanges),
         (0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
         (0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
         createUpgradeRule(),

package/schematics/ng-update/v20/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)('21.14.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.14.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.16.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

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

@@ -9,7 +9,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const changes_1 = require("./changes");
 function main() {
     return tslib_1.__awaiter(this, void 0, void 0, function* () {
-        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.14.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
     });
 }
 function default_1() {

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

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV3() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.14.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

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

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 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)('21.14.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

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

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 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)('21.14.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v6/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)('21.14.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.16.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {