@po-ui/ng-components 21.8.0 → 21.10.0

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

@@ -0,0 +1,208 @@
+import { AfterViewInit, AfterViewChecked, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
+import { PoTimerBaseComponent } from './po-timer-base.component';
+/** Tipo dos eixos das colunas. */
+type PoTimerColumnType = 'hour' | 'minute' | 'second' | 'period';
+/**
+ * @docsPrivate
+ *
+ * @docsExtends PoTimerBaseComponent
+ *
+ * @example
+ *
+ * <example name="po-timer-basic" title="PO Timer Basic">
+ *  <file name="sample-po-timer-basic/sample-po-timer-basic.component.html"> </file>
+ *  <file name="sample-po-timer-basic/sample-po-timer-basic.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-timer-labs" title="PO Timer Labs">
+ *  <file name="sample-po-timer-labs/sample-po-timer-labs.component.html"> </file>
+ *  <file name="sample-po-timer-labs/sample-po-timer-labs.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-timer-alarm" title="PO Timer - Alarm">
+ *  <file name="sample-po-timer-alarm/sample-po-timer-alarm.component.html"> </file>
+ *  <file name="sample-po-timer-alarm/sample-po-timer-alarm.component.ts"> </file>
+ * </example>
+ *
+ * <example name="po-timer-shift" title="PO Timer - Shift">
+ *  <file name="sample-po-timer-shift/sample-po-timer-shift.component.html"> </file>
+ *  <file name="sample-po-timer-shift/sample-po-timer-shift.component.ts"> </file>
+ * </example>
+ */
+export declare class PoTimerComponent extends PoTimerBaseComponent implements OnInit, OnChanges, AfterViewInit, AfterViewChecked, OnDestroy {
+    hourCells: QueryList<ElementRef>;
+    minuteCells: QueryList<ElementRef>;
+    secondCells: QueryList<ElementRef>;
+    periodCells: QueryList<ElementRef>;
+    hourItemsRefs: QueryList<ElementRef<HTMLElement>>;
+    minuteItemsRefs: QueryList<ElementRef<HTMLElement>>;
+    secondItemsRefs: QueryList<ElementRef<HTMLElement>>;
+    displayHours: Array<number>;
+    displayMinutes: Array<number>;
+    displaySeconds: Array<number>;
+    boundaryTab: EventEmitter<{
+        direction: "forward" | "backward";
+        event: KeyboardEvent;
+        column: PoTimerColumnType;
+    }>;
+    private readonly changeDetector;
+    private readonly ngZone;
+    private readonly domDocument;
+    private hasViewInitialized;
+    private currentRenderedSize;
+    /** ID do requestAnimationFrame pendente para throttle do wheel. */
+    private wheelRafId;
+    /**
+     * Offset atual (em px) de cada coluna, mantido em JS.
+     * O container de itens e posicionado via translateY(-offset).
+     * O offset e mantido sempre no intervalo [sectionHeight, 2*sectionHeight)
+     * para que o salto de reposicionamento seja sempre invisivel (as secoes
+     * sao identicas por serem copias do mesmo array fonte).
+     */
+    private columnOffsets;
+    /**
+     * Indice no displayArray do item focado em cada coluna.
+     * Usado para redirecionar o foco ao botao correto ao entrar na coluna via Tab.
+     */
+    private focusedDisplayIndex;
+    activeDescendantIds: Record<PoTimerColumnType, string>;
+    disabledMinuteCache: Set<number>;
+    disabledSecondCache: Set<number>;
+    constructor();
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    ngAfterViewChecked(): void;
+    ngOnDestroy(): void;
+    onSelectHour(hour: number): void;
+    onSelectMinute(minute: number): void;
+    onSelectSecond(second: number): void;
+    onSelectPeriod(newPeriod: string): void;
+    onCellFocus(type: PoTimerColumnType, displayIndex: number): void;
+    getCellTabIndex(type: PoTimerColumnType, displayIndex: number): number;
+    onCellKeydown(event: KeyboardEvent, type: PoTimerColumnType): void;
+    onPeriodKeydown(event: KeyboardEvent): void;
+    onColumnWheel(event: WheelEvent, type: PoTimerColumnType): void;
+    writeValue(time: string): void;
+    trackByIndex(index: number, _item: number): number;
+    focusFirstVisibleCell(): void;
+    focusLastVisibleCell(): void;
+    initAllColumnOffsets(): void;
+    /**
+     * Posiciona o container de itens na secao do meio do array repetido,
+     * alinhando o item selecionado ao topo da janela visivel.
+     *
+     * Estrutura do array repetido (exemplo sourceLength = 24, repeats = 3):
+     *   [secao 0: itens 0-23] [secao 1: itens 0-23] [secao 2: itens 0-23]
+     *                         ^--- usuario fica aqui (offset em [sH, 2*sH))
+     *
+     * Usar a secao do meio garante que qualquer deslize para cima ou para baixo
+     * tem espaco antes de precisar fazer o wrap.
+     */
+    private initColumnOffset;
+    private getFirstAvailableIndexByType;
+    private getReferenceHourForConstraints;
+    private getReferenceMinuteForConstraints;
+    private isValueDisabledByType;
+    /**
+     * Desloca a coluna pelo numero de passos indicado e aplica o wrap modular.
+     *
+     * O wrap mantem o offset em [sectionHeight, 2*sectionHeight), aproveitando
+     * o fato de que as secoes sao identicas — o salto e impercetivel visualmente.
+     */
+    private scrollColumnByStep;
+    private wrapOffset;
+    private getCellStep;
+    /**
+     * Foca o botao nativo (<button> interno ao po-button) no indice indicado
+     * do displayArray da coluna. O po-button tem tabindex=-1 para nao aparecer
+     * no fluxo natural do Tab, mas pode receber foco programatico.
+     */
+    private focusButtonAt;
+    private focusActiveButton;
+    private computeTopDisplayIndex;
+    /**
+     * Foca a proxima coluna visivel do componente.
+     * Se a coluna atual for a ultima, nao cancela o evento e deixa o browser
+     * mover o foco para o proximo elemento focavel apos o componente.
+     */
+    private focusNextColumn;
+    /**
+     * Foca a coluna anterior visivel do componente.
+     * Se a coluna atual for a primeira, nao cancela o evento e deixa o browser
+     * mover o foco para o elemento focavel antes do componente.
+     */
+    private focusPreviousColumn;
+    /**
+     * Retorna, em ordem DOM, os elementos focaveis de todas as colunas visiveis.
+     * Inclui o div da coluna AM/PM (se visivel), cujos botoes internos recebem
+     * o foco diretamente pois nao usam o padrao de roving focus.
+     */
+    private getVisibleColumnTypes;
+    private getCellsForType;
+    /** Atualiza aria-activedescendant para o indice focado no displayArray. */
+    private updateActiveDescendant;
+    /**
+     * Move o foco para o proximo item habilitado na direcao indicada.
+     * So aplica translate quando o item focado fica parcial ou totalmente fora da viewport.
+     */
+    private moveFocusByStep;
+    private movePeriodFocusByStep;
+    private selectFocusedPeriod;
+    private getFocusableDisplayIndex;
+    /** Seleciona o item atualmente focado na coluna. */
+    private selectFocusedItem;
+    private shouldTranslateToRevealFocusedItem;
+    private getStepsToRevealFocusedItem;
+    private getColumnViewportHeight;
+    private getNextEnabledDisplayIndex;
+    private getForwardDistance;
+    private getNormalizedDisplayIndex;
+    private getDisplayIndexForSourceNearViewport;
+    private getItemsElement;
+    private normalizeFocusedIndex;
+    private getNormalizedFocusedIndex;
+    private getCurrentFocusedDisplayIndex;
+    private getDomFocusedDisplayIndex;
+    private isDisplayIndexDisabled;
+    private getSelectedValue;
+    private buildDisplayArrays;
+    /** Reconstroi os caches de minutos e segundos desabilitados. */
+    private rebuildDisabledCaches;
+    private getFirstAvailableMinuteForCurrentHour;
+    private getFirstAvailableSecondForCurrentHourAndMinute;
+    private realignColumnsToSelection;
+    private refreshRovingTabIndex;
+    private repeatArray;
+    private getSourceArray;
+    private getDisplayArray;
+    /**
+     * Propaga atributos ARIA (role, aria-selected, aria-setsize, aria-posinset)
+     * dos elementos host <po-button> para os elementos nativos <button> internos,
+     * garantindo que leitores de tela como NVDA recebam a semantica correta.
+     *
+     * Usa a secao fixa do meio [sourceLength, 2*sourceLength) como canonica.
+     * Quando o item focado esta fora dessa secao (na fronteira do infinity scroll),
+     * ele substitui o item equivalente na secao fixa para manter exatamente
+     * sourceLength itens com role="option".
+     *
+     * Duplicatas recebem aria-hidden="true" e role="none" no <button> nativo
+     * (nao apenas no host <po-button>), pois NVDA ignora aria-hidden em
+     * elementos customizados e conta <button> filhos de role="listbox".
+     */
+    private syncAriaToNativeButtons;
+    /**
+     * Determina se um item do displayArray e canonico para fins de ARIA.
+     *
+     * - Sem infinity scroll: todos sao canonicos.
+     * - Com infinity scroll: a secao que contem o item focado e canonica.
+     */
+    private isCanonicalDisplayItem;
+    /**
+     * Sincroniza os atributos ARIA de um unico par host/nativeButton.
+     * Chamado tanto por syncAriaToNativeButtons (batch) quanto por
+     * focusButtonAt (antes do .focus()) para evitar leitura duplicada.
+     */
+    private syncSingleButtonAria;
+}
+export {};

package/lib/components/po-timer/po-timer.literals.d.ts

@@ -0,0 +1,22 @@
+export declare const poTimerLiterals: {
+    en: {
+        hours: string;
+        minutes: string;
+        seconds: string;
+    };
+    es: {
+        hours: string;
+        minutes: string;
+        seconds: string;
+    };
+    pt: {
+        hours: string;
+        minutes: string;
+        seconds: string;
+    };
+    ru: {
+        hours: string;
+        minutes: string;
+        seconds: string;
+    };
+};

package/lib/components/po-timer/po-timer.module.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @description
+ * Módulo do componente `po-timer`.
+ */
+export declare class PoTimerModule {
+}

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

@@ -16,11 +16,13 @@ import { PoWidgetBaseComponent } from './po-widget-base.component';
  * <example name="po-widget-labs" title="PO Widget Labs">
  *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.html"> </file>
  *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.ts"> </file>
+ *  <file name="sample-po-widget-labs/sample-po-widget-labs.component.css"> </file>
  * </example>
  *
  * <example name="po-widget-finance-dashboard" title="PO Widget - Finance dashboard">
  *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.html"> </file>
  *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.ts"> </file>
+ *  <file name="sample-po-widget-finance-dashboard/sample-po-widget-finance-dashboard.component.css"> </file>
  * </example>
  *
  * <example name="po-widget-card" title="PO Widget - Card">

package/lib/enums/po-caption-tag-color.enum.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Enum que define as 35 Caption Tag Colors disponíveis para uso nos componentes.
+ *
+ * Estas cores são organizadas em 7 famílias (tag-01 a tag-07), cada uma com 5 variantes
+ * (lighter, light, base, dark, darker), totalizando 35 cores.
+ */
+export declare enum PoCaptionTagColorEnum {
+    CaptionTag01 = "caption-tag-01",
+    CaptionTag02 = "caption-tag-02",
+    CaptionTag03 = "caption-tag-03",
+    CaptionTag04 = "caption-tag-04",
+    CaptionTag05 = "caption-tag-05",
+    CaptionTag06 = "caption-tag-06",
+    CaptionTag07 = "caption-tag-07",
+    CaptionTag08 = "caption-tag-08",
+    CaptionTag09 = "caption-tag-09",
+    CaptionTag10 = "caption-tag-10",
+    CaptionTag11 = "caption-tag-11",
+    CaptionTag12 = "caption-tag-12",
+    CaptionTag13 = "caption-tag-13",
+    CaptionTag14 = "caption-tag-14",
+    CaptionTag15 = "caption-tag-15",
+    CaptionTag16 = "caption-tag-16",
+    CaptionTag17 = "caption-tag-17",
+    CaptionTag18 = "caption-tag-18",
+    CaptionTag19 = "caption-tag-19",
+    CaptionTag20 = "caption-tag-20",
+    CaptionTag21 = "caption-tag-21",
+    CaptionTag22 = "caption-tag-22",
+    CaptionTag23 = "caption-tag-23",
+    CaptionTag24 = "caption-tag-24",
+    CaptionTag25 = "caption-tag-25",
+    CaptionTag26 = "caption-tag-26",
+    CaptionTag27 = "caption-tag-27",
+    CaptionTag28 = "caption-tag-28",
+    CaptionTag29 = "caption-tag-29",
+    CaptionTag30 = "caption-tag-30",
+    CaptionTag31 = "caption-tag-31",
+    CaptionTag32 = "caption-tag-32",
+    CaptionTag33 = "caption-tag-33",
+    CaptionTag34 = "caption-tag-34",
+    CaptionTag35 = "caption-tag-35"
+}

package/package.json

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