@po-ui/ng-components 21.30.0 → 21.31.0

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

@@ -220,6 +220,11 @@ export declare abstract class PoLookupBaseComponent implements ControlValueAcces
      *
      * > Caso não seja passado um objeto ou então ele esteja em branco o link de busca avançada ficará escondido.
      *
+     * > A busca avançada é construída a partir do `po-dynamic-form`. Em aplicações que não importam o `PoModule`,
+     * como projetos *standalone* ou que utilizam módulos específicos, é necessário importar o `PoDynamicModule`
+     * no componente ou módulo onde o `po-lookup` é utilizado, caso contrário será lançado o erro
+     * `NG0201: No provider found for _TitleCasePipe` ao abrir a busca avançada.
+     *
      * Exemplo de URL com busca avançada:
      *
      * ```

package/lib/components/po-field/po-lookup/po-lookup.component.d.ts

@@ -22,6 +22,21 @@ import { PoHelperComponent } from '../../po-helper';
  *   </po-lookup>
  *   ```
  *
+ * - Ao utilizar a propriedade `p-advanced-filters`, a janela de busca avançada é construída
+ * a partir do `po-dynamic-form`. Em aplicações que não importam o `PoModule`, como projetos
+ * *standalone* ou que utilizam módulos específicos, é necessário importar o `PoDynamicModule`
+ * no componente ou módulo onde o `po-lookup` é utilizado, caso contrário será lançado o erro
+ * `NG0201: No provider found for _TitleCasePipe` ao abrir a busca avançada.
+ *   ```
+ *   import { PoDynamicModule, PoFieldModule } from '@po-ui/ng-components';
+ *
+ *   @Component({
+ *     standalone: true,
+ *     imports: [PoFieldModule, PoDynamicModule]
+ *   })
+ *   export class MyComponent {}
+ *   ```
+ *
  * #### Tokens customizáveis
  *
  * É possível alterar o estilo do componente usando os seguintes tokens (CSS):

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

@@ -24,7 +24,7 @@ export declare class PoListBoxBaseComponent {
     private _size?;
     private _initialSize?;
     listboxSubitems: boolean;
-    visible: boolean;
+    visible: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
     set type(value: string);
     get type(): PoItemListType;
     set items(items: Array<PoItemListAction | PoItemListOption | PoItemListOptionGroup | any>);

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

@@ -1,4 +1,5 @@
 import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { CdkListbox, CdkOption } from '@angular/cdk/listbox';
 import { PoListBoxBaseComponent } from './po-listbox-base.component';
 import { PoItemListOptionGroup } from './po-item-list/interfaces/po-item-list-option-group.interface';
 import { PoItemListOption } from './po-item-list/interfaces/po-item-list-option.interface';
@@ -19,6 +20,8 @@ export declare class PoListBoxComponent extends PoListBoxBaseComponent implement
     searchElement: PoSearchListComponent;
     popupHeaderContainer: ElementRef;
     listboxItems: QueryList<ElementRef>;
+    cdkListbox?: CdkListbox;
+    cdkOptions?: QueryList<CdkOption>;
     private scrollEvent$;
     private subscriptionScrollEvent;
     constructor();
@@ -49,6 +52,9 @@ export declare class PoListBoxComponent extends PoListBoxBaseComponent implement
     }): void;
     scrollListener(componentListner: HTMLElement): Observable<any>;
     setFocus(): void;
+    private getSelectedItem;
+    scrollToAndSelectCurrentItem(): void;
+    protected onListboxFocusIn(event: FocusEvent): void;
     protected checkInfiniteScroll(): void;
     protected getSizeLoading(): "xs" | "sm" | "md";
     protected getTextLoading(): "" | " ";

package/lib/components/po-page/po-page-slide/index.d.ts

@@ -1,3 +1,4 @@
 export * from './po-page-slide.component';
 export * from './po-page-slide-footer/po-page-slide-footer.component';
+export * from './po-page-slide-size.type';
 export * from './po-page-slide.module';

package/lib/components/po-page/po-page-slide/interfaces/po-page-slide-literals.interface.d.ts

@@ -10,4 +10,6 @@
 export interface PoPageSlideLiterals {
     /** Texto da aria-label do botão de fechar */
     close?: string;
+    /** Texto do nome acessível (aria-label) do painel quando não há título definido */
+    label?: string;
 }

package/lib/components/po-page/po-page-slide/po-page-slide-base.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import { PoPageSlideSize } from './po-page-slide-size.type';
 /**
  * @description
  *
@@ -103,7 +104,10 @@ export declare class PoPageSlideBaseComponent {
      *
      * Oculta o botão de encerramento da página.
      *
-     * Esta opção só é possível se a propriedade `p-click-out` estiver habilitada.
+     * > Para evitar que o usuário fique sem forma de fechar, esta opção só é mantida quando houver uma
+     * > ação alternativa de fechamento: `p-click-out` habilitado ou, no modo `full`, um
+     * > [`po-page-slide-footer`](/documentation/po-page-slide-footer) com ação de fechar.
+     * > Caso contrário, o botão de fechar é reexibido automaticamente ao abrir.
      *
      * @default `false`
      */
@@ -153,13 +157,18 @@ export declare class PoPageSlideBaseComponent {
      *  - `lg` (grande)
      *  - `xl` (extra-grande)
      *  - `auto` (automático)
+     *  - `full` (tela cheia): a página ocupa 100% da largura da tela e o overlay de fundo não é renderizado.
      *
-     * > Todas as opções de tamanho, exceto `auto`, possuem uma largura máxima de **768px**.
+     * > Todas as opções de tamanho, exceto `auto` e `full`, possuem uma largura máxima de **768px**.
+     *
+     * > No modo `full`, como não há overlay, o fechamento por clique fora (`p-click-out`) não é aplicável.
+     * > O encerramento continua disponível pelo botão do cabeçalho, pela tecla `Escape`, pelo método `#close()`
+     * > ou por um botão no [`po-page-slide-footer`](/documentation/po-page-slide-footer).
      *
      * @default `md`
      */
     set size(value: string);
-    get size(): string;
+    get size(): PoPageSlideSize;
     /**
      * @optional
      *
@@ -197,6 +206,7 @@ export declare class PoPageSlideBaseComponent {
      * ```
      */
     open(): void;
+    protected hasAlternativeCloseAction(): boolean;
     /**
      * Encerra a visualização da página.
      *

package/lib/components/po-page/po-page-slide/po-page-slide-size.type.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @usedBy PoPageSlide
+ *
+ * @description
+ *
+ * Define os tamanhos válidos para a largura do `po-page-slide`.
+ *
+ * Valores válidos:
+ *  - `sm`: pequeno.
+ *  - `md`: médio (padrão).
+ *  - `lg`: grande.
+ *  - `xl`: extra-grande.
+ *  - `auto`: automático.
+ *  - `full`: ocupa 100% da largura da tela e oculta o overlay de fundo.
+ */
+export type PoPageSlideSize = 'sm' | 'md' | 'lg' | 'xl' | 'auto' | 'full';

package/lib/components/po-page/po-page-slide/po-page-slide.component.d.ts

@@ -37,6 +37,7 @@ export declare class PoPageSlideComponent extends PoPageSlideBaseComponent {
     private readonly loadingCompleted;
     private sourceElement;
     buttonAriaLabel: string;
+    defaultDialogLabel: string;
     duration: string;
     timing: string;
     private focusEvent;
@@ -44,11 +45,14 @@ export declare class PoPageSlideComponent extends PoPageSlideBaseComponent {
     set pageContent(pageContent: ElementRef);
     get pageContent(): ElementRef;
     constructor();
+    get titleId(): string;
     open(): void;
+    protected hasAlternativeCloseAction(): boolean;
     close(): void;
     onClickOut(event: MouseEvent): void;
     private setTimeFromCSS;
     private getTextDefault;
+    private getLabelDefault;
     private handleFocus;
     private initFocus;
     private loadFirstElement;

package/lib/directives/index.d.ts

@@ -1,2 +1,3 @@
 export * from './directives.module';
+export * from './po-drag-drop/index';
 export * from './po-tooltip/index';

package/lib/directives/po-drag-drop/index.d.ts

@@ -0,0 +1,6 @@
+export * from './interfaces/po-draggable-item.interface';
+export * from './po-drag-base.directive';
+export * from './po-drag.directive';
+export * from './po-drop-list-base.directive';
+export * from './po-drop-list.directive';
+export * from './po-drag-drop.module';

package/lib/directives/po-drag-drop/interfaces/po-draggable-item.interface.d.ts

@@ -0,0 +1,77 @@
+/**
+ * @usedBy PoDropListDirective, PoDragDirective
+ *
+ * @description
+ *
+ * Define a estrutura de um item arrastável genérico utilizado pelas diretivas
+ * `PoDropListDirective` e `PoDragDirective`.
+ *
+ * A interface é intencionalmente leve — contém apenas os campos essenciais para
+ * qualquer componente arrastável.
+ */
+export interface PoDraggableItem {
+    /** Identificador único do item. */
+    id: string;
+    /**
+     * @optional
+     * @description
+     *
+     * Dados arbitrários do consumidor. Útil para associar informações extras
+     * ao item sem estender a interface.
+     */
+    data?: any;
+}
+/**
+ * @usedBy PoDropListDirective
+ *
+ * @description
+ *
+ * Evento emitido quando um item é solto em um container (`p-drop-list`), contendo os índices,
+ * o item movido e os identificadores dos containers envolvidos.
+ */
+export interface PoDropEvent {
+    /** Índice original do item antes do drop. */
+    previousIndex: number;
+    /** Índice final do item após o drop. */
+    currentIndex: number;
+    /** O item que foi movido. */
+    item: PoDraggableItem;
+    /**
+     * @description
+     * Array resultante após o drop, já com a nova ordem aplicada.
+     * Use este valor para atualizar o signal ou array do consumidor.
+     */
+    items: Array<PoDraggableItem>;
+    /** Identificador do container de destino. */
+    container: string;
+    /**
+     * @optional
+     * @description
+     * Identificador do container de origem. Preenchido apenas quando o item
+     * foi transferido entre containers distintos.
+     */
+    previousContainer?: string;
+    dropPoint?: any;
+}
+/**
+ * @usedBy PoDropListDirective
+ *
+ * @description
+ *
+ * Evento emitido quando um item entra em um container `p-drop-list`.
+ */
+export interface PoDragEnterEvent<T = any> {
+    /** O item que entrou no container. */
+    item: T;
+    /** Identificador do container que recebeu o item. */
+    container: string;
+}
+/**
+ * @usedBy PoDragDirective
+ *
+ * @description
+ *
+ * Evento emitido continuamente enquanto o item está sendo arrastado.
+ * Contém a posição do ponteiro e a distância percorrida desde o início do arraste.
+ */
+export { CdkDragMove as PoDragMovedEvent } from '@angular/cdk/drag-drop';

package/lib/directives/po-drag-drop/po-drag-base.directive.d.ts

@@ -0,0 +1,52 @@
+import { PoDraggableItem, PoDragMovedEvent } from './interfaces/po-draggable-item.interface';
+export declare abstract class PoDragBaseDirective {
+    /**
+     * @description
+     *
+     * Dado associado ao item arrastável. O valor é emitido nos eventos
+     * `p-drag-started` e `p-drag-ended`.
+     */
+    data: import("@angular/core").InputSignal<PoDraggableItem>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Desabilita o arraste do item. Quando `true`, o usuário não pode iniciar
+     * um gesto de arrastar neste elemento, mas o item continua participando do
+     * cálculo de posições dos vizinhos dentro do `p-drop-list`.
+     *
+     * @default false
+     */
+    dragDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido quando o arraste do item é iniciado.
+     * O valor emitido é o dado associado ao item (propriedade `p-drag`).
+     */
+    dragStarted: import("@angular/core").OutputEmitterRef<PoDraggableItem>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido quando o arraste do item é encerrado.
+     * O valor emitido é o dado associado ao item (propriedade `p-drag`).
+     */
+    dragEnded: import("@angular/core").OutputEmitterRef<PoDraggableItem>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido continuamente enquanto o item está sendo arrastado.
+     * Contém a posição do ponteiro, a distância percorrida e a direção do movimento.
+     *
+     * > **Atenção:** Este evento é disparado em alta frequência (a cada frame de movimento).
+     * > Evite operações custosas no handler ou aplique técnicas de throttle/debounce.
+     */
+    dragMoved: import("@angular/core").OutputEmitterRef<PoDragMovedEvent<any>>;
+}

package/lib/directives/po-drag-drop/po-drag-drop.module.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description
+ *
+ * Módulo que exporta as diretivas de drag & drop do PO UI:
+ * - `PoDropListDirective` (`p-drop-list`) — define um container de drop.
+ * - `PoDragDirective` (`p-drag`) — torna um elemento arrastável.
+ */
+export declare class PoDragDropModule {
+}

package/lib/directives/po-drag-drop/po-drag-handle-button/po-drag-handle-button.component.d.ts

@@ -0,0 +1,31 @@
+import { PoButtonSize } from '../../../components/po-button/enums/po-button-size.enum';
+export declare const poDragHandleButtonLiteralsDefault: {
+    en: {
+        dragToReorder: string;
+    };
+    es: {
+        dragToReorder: string;
+    };
+    pt: {
+        dragToReorder: string;
+    };
+    ru: {
+        dragToReorder: string;
+    };
+};
+/**
+ * @docsPrivate
+ *
+ * Componente interno criado programaticamente pela diretiva `poDrag`.
+ * Renderiza o botão de handle de arraste posicionado absolutamente sobre o
+ * elemento arrastável. Visível apenas no hover, via CSS da diretiva.
+ *
+ * Não deve ser instanciado diretamente pelo consumidor.
+ */
+export declare class PoDragHandleButtonComponent {
+    readonly sizeInput: import("@angular/core").InputSignal<string>;
+    readonly literals: any;
+    private readonly themeChangeSignal;
+    readonly resolvedSize: import("@angular/core").Signal<PoButtonSize>;
+    protected onThemeChange(): void;
+}

package/lib/directives/po-drag-drop/po-drag.directive.d.ts

@@ -0,0 +1,55 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import { PoDragBaseDirective } from './po-drag-base.directive';
+/**
+ * @docsExtends PoDragBaseDirective
+ *
+ * @description
+ *
+ * A diretiva `p-drag` torna um elemento arrastável, encapsulando o `CdkDrag` do Angular CDK.
+ *
+ * Ela pode ser usada em conjunto com a diretiva `p-drop-list`. O valor atribuído ao seletor (`p-drag`)
+ * corresponde ao dado do item, que é emitido nos eventos de drag.
+ *
+ * > Atualmente validada com o componente `po-widget`. O suporte a outros componentes
+ * > PO UI será avaliado em versões futuras.
+ *
+ * @example
+ *
+ * <example name="po-drag-basic" title="PO Drag Basic" >
+ *  <file name="sample-po-drag-basic/sample-po-drag-basic.component.html"> </file>
+ *  <file name="sample-po-drag-basic/sample-po-drag-basic.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-drop-list-vertical" title="PO Drop List - Vertical (Kanban)" >
+ *  <file name="sample-po-drop-list-vertical/sample-po-drop-list-vertical.component.html"> </file>
+ *  <file name="sample-po-drop-list-vertical/sample-po-drop-list-vertical.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-drop-list-horizontal" title="PO Drop List - Horizontal (Pipeline)" >
+ *  <file name="sample-po-drop-list-horizontal/sample-po-drop-list-horizontal.component.html"> </file>
+ *  <file name="sample-po-drop-list-horizontal/sample-po-drop-list-horizontal.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-drop-list-mixed" title="PO Drop List - Mixed (Dashboard)" >
+ *  <file name="sample-po-drop-list-mixed/sample-po-drop-list-mixed.component.html"> </file>
+ *  <file name="sample-po-drop-list-mixed/sample-po-drop-list-mixed.component.ts"> </file>
+ * </example>
+ *
+ */
+export declare class PoDragDirective extends PoDragBaseDirective implements OnInit, OnDestroy {
+    private readonly cdkDrag;
+    private readonly el;
+    private readonly renderer;
+    private readonly injector;
+    private readonly envInjector;
+    private readonly appRef;
+    private readonly parentDropList;
+    private handleRef;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private appendHandle;
+    private destroyHandle;
+    private removeTooltipOnDragStart;
+    private appendItemHover;
+}

package/lib/directives/po-drag-drop/po-drop-list-base.directive.d.ts

@@ -0,0 +1,90 @@
+import { PoDragEnterEvent, PoDraggableItem, PoDropEvent } from './interfaces/po-draggable-item.interface';
+export declare abstract class PoDropListBaseDirective {
+    /**
+     * @description
+     *
+     * Lista de itens gerenciada pelo container. A diretiva muta este array
+     * diretamente ao reordenar ou transferir itens entre containers.
+     *
+     * O array atualizado é refletido no evento `p-dropped`.
+     */
+    items: import("@angular/core").InputSignal<PoDraggableItem[]>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Identificador único do container. Utilizado para conectar múltiplos
+     * containers via `p-drop-list-connected-to`.
+     *
+     */
+    dropListId: import("@angular/core").InputSignal<string>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Desabilita o drag para os elementos dentro do container.
+     * Quando `true`, seus elementos não poderão ser arrastados, porém elementos de outros containers poderão ser arrastados para dentro dele.
+     *
+     * @default false
+     */
+    dropListDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Lista de containers conectados. Aceita um array de ids (`string`). Quando configurado,
+     * itens podem ser arrastados entre os containers listados.
+     */
+    dropListConnectedTo: import("@angular/core").InputSignal<string[]>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Orientação dos itens dentro do container. Afeta a lógica de sombra de
+     * posicionamento do Angular CDK durante o arraste.
+     *
+     * Valores aceitos: `'horizontal'` | `'vertical'` | `'mixed'`.
+     *
+     * @default `'vertical'`
+     */
+    dropListOrientation: import("@angular/core").InputSignal<"horizontal" | "vertical" | "mixed">;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Desabilita a reordenação automática dos itens durante o arraste.
+     *
+     * Quando `true`, permite arrastar o item sem alterar sua posição na lista de origem.
+     * A transferência de itens entre containers conectados continua funcionando.
+     *
+     * Use esta propriedade quando a reordenação dos itens for realizada por uma lógica
+     * personalizada do consumidor.
+     *
+     * @default false
+     */
+    dropSortingDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido quando um item é solto dentro deste container.
+     * Contém os índices anterior e atual, o item movido e os ids dos
+     * containers de origem e destino.
+     */
+    dropped: import("@angular/core").OutputEmitterRef<PoDropEvent>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido quando um item externo entra neste container durante o arraste.
+     * Contém o item que entrou e o id do container de origem.
+     */
+    dragEntered: import("@angular/core").OutputEmitterRef<PoDragEnterEvent<PoDraggableItem>>;
+}

package/lib/directives/po-drag-drop/po-drop-list.directive.d.ts

@@ -0,0 +1,33 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { PoDropListBaseDirective } from './po-drop-list-base.directive';
+/**
+ * @docsExtends PoDropListBaseDirective
+ *
+ * @description
+ *
+ * A diretiva `p-drop-list` define um container onde componentes `po-widget` podem ser
+ * arrastados e reorganizados, encapsulando o `CdkDropList` do Angular CDK.
+ *
+ * Permite:
+ * - Reordenação de `po-widget` dentro de um único container.
+ * - Transferência de `po-widget` entre containers conectados via `p-drop-list-connected-to`.
+ * - Itens individuais desabilitados via `p-drag-disabled` na diretiva `p-drag`.
+ *
+ * > Atualmente esta diretiva é suportada para uso com `po-widget`.
+ * > O suporte a outros componentes será avaliado em versões futuras.
+ *
+ * > A diretiva não impõe nenhum estilo de layout (flex, grid etc.). O layout
+ * > é responsabilidade do consumidor.
+ */
+export declare class PoDropListDirective extends PoDropListBaseDirective implements OnInit, OnDestroy {
+    private readonly cdkDropList;
+    private readonly subscriptions;
+    /** Último índice confirmado pelo evento sorted. Usado para corrigir o currentIndex
+     *  do dropped, que pode ficar dessincronizado em listas horizontais com itens de
+     *  tamanhos diferentes (ping-pong do CDK). */
+    private lastSortedIndex;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private handleDrop;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "21.30.0",
+  "version": "21.31.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~21.2.14",
-    "@po-ui/style": "21.30.0",
-    "@po-ui/ng-schematics": "21.30.0",
+    "@po-ui/style": "21.31.0",
+    "@po-ui/ng-schematics": "21.31.0",
     "driver.js": "~1.4.0",
     "echarts": "^6.1.0",
     "tslib": "^2.6.2"
@@ -39,7 +39,7 @@
     "@angular/platform-browser-dynamic": "^21",
     "@angular/router": "^21",
     "@angular-devkit/schematics": "^21",
-    "@po-ui/style": "21.30.0",
+    "@po-ui/style": "21.31.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.30.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.31.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.30.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.31.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.30.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.31.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.30.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.31.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.30.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.31.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.30.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.31.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.30.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.31.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.30.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.31.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.30.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.31.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),