@po-ui/ng-components 21.3.0 → 21.4.0

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

@@ -123,6 +123,15 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
      * @default `false`
      */
     optional: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Mensagem que aparecerá enquanto o campo não estiver preenchido.
+     */
+    set placeholder(value: string | PoDatepickerRange);
+    get placeholder(): PoDatepickerRange;
     /**
      * @optional
      *
@@ -220,9 +229,11 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
     private _noAutocomplete?;
     private _readonly;
     private _required?;
+    private _loading?;
     private _startDate?;
     private _locale?;
     private _size?;
+    private _placeholder;
     private language;
     private onChangeModel;
     private validatorChange;
@@ -296,6 +307,17 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
      */
     set literals(value: PoDatepickerRangeLiterals);
     get literals(): PoDatepickerRangeLiterals;
+    /**
+     * @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;
+    get isDisabled(): boolean;
     /**
      * @optional
      *
@@ -393,6 +415,7 @@ export declare abstract class PoDatepickerRangeBaseComponent implements ControlV
     constructor(changeDetector: ChangeDetectorRef, poDateService: PoDateService, languageService: PoLanguageService);
     ngOnDestroy(): void;
     setDisabledState(isDisabled: boolean): void;
+    mapSizeToIcon(size: string): string;
     registerOnChange(func: any): void;
     registerOnTouched(func: any): void;
     registerOnValidatorChange?(fn: () => void): void;

package/lib/components/po-field/po-datepicker-range/po-datepicker-range.component.d.ts

@@ -2,6 +2,7 @@ import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, SimpleChanges
 import { PoDatepickerRange } from './interfaces/po-datepicker-range.interface';
 import { PoDatepickerRangeBaseComponent } from './po-datepicker-range-base.component';
 import { PoHelperComponent } from '../../po-helper';
+import { PoButtonComponent } from '../../po-button';
 /**
  * @docsExtends PoDatepickerRangeBaseComponent
  *
@@ -37,9 +38,11 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     dateRangeField: ElementRef;
     endDateInput: ElementRef;
     startDateInput: ElementRef;
-    iconCalendar: ElementRef;
+    iconCalendar: PoButtonComponent;
     calendarPicker: ElementRef;
     helperEl?: PoHelperComponent;
+    iconClean: ElementRef<HTMLElement>;
+    id: string;
     isCalendarVisible: boolean;
     private clickListener;
     private eventResizeListener;
@@ -62,6 +65,7 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     clear(): void;
+    clearAndFocus(): void;
     emitAdditionalHelp(): void;
     eventOnClick($event: any): void;
     /**
@@ -90,6 +94,8 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     }): void;
     onFocus(event: any): void;
     onKeydown(event?: any): void;
+    onKeyPress(event: any): void;
+    onKeydownDatepickerRange($event?: any): void;
     onKeyup(event: any): void;
     resetDateRangeInputValidation(): void;
     /**
@@ -120,10 +126,12 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     showAdditionalHelp(): boolean;
     toggleCalendar(): void;
     updateScreenByModel(model: PoDatepickerRange): void;
+    onCalendarKeyDown(event: KeyboardEvent): void;
     setHelper(label?: string, additionalHelpTooltip?: string): {
         hideAdditionalHelp: boolean;
         helperSettings?: any;
     };
+    setCalendarPosition(): void;
     private applyFocusOnDatePickerRangeField;
     private formatDate;
     private formatScreenToModel;
@@ -135,6 +143,7 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     private initializeListeners;
     private isAdditionalHelpEventTriggered;
     private isEqualBeforeValue;
+    private isFocusOnFirstCombo;
     private isSetFocusOnBackspace;
     private onScroll;
     private removeFocusFromDatePickerRangeField;
@@ -143,7 +152,6 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     private setFocusAndPosition;
     private focusOnElement;
     private removeListeners;
-    private setCalendarPosition;
     private setFocusOnArrowLeft;
     private setFocusOnArrowRight;
     private setFocusOnBackspace;
@@ -152,4 +160,5 @@ export declare class PoDatepickerRangeComponent extends PoDatepickerRangeBaseCom
     private updateModelByScreen;
     private verifyFormattedDates;
     private wasClickedOnPicker;
+    closeCalendar(): void;
 }

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

@@ -760,4 +760,5 @@ export declare abstract class PoTableBaseComponent implements OnChanges, OnDestr
     protected abstract changeSizeLoading(): any;
     protected abstract changeHeaderWidth(): any;
     protected abstract getDefaultSpacing(): any;
+    protected abstract reapplySort(): any;
 }

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

@@ -281,6 +281,7 @@ export declare class PoTableComponent extends PoTableBaseComponent implements Af
     private changesAfterDelete;
     protected changeSizeLoading(): void;
     protected getDefaultSpacing(): PoTableColumnSpacing;
+    protected reapplySort(): void;
     private checkChangesItems;
     private checkingIfColumnHasTooltip;
     private countExtraColumns;

package/lib/components/po-widget/index.d.ts

@@ -1,3 +1,4 @@
 export * from './po-widget.component';
+export * from './interfaces/po-widget-avatar.interface';
 export * from './po-widget.module';
 export * from './literals/po-widget-literals';

package/lib/components/po-widget/interfaces/po-widget-avatar.interface.d.ts

@@ -0,0 +1,56 @@
+import { TemplateRef } from '@angular/core';
+/**
+ * @usedBy PoWidgetComponent
+ *
+ * @description
+ *
+ * Interface para definição do avatar no `po-widget`.
+ */
+export interface PoWidgetAvatar {
+    /**
+     * Fonte da imagem que pode ser um caminho local (`./assets/images/logo-black-small.png`)
+     * ou um servidor externo (`https://po-ui.io/assets/images/logo-black-small.png`).
+     */
+    src?: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Tamanho de exibição do componente `po-avatar`.
+     *
+     * Valores válidos:
+     *  - `xs` (24x24)
+     *  - `sm` (32x32)
+     *  - `md` (64x64)
+     *  - `lg` (96x96)
+     *  - `xl` (144x144)
+     *
+     * @default `md`
+     */
+    size?: string;
+    /**
+     * Permite a criação de template customizado para o avatar
+     *
+     * ```
+     * <po-widget
+     *  [p-avatar]="{ customTemplate: customAvatar }"
+     * />
+     *
+     * <ng-template #customAvatar>
+     *   ...
+     * </ng-template>
+     * ```
+     */
+    customTemplate?: TemplateRef<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define a largura em porcentagem do `customTemplate`.
+     *
+     * O valor máximo aceito é `50%`.
+     */
+    widthCustomTemplate?: string;
+}

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

@@ -1,6 +1,7 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { PoPopupAction } from '../po-popup';
 import { PoTagType } from '../po-tag';
+import { PoWidgetAvatar } from './interfaces/po-widget-avatar.interface';
 /**
  *
  * @description
@@ -42,6 +43,7 @@ import { PoTagType } from '../po-tag';
  * | `--padding` - `@deprecated 21.x.x`           | Preenchimento do componente                                      | `1rem`                                                                      |
  * | `--padding-header`                           | Preenchimento do header                                          | `var(--spacing-sm) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)`   |
  * | `--padding-body`                             | Preenchimento do body                                            | `var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-sm)`   |
+ * | `--padding-avatar`                           | Preenchimento do avatar                                          | `var(--spacing-sm) 0 var(--spacing-xs) var(--spacing-sm)`                   |
  * | `--padding-footer`                           | Preenchimento do footer                                          | `var(--spacing-xs) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)`   |
  * | `--border-radius`                            | Contém o valor do raio dos cantos do elemento               | `var(--border-radius-md)`                                                   |
  * | `--border-width`                             | Contém o valor da largura dos cantos do elemento            | `var(--border-width-sm)`                                                    |
@@ -49,13 +51,13 @@ import { PoTagType } from '../po-tag';
  * | `--background`                               | Cor de background                                                | `var(--color-neutral-light-00)`                                             |
  * | `--shadow`                                   | Contém o valor da sombra do elemento                             | `var(--shadow-md)`                                                          |
  * | **Hover**                                    |                                                                  |                                                                             |
- * | `--border-color-hover`                       | Cor da borda no estado hover                                     | `var(--color-action-hover)`                                                |
+ * | `--border-color-hover`                       | Cor da borda no estado hover                                     | `var(--color-action-hover)`                                                 |
  * | **Focused**                                  |                                                                  |                                                                             |
  * | `--color-focused`                            | Cor principal no estado de focus                                 | `var(--color-action-default)`                                               |
  * | `--outline-color-focused`               | Cor do outline do estado de focus                                | `var(--color-action-focus)`                                                 |
  *
  */
-export declare abstract class PoWidgetBaseComponent {
+export declare class PoWidgetBaseComponent {
     private _size?;
     /** Descrição da segunda ação. */
     /**
@@ -167,6 +169,20 @@ export declare abstract class PoWidgetBaseComponent {
      * > Para o ícone enquadrar corretamente, deve-se utilizar `font-size: inherit` caso o ícone utilizado não aplique-o.
      */
     tagIcon: string | TemplateRef<void>;
+    /**
+     * @Input p-tag-position
+     *
+     * @optional
+     *
+     * @description
+     * Define o posicionamento da `po-tag` no cabeçalho do Widget:
+     * - `right`: posicionada no canto superior direito do cabeçalho.
+     * - `top`: posicionada à esquerda, acima do título (quando houver).
+     * - `bottom`: posicionada à esquerda, abaixo do título (quando houver).
+     *
+     * @default `right`
+     */
+    tagPosition: import("@angular/core").InputSignalWithTransform<string, string>;
     /**
      * @optional
      *
@@ -192,6 +208,16 @@ export declare abstract class PoWidgetBaseComponent {
      */
     set size(value: string);
     get size(): string;
+    /**
+     * @Input p-avatar
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Define o avatar a ser exibido à esquerda no Widget.
+     */
+    avatar: import("@angular/core").InputSignalWithTransform<PoWidgetAvatar, PoWidgetAvatar>;
     /**
      * @optional
      *
@@ -337,5 +363,6 @@ export declare abstract class PoWidgetBaseComponent {
      */
     set title(value: string);
     get title(): string;
-    abstract setHeight(height: number): any;
+    private transformAvatar;
+    private transformTagPosition;
 }

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

@@ -1,5 +1,5 @@
 import { AfterViewInit, ChangeDetectorRef, ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { PoThemeService } from '../../services';
+import { PoThemeA11yEnum, PoThemeService } from '../../services';
 import { PoButtonComponent } from '../po-button';
 import { PoPopupComponent } from '../po-popup';
 import { PoWidgetBaseComponent } from './po-widget-base.component';
@@ -42,9 +42,13 @@ export declare class PoWidgetComponent extends PoWidgetBaseComponent implements
     tagElement: ElementRef;
     contentContainer: ElementRef<HTMLElement>;
     get showTitleAction(): boolean;
+    avatarSrc: import("@angular/core").Signal<string>;
+    avatarSize: import("@angular/core").Signal<string>;
+    avatarCustomTemplate: import("@angular/core").Signal<import("@angular/core").TemplateRef<any>>;
+    avatarWidthCustomTemplate: import("@angular/core").Signal<string>;
     constructor();
     ngAfterViewInit(): void;
-    get a11Level(): import("../..").PoThemeA11yEnum;
+    get a11Level(): PoThemeA11yEnum;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
     hasTitleHelpOrSetting(): boolean;

package/lib/utils/design-tokens.d.ts

@@ -0,0 +1,17 @@
+export declare const BORDER_WIDTH_NONE = 0;
+export declare const BORDER_WIDTH_SM = 1;
+export declare const BORDER_WIDTH_MD = 2;
+export declare const BORDER_WIDTH_LG = 4;
+export declare const BORDER_WIDTH_XL = 8;
+export declare const SPACING_NONE = 0;
+export declare const SPACING_XXS = 4;
+export declare const SPACING_XS = 8;
+export declare const SPACING_SM = 16;
+export declare const SPACING_MD = 24;
+export declare const SPACING_LG = 32;
+export declare const SPACING_XL = 40;
+export declare const SPACING_2XL = 48;
+export declare const SPACING_3XL = 56;
+export declare const SPACING_4XL = 64;
+export declare const TARGET_SIZE_AAA = 44;
+export declare const TARGET_SIZE_AA = 32;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "21.3.0",
+  "version": "21.4.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~21.0.3",
-    "@po-ui/style": "21.3.0",
-    "@po-ui/ng-schematics": "21.3.0",
+    "@po-ui/style": "21.4.0",
+    "@po-ui/ng-schematics": "21.4.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.3.0",
+    "@po-ui/style": "21.4.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.3.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '21.4.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.3.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.3.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.3.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.dependeciesChanges),
+        updatePackageJson('21.4.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.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('21.3.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+        return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.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.3.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('21.4.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {