@po-ui/ng-components 21.8.0 → 21.9.0

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

@@ -0,0 +1,255 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { PoLanguageService } from '../../services/po-language/po-language.service';
+import { PoTimerFormat } from './enums/po-timer-format.enum';
+/**
+ * @docsPrivate
+ *
+ * @description
+ *
+ * O `po-timer` é um componente de seleção de horário que apresenta colunas de horas, minutos e, opcionalmente, segundos
+ * para que a pessoa usuária escolha um horário de forma intuitiva.
+ *
+ * O componente é recomendado para cenários onde é necessário selecionar um horário específico, podendo ser utilizado
+ * de forma independente ou integrado ao `po-timepicker` como painel flutuante de seleção.
+ *
+ * O valor de saída segue o formato ISO 8601 para horários (`HH:mm` ou `HH:mm:ss`).
+ *
+ * **Importante:**
+ * - Horários fora do intervalo (`p-min-time` / `p-max-time`) aparecem desabilitados sem alterar o *model*.
+ *
+ * #### Boas práticas
+ *
+ * - Utilize o formato de 24 horas quando o contexto for profissional ou técnico (ex: agendamentos, logs).
+ * - Utilize o formato de 12 horas (AM/PM) quando o público-alvo estiver habituado a esse padrão.
+ * - Defina intervalos de minutos adequados ao contexto: intervalos de 5 minutos para agendamentos gerais,
+ *   intervalos de 15 minutos para reuniões, ou intervalos de 1 minuto para precisão.
+ * - Configure limites mínimo e máximo para impedir seleção de horários inválidos no contexto da aplicação.
+ *
+ * #### 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:
+ *
+ * - Navegação por teclado: O componente permite interação via tecla Tab entre as colunas e navegação nas células
+ *   por meio das setas direcionais (Arrow Up/Down).
+ * - Foco visual: A área de foco possui espessura de pelo menos 2 pixels CSS e não é sobreposta por outros elementos da tela,
+ *   garantindo visibilidade para usuários que utilizam teclado.
+ *   [WCAG 2.4.12: Focus Appearance](https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-enhanced)
+ * - Leitores de tela: Cada coluna e célula possui atributos ARIA para correta leitura por leitores de tela
+ *   como NVDA e VoiceOver.
+ *
+ * #### 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                      |
+ * |--------------------------------|------------------------------------------------------|-----------------------------------|
+ * | **Base**                       |                                                      |                                   |
+ * | `--background`                 | Cor de fundo                                         | `var(--color-neutral-light-00)`   |
+ * | `--border-color`               | Cor da borda                                         | `var(--color-neutral-light-20)`   |
+ * | `--border-radius`              | Raio da borda                                        | `var(--border-radius-md)`         |
+ * | `--border-width`               | Largura da borda                                     | `var(--border-width-sm)`          |
+ * | `--shadow`                     | Contém o valor da sombra do elemento                 | `var(--shadow-md)`                |
+ * | **Display**                    |                                                      |                                   |
+ * | `--color-display`              | Cor da fonte do display                              | `var(--color-brand-01-base)`      |
+ * | `--font-weight-display`        | Peso da fonte do display                             | `var(--font-weight-bold)`         |
+ * | `--border-radius-display`      | Raio da borda do display                             | `var(--border-radius-md)`         |
+ * | **Hover**                      |                                                      |                                   |
+ * | `--color-hover-display`        | Cor da fonte do display ao passar o mouse           | `var(--color-brand-01-darkest)`   |
+ * | `--background-hover-display`   | Cor de fundo do display ao passar o mouse           | `var(--color-brand-01-lighter)`   |
+ * | **Focus**                      |                                                      |                                   |
+ * | `--outline-color-focused-display` | Cor do outline do estado de focus                 | `var(--color-brand-01-darkest)`   |
+ * | **Pressed**                    |                                                      |                                   |
+ * | `--background-pressed-display` | Cor de fundo do display ao pressionar               | `var(--color-brand-01-light)`     |
+ * | **Disabled**                   |                                                      |                                   |
+ * | `--color-disabled-display`     | Cor da fonte do display desabilitado                 | `var(--color-neutral-light-30)`   |
+ * | **Transitions**                |                                                      |                                   |
+ * | `--transition-duration`        | Duração da transição do display                      | `var(--duration-extra-fast)`      |
+ * | `--transition-property`        | Atributo da transição do display                     | `all`                             |
+ * | `--transition-timing`          | Tipo de transição do display                         | `var(--timing-standart)`          |
+ */
+export declare class PoTimerBaseComponent implements ControlValueAccessor {
+    protected languageService: PoLanguageService;
+    private _format;
+    private _locale;
+    private _maxTime;
+    private _minTime;
+    private _minuteInterval;
+    private _secondInterval;
+    private _showSeconds;
+    private _size?;
+    private _initialSize;
+    private readonly shortLanguage;
+    protected onChangePropagate: (value: string) => void;
+    protected onTouched: () => void;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao selecionar um horário.
+     * Retorna uma `string` no formato ISO 8601 (`HH:mm` ou `HH:mm:ss`).
+     */
+    change: EventEmitter<string>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define um valor inicial para o componente no formato ISO 8601 (`HH:mm` ou `HH:mm:ss`).
+     */
+    set value(value: string);
+    get value(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o formato de exibição do timer.
+     *
+     * Valores válidos:
+     * - `24`: formato de 24 horas (padrão)
+     * - `12`: formato de 12 horas com indicador AM/PM
+     *
+     * @default `24`
+     */
+    set format(value: PoTimerFormat);
+    get format(): PoTimerFormat;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Idioma do componente.
+     *
+     * > O locale padrão será recuperado com base no [`PoI18nService`](/documentation/po-i18n) ou *browser*.
+     */
+    set locale(locale: string);
+    get locale(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o horário máximo permitido para seleção.
+     * Horários posteriores ao limite ficam desabilitados.
+     *
+     * Formato aceito: `HH:mm` ou `HH:mm:ss`.
+     */
+    set maxTime(value: string);
+    get maxTime(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o horário mínimo permitido para seleção.
+     * Horários anteriores ao limite ficam desabilitados.
+     *
+     * Formato aceito: `HH:mm` ou `HH:mm:ss`.
+     */
+    set minTime(value: string);
+    get minTime(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o intervalo entre os minutos exibidos no painel.
+     *
+     * @default `5`
+     */
+    set minuteInterval(value: number);
+    get minuteInterval(): number;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o intervalo entre os segundos exibidos no painel.
+     * Utilizado apenas quando `p-show-seconds` está ativo.
+     *
+     * @default `1`
+     */
+    set secondInterval(value: number);
+    get secondInterval(): number;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Exibe a coluna de segundos no painel de seleção.
+     *
+     * @default `false`
+     */
+    set showSeconds(value: boolean);
+    get showSeconds(): boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do componente.
+     *
+     * > Caso a acessibilidade AA não esteja configurada, o tamanho `medium` será mantido.
+     * Para mais detalhes, consulte a documentação do [po-theme](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `medium`
+     */
+    set size(value: string);
+    get size(): string;
+    literals: {
+        hours: string;
+        minutes: string;
+        seconds: string;
+    };
+    hours: Array<number>;
+    minutes: Array<number>;
+    seconds: Array<number>;
+    selectedHour: number;
+    selectedMinute: number;
+    selectedSecond: number;
+    period: string;
+    constructor(languageService: PoLanguageService);
+    get is12HourFormat(): boolean;
+    protected onThemeChange(): void;
+    /** Gera a lista de horas disponíveis de acordo com o formato. */
+    protected generateHours(): void;
+    /** Gera a lista de minutos de acordo com o intervalo configurado. */
+    protected generateMinutes(): void;
+    /** Gera a lista de segundos de acordo com o intervalo configurado. */
+    protected generateSeconds(): void;
+    /** Formata um número com dois dígitos. */
+    protected formatValue(value: number): string;
+    /** Verifica se uma hora está desabilitada com base nos limites min/max. */
+    protected isHourDisabled(hour: number): boolean;
+    /** Verifica se um minuto está desabilitado com base nos limites min/max e hora selecionada. */
+    protected isMinuteDisabled(minute: number): boolean;
+    /** Verifica se um segundo está desabilitado com base nos limites min/max, hora e minuto selecionados. */
+    protected isSecondDisabled(second: number): boolean;
+    protected isMinuteAllowedForHour(hour: number, minute: number): boolean;
+    protected isSecondAllowed(hour: number, minute: number, second: number): boolean;
+    /** Gera o valor ISO 8601 com base na seleção atual. */
+    protected buildTimeValue(): string;
+    /** Define o horário a partir de uma string ISO. */
+    setTimeFromString(time: string): void;
+    /** Converte hora 24h para formato de exibicao 12h com periodo. */
+    private convertTo12HourDisplay;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(_isDisabled: boolean): void;
+    protected emitChange(): void;
+    protected callOnTouched(): void;
+    private updateModel;
+    /** Converte hora no formato atual para formato de 24 horas. */
+    protected convertTo24Hour(hour: number): number;
+    /** Extrai componente do tempo (hora, minuto ou segundo) de uma string. */
+    protected parseTimeComponent(time: string, component: 'hour' | 'minute' | 'second'): number;
+    private applySizeBasedOnA11y;
+    private isValidTimeString;
+    private setLiterals;
+}

package/lib/components/po-timer/po-timer-scroll.helper.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @docsPrivate
+ *
+ * Helper com funcoes puras de matematica e layout para o infinity scroll
+ * do po-timer. Nenhuma dessas funcoes acessa estado do componente — recebem
+ * e devolvem apenas valores, facilitando testes unitarios isolados.
+ */
+export declare class PoTimerScrollHelper {
+    /**
+     * Normaliza o offset para o intervalo [sectionHeight, 2 * sectionHeight).
+     *
+     * Matematica:
+     *   mod = ((offset - sH) % sH + sH) % sH  →  resultado em [0, sH)
+     *   retorno = mod + sH                     →  resultado em [sH, 2*sH)
+     *
+     * Funciona para qualquer valor de offset (positivo, negativo, multiplos).
+     */
+    static wrapOffset(offset: number, sectionHeight: number): number;
+    /**
+     * Calcula o passo (em px) por item, incluindo o gap entre itens.
+     *
+     * Para N itens num flex-column com altura H, gap G e padding P:
+     *   scrollHeight = N*H + (N-1)*G + 2*P
+     *   passo = H + G = (scrollHeight - 2*P + G) / N
+     */
+    static getCellStep(itemsEl: HTMLElement, displayCount: number): number;
+    /**
+     * Calcula o indice no displayArray do item visivel no topo a partir do offset.
+     * Usa Math.round para snap ao item mais proximo.
+     */
+    static computeTopDisplayIndex(offset: number, step: number, displayLength: number): number;
+    /**
+     * Repete o array fonte o numero necessario de vezes para manter
+     * o infinity scroll com pelo menos INFINITY_SCROLL_MIN_ITEMS itens.
+     *
+     * Quando o array fonte tem menos de 6 itens, retorna uma copia simples
+     * (sem repeticao), pois o infinity scroll nao e utilizado.
+     */
+    static repeatArray(source: Array<number>): Array<number>;
+}

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "21.8.0",
+  "version": "21.9.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.9.0",
+    "@po-ui/ng-schematics": "21.9.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.9.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.9.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.9.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.9.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.9.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.9.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.9.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.9.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.9.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.9.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.9.0', changes_1.dependeciesChanges),
         (0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
         (0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
         createUpgradeRule(),