@po-ui/ng-components 21.32.0 → 21.33.0-beta.1

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

@@ -1,4 +1,5 @@
 import { TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
 /**
  * @usedBy PoPopupComponent, PoWidgetComponent
  *
@@ -109,7 +110,29 @@ export interface PoPopupAction {
      *
      * @description
      *
-     * Define uma lista de subitens para criação de menus aninhados.
+     * Define os subitens de um agrupador, criando menus aninhados.
+     *
+     * Aceita dois formatos:
+     *
+     * **Estático** – um *array* de `PoPopupAction` carregado imediatamente:
+     *
+     * ```
+     * { label: 'Relatórios', subItems: [{ label: 'Mensal' }, { label: 'Anual' }] }
+     * ```
+     *
+     * **Assíncrono (lazy loading)** – uma função que recebe o item agrupador e retorna um
+     * `Observable<Array<PoPopupAction>>`. A requisição é disparada **apenas** no momento da expansão
+     * (clique ou atalho de teclado), exibindo placeholders com `po-skeleton` enquanto os dados são carregados:
+     *
+     * ```
+     * {
+     *   label: 'Relatórios',
+     *   subItems: (item) => this.reportService.getReports(item)
+     * }
+     * ```
+     *
+     * > No formato assíncrono, o resultado é armazenado em cache após o primeiro carregamento bem-sucedido.
+     * Em caso de falha, é exibida uma mensagem com a opção de tentar novamente.
      *
      * Ao definir esta propriedade, o item exibirá um ícone indicador de subnível.
      * Recomenda-se utilizar no máximo três níveis hierárquicos para garantir a usabilidade.
@@ -120,6 +143,6 @@ export interface PoPopupAction {
      *
      * > Em subníveis aninhados, o `icon` do agrupador é substituído pelo indicador de navegação (seta).
      */
-    subItems?: Array<PoPopupAction>;
+    subItems?: Array<PoPopupAction> | ((item: PoPopupAction) => Observable<Array<PoPopupAction>>);
     $subItemTemplate?: TemplateRef<any>;
 }

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import { Observable } from 'rxjs';
 import { PoPopupAction } from './po-popup-action.interface';
 /**
  * @description
@@ -78,10 +79,16 @@ export declare class PoPopupBaseComponent {
     private _position?;
     private _size?;
     private _target;
+    rootLazyLoad?: () => Observable<Array<PoPopupAction>>;
     get computedListboxSubitems(): boolean;
     templateIcon: boolean;
-    /** Lista de ações que serão exibidas no componente. */
-    set actions(value: Array<PoPopupAction>);
+    /**
+     * Lista de ações que serão exibidas no componente.
+     *
+     * Aceita um *array* de `PoPopupAction` (carregado imediatamente) ou uma função que retorna um
+     * `Observable<Array<PoPopupAction>>`, carregando o nível raiz de forma assíncrona na abertura.
+     */
+    set actions(value: Array<PoPopupAction> | (() => Observable<Array<PoPopupAction>>));
     get actions(): Array<PoPopupAction>;
     /**
      * @optional
@@ -208,7 +215,52 @@ export declare class PoPopupBaseComponent {
      */
     set target(value: any);
     get target(): any;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao fechar o popup.
+     */
     closeEvent: EventEmitter<any>;
-    clickItem: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado a cada clique em um item do menu.
+     *
+     * Recebe o item clicado (`PoPopupAction`).
+     *
+     * > Não é disparado para a ação interna de voltar (`goBack`).
+     */
+    clickItem: EventEmitter<PoPopupAction>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao abrir o popup.
+     */
     openEvent: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado no momento em que a requisição assíncrona de um subnível é iniciada
+     * (quando `subItems` é definido como função que retorna um `Observable`).
+     *
+     * Recebe o item agrupador (`PoPopupAction`) que originou o carregamento.
+     */
+    subItemsLoad: EventEmitter<PoPopupAction>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado no momento em que a requisição assíncrona do nível raiz é iniciada
+     * (quando `p-actions` é definido como função que retorna um `Observable`).
+     */
+    rootItemsLoad: EventEmitter<void>;
 }

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

@@ -41,7 +41,10 @@ export declare class PoPopupComponent extends PoPopupBaseComponent implements Af
      *
      * > Por padrão, este comportamento é acionado somente ao clicar fora do componente ou em determinada ação / url.
      */
-    close(): void;
+    close(closeEvent?: {
+        reason?: string;
+        origin?: string;
+    }): void;
     onActionClick(popupAction: PoPopupAction): void | Promise<boolean>;
     /**
      * Abre o componente *popup*.
@@ -62,7 +65,9 @@ export declare class PoPopupComponent extends PoPopupBaseComponent implements Af
     protected checkAllActionIsInvisible(): boolean;
     private clickedOutDisabledItem;
     private clickedOutHeaderTemplate;
+    private isEventInsideElement;
     private clickedOutTarget;
+    private clickedOutPopup;
     private closePopupOnClickout;
     private elementContains;
     private hasContentToShow;
@@ -72,4 +77,5 @@ export declare class PoPopupComponent extends PoPopupBaseComponent implements Af
     private removeListeners;
     private setPosition;
     private validateInitialContent;
+    private focusTarget;
 }

package/lib/components/po-tree-view/po-tree-view-base.component.d.ts

@@ -1,17 +1,55 @@
-import { EventEmitter } from '@angular/core';
 import { PoTreeViewItem } from './po-tree-view-item/po-tree-view-item.interface';
 /**
  * @description
  *
- * O componente fornece um modelo de visualização em árvore, possibilitando a visualização das informações de maneira
- * hierárquica, desta forma sendo possível utilizar até 4 níveis.
+ * O componente fornece um modelo de visualização em árvore, possibilitando a exibição de informações de maneira
+ * hierárquica com suporte a múltiplos níveis (configurável via `p-max-level`).
  *
- * Nele é possível navegar entre os itens através da tecla *tab*, permitindo expandir ou colapsar o item em foco
- * por meio das teclas *enter* e *space*.
+ * O componente permite:
+ * - Navegação completa por teclado seguindo o padrão WAI-ARIA TreeView;
+ * - Expansão e recolhimento de itens agrupadores;
+ * - Seleção múltipla (checkbox) ou única (radio) dos itens;
+ * - Exibição de ícones automáticos para agrupadores e itens finais;
+ * - Estado desabilitado global ou individual por item;
+ * - Execução de itens finais via clique ou teclado.
  *
- * Além da navegação, o componente possibilita também a seleção dos itens do primeiro ao último nível, tanto de forma parcial como completa.
+ * #### Navegação por teclado
  *
- * O componente também possui eventos disparados ao marcar/desmarcar e expandir/colapsar os itens.
+ * | Tecla                 | Descrição                                                                                                 |
+ * |-----------------------|-----------------------------------------------------------------------------------------------------------|
+ * | **Tab**               | Entra no componente posicionando o foco no primeiro nó ativo. Ao pressionar novamente, sai do componente. |
+ * | **ArrowDown**         | Move o foco para o próximo nó visível.                                                                    |
+ * | **ArrowUp**           | Move o foco para o nó visível anterior.                                                                   |
+ * | **ArrowRight**        | Se colapsado, expande o nó. Se expandido, move o foco para o nó filho.                                    |
+ * | **ArrowLeft**         | Se expandido, recolhe o nó. Se filho, move o foco para o nó pai.                                          |
+ * | **Home**              | Move o foco para o primeiro nó visível.                                                                   |
+ * | **End**               | Move o foco para o último nó visível.                                                                     |
+ * | **Enter / Space**     | Com `p-selectable`: alterna a seleção do item. Sem `p-selectable`: executa o item final.                  |
+ * | **Caractere**         | Move o foco para o próximo nó cujo label inicia com o caractere pressionado (busca cíclica).              |
+ *
+ * #### 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                                    |
+ * |----------------------------------------|-------------------------------------------------------|-------------------------------------------------|
+ * | **Default**                            |                                                       |                                                 |
+ * | `--background-color`                   | Cor de background do item                             | `var(--color-neutral-light-00)`                 |
+ * | `--divider-color`                      | Cor do divider dos agrupadores de nível 0             | `var(--color-neutral-mid-40)`                   |
+ * | `--font-family`                        | Família tipográfica                                   | `var(--font-family-theme)`                      |
+ * | `--font-size`                          | Tamanho da fonte                                      | `var(--font-size-default)`                      |
+ * | `--line-height`                        | Altura da linha                                       | `var(--line-height-md)`                         |
+ * | `--color`                              | Cor padrão do item                                    | `var(--color-action-default)`                   |
+ * | **Hover**                              |                                                       |                                                 |
+ * | `--color-hover`                        | Cor do item em hover                                  | `var(--color-action-hover)`                     |
+ * | **Pressed**                            |                                                       |                                                 |
+ * | `--color-pressed`                      | Cor do item em pressed                                | `var(--color-action-pressed)`                   |
+ * | **Disabled**                           |                                                       |                                                 |
+ * | `--color-disabled`                     | Cor do item desabilitado                              | `var(--color-action-disabled)`                  |
+ * | **Selected**                           |                                                       |                                                 |
+ * | `--title-color`                        | Cor do label quando selecionado                       | `var(--color-action-focus)`                     |
  */
 export declare class PoTreeViewBaseComponent {
     /**
@@ -19,112 +57,155 @@ export declare class PoTreeViewBaseComponent {
      *
      * @description
      *
-     * Ação que será disparada ao colapsar um item.
+     * Define o tamanho dos componentes de formulário:
+     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
+     * - `medium`: aplica a medida medium de cada componente.
      *
-     * > Como parâmetro o componente envia o item colapsado.
+     * > 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`
      */
-    collapsed: EventEmitter<PoTreeViewItem>;
+    readonly componentsSizeInput: import("@angular/core").InputSignal<string>;
     /**
      * @optional
      *
      * @description
      *
-     * Ação que será disparada ao expandir um item.
+     * Desabilita o componente inteiro.
      *
-     * > Como parâmetro o componente envia o item expandido.
+     * Quando `true`, todos os itens do tree-view serão exibidos no estado desabilitado,
+     * independentemente do valor individual da propriedade `disabled` de cada item.
+     *
+     * > O botão de expansão/recolhimento (arrow) permanece interativo mesmo quando o componente está desabilitado.
+     *
+     * @default `false`
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
+    /**
+     * Lista de itens do tipo `PoTreeViewItem` que será renderizada pelo componente.
+     *
+     * > Consulte a documentação de `PoTreeViewItem` para detalhes sobre as propriedades disponíveis em cada item.
      */
-    expanded: EventEmitter<PoTreeViewItem>;
+    readonly inputedItems: import("@angular/core").InputSignal<PoTreeViewItem[]>;
     /**
      * @optional
      *
      * @description
      *
-     * Ação que será disparada ao selecionar um item.
+     * Define o máximo de níveis para o tree-view.
      *
-     * > Como parâmetro o componente envia o item selecionado.
+     * > O valor padrão é 4
+     *
+     * @default 4
      */
-    selected: EventEmitter<PoTreeViewItem>;
+    readonly maxLevel: import("@angular/core").InputSignalWithTransform<number, number>;
     /**
      * @optional
      *
      * @description
      *
-     * Ação que será disparada ao desfazer a seleção de um item.
+     * Remove a borda do container do componente.
      *
-     * > Como parâmetro o componente envia o item que foi desmarcado.
+     * @default false
      */
-    unselected: EventEmitter<PoTreeViewItem>;
-    private _componentsSize;
-    private _initialComponentsSize;
-    private _items;
-    private _selectable;
-    private _maxLevel;
-    private _singleSelect;
-    selectedValue: string | number;
+    readonly noBorder: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
     /**
      * @optional
      *
      * @description
      *
-     * Define o tamanho dos componentes de formulário:
-     * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA).
-     * - `medium`: aplica a medida medium de cada componente.
+     * Habilita uma caixa de seleção para selecionar e/ou desmarcar um item da lista.
      *
-     * > 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).
+     * > Quando habilitado, a propriedade `showIcon` dos itens não será aplicada.
      *
-     * @default `medium`
+     * @default false
      */
-    set componentsSize(value: string);
-    get componentsSize(): string;
+    readonly selectable: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
     /**
-     * Lista de itens do tipo `PoTreeViewItem` que será renderizada pelo componente.
+     * @optional
+     *
+     * @description
+     *
+     * Habilita a seleção para item único atráves de po-radio.
+     *
+     * @default false
      */
-    inputedItems: Array<PoTreeViewItem>;
-    set items(value: Array<PoTreeViewItem>);
-    get items(): Array<PoTreeViewItem>;
+    readonly singleSelect: import("@angular/core").InputSignalWithTransform<boolean, boolean>;
     /**
      * @optional
      *
      * @description
      *
-     * Habilita uma caixa de seleção para selecionar e/ou desmarcar um item da lista.
+     * Ação que será disparada ao colapsar um item.
      *
-     * @default false
+     * > Como parâmetro o componente envia o item colapsado.
      */
-    set selectable(value: boolean);
-    get selectable(): boolean;
+    readonly collapsed: import("@angular/core").OutputEmitterRef<PoTreeViewItem>;
     /**
      * @optional
      *
      * @description
      *
-     * Habilita a seleção para item único atráves de po-radio.
+     * Ação que será disparada ao expandir um item.
      *
-     * @default false
+     * > Como parâmetro o componente envia o item expandido.
      */
-    set singleSelect(value: boolean);
-    get singleSelect(): boolean;
+    readonly expanded: import("@angular/core").OutputEmitterRef<PoTreeViewItem>;
     /**
      * @optional
      *
      * @description
      *
-     * Define o máximo de níveis para o tree-view.
+     * Ação que será disparada ao selecionar um item.
      *
-     * > O valor padrão é 4
+     * > Como parâmetro o componente envia o item selecionado.
+     */
+    readonly selected: import("@angular/core").OutputEmitterRef<PoTreeViewItem>;
+    /**
+     * @optional
      *
-     * @default 4
+     * @description
+     *
+     * Ação que será disparada ao desfazer a seleção de um item.
+     *
+     * > Como parâmetro o componente envia o item que foi desmarcado.
      */
-    set maxLevel(value: number);
-    get maxLevel(): number;
+    readonly unselected: import("@angular/core").OutputEmitterRef<PoTreeViewItem>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Ação que será disparada ao executar um item final (sem `subItems`).
+     *
+     * > Como parâmetro o componente envia o item executado.
+     */
+    readonly activated: import("@angular/core").OutputEmitterRef<PoTreeViewItem>;
+    private _componentsSize;
+    private _items;
+    selectedValue: string | number;
+    protected get componentsSize(): string;
+    protected set items(value: Array<PoTreeViewItem>);
+    protected get items(): Array<PoTreeViewItem>;
+    constructor();
     protected onThemeChange(): void;
     protected emitExpanded(treeViewItem: PoTreeViewItem): void;
     protected emitSelected(treeViewItem: PoTreeViewItem): void;
+    protected emitActivated(treeViewItem: PoTreeViewItem): void;
+    private selectSingleFinalItem;
+    private setSingleFinalSelection;
+    private setSingleSelectionByValue;
+    private getExpandedState;
+    private applyExpandedState;
+    private getSelectedState;
+    private applySelectedState;
+    private getLastSelectedFinalItemValue;
     private addChildItemInParent;
     private addItem;
     private selectAllItems;
     private selectItemBySubItems;
+    private getSelectableSubItems;
     private everyItemSelected;
     private expandParentItem;
     private getItemsByMaxLevel;

package/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.component.d.ts

@@ -1,13 +1,19 @@
+import { AnimationCallbackEvent } from '@angular/core';
 import { PoTreeViewItem } from './po-tree-view-item.interface';
 export declare class PoTreeViewItemComponent {
     private readonly treeViewService;
-    componentsSize: string;
-    item: PoTreeViewItem;
-    selectable: boolean;
-    singleSelect: boolean;
-    selectedValue: string | number;
-    get hasSubItems(): boolean;
-    onClick(event: MouseEvent): void;
-    onSelect(selectedItem: PoTreeViewItem): void;
-    trackByFunction(index: number): number;
+    readonly componentsSize: import("@angular/core").InputSignal<string>;
+    readonly item: import("@angular/core").InputSignal<PoTreeViewItem>;
+    readonly level: import("@angular/core").InputSignal<number>;
+    readonly selectable: import("@angular/core").InputSignal<boolean>;
+    readonly selectedValue: import("@angular/core").InputSignal<string | number>;
+    readonly singleSelect: import("@angular/core").InputSignal<boolean>;
+    protected animateEnter(event: AnimationCallbackEvent): void;
+    protected animateLeave(event: AnimationCallbackEvent): void;
+    protected get hasSubItems(): boolean;
+    protected onClick(): void;
+    protected onSelect(selectedItem: PoTreeViewItem): void;
+    protected onActivate(activatedItem: PoTreeViewItem): void;
+    protected trackByFunction(index: number): number;
+    private animateToggle;
 }

package/lib/components/po-tree-view/po-tree-view-item/po-tree-view-item.interface.d.ts

@@ -6,23 +6,105 @@
  * Interface para definição dos itens do componente `po-tree-view`.
  */
 export interface PoTreeViewItem {
-    /** Desabilita a selecão do item. */
-    /** Texto de exibição do item. */
-    label: string;
-    /** Valor do item que poderá ser utilizado como referência para sua identificação. */
-    value: string | number;
-    /** Expande o item. */
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Desabilita a interação com o item.
+     *
+     * O estado é aplicado somente ao item em que a propriedade está configurada
+     * e não é propagado para seus `subItems`.
+     *
+     * > Itens disabled que não possuem `subItems` são ignorados na navegação por teclado.
+     * Itens disabled que possuem `subItems` continuam participando da navegação, permitindo expandir/recolher.
+     *
+     * @default `false`
+     */
+    disabled?: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Expande o item, exibindo seus `subItems`.
+     *
+     * Quando `true`, o item será renderizado no estado expandido.
+     *
+     * > Sem efeito em itens que não possuem `subItems`.
+     *
+     * @default `false`
+     */
     expanded?: boolean;
     /**
+     * @optional
+     *
+     * @description
+     *
+     * Permite ativar ou desativar a seleção do item.
+     *
+     * Quando `false`, o item não poderá ser selecionado pelo usuário.
+     *
+     * @deprecated v23.x.x use `disabled`
+     */
+    isSelectable?: boolean | null;
+    /**
+     * @description
+     *
+     * Texto de exibição do item.
+     *
+     * O valor é utilizado como `aria-label` do nó e como referência na navegação por caractere do teclado.
+     */
+    label: string;
+    /**
+     * @optional
+     *
+     * @description
+     *
      * Marca o item como selecionado.
      *
-     * > Caso o item que conter `subItems` for selecionado, os seus itens filhos serão também selecionados.
+     * > Caso o item que possuir `subItems` for selecionado, os seus itens filhos serão também selecionados.
+     *
+     * Quando utilizado com `p-single-select`, apenas um item pode estar selecionado por vez.
+     * Ao selecionar outro item, o anteriormente selecionado perde o estado.
+     *
+     * @default `false`
      */
     selected?: boolean | null;
     /**
-     * Permite ativar/desativar a seleção do item
+     * @optional
+     *
+     * @description
+     *
+     * Habilita a exibição de ícone no item.
+     *
+     * Quando `true`, exibe automaticamente:
+     * - `an-folder-simple` para itens agrupadores (que possuem `subItems`).
+     * - `an-file` para itens finais (sem `subItems`).
+     *
+     * > Não funciona em conjunto com `p-selectable`.
+     * Quando `p-selectable` e `showIcon` estiverem configurados como `true`,
+     * `p-selectable` terá precedência.
+     *
+     * @default `false`
+     */
+    showIcon?: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Lista de itens do próximo nível, permitindo a construção hierárquica da árvore.
+     *
+     * A estrutura pode ser aninhada recursivamente até o limite definido pela propriedade `p-max-level` do componente.
      */
-    isSelectable?: boolean | null;
-    /** Lista de itens do próximo nível, e assim consecutivamente até que se atinja o quarto nível. */
     subItems?: Array<PoTreeViewItem>;
+    /**
+     * @description
+     *
+     * Valor do item utilizado como referência para sua identificação.
+     *
+     * Em modo `p-single-select`, este valor é utilizado para determinar qual item está atualmente selecionado.
+     */
+    value: string | number;
 }

package/lib/components/po-tree-view/po-tree-view-item-content/po-tree-view-item-content.component.d.ts

@@ -0,0 +1,36 @@
+import { ElementRef } from '@angular/core';
+import { PoTreeViewItem } from '../po-tree-view-item/po-tree-view-item.interface';
+export declare class PoTreeViewItemContentComponent {
+    private readonly keyboardService;
+    private readonly languageService;
+    protected readonly literals: any;
+    protected inputCheckbox: any;
+    protected lineElement: ElementRef<HTMLElement>;
+    readonly componentsSize: import("@angular/core").InputSignal<string>;
+    readonly item: import("@angular/core").InputSignal<PoTreeViewItem>;
+    readonly level: import("@angular/core").InputSignal<number>;
+    readonly selectable: import("@angular/core").InputSignal<boolean>;
+    readonly selectedValue: import("@angular/core").InputSignal<string | number>;
+    readonly singleSelect: import("@angular/core").InputSignal<boolean>;
+    readonly expanded: import("@angular/core").OutputEmitterRef<void>;
+    readonly selected: import("@angular/core").OutputEmitterRef<PoTreeViewItem>;
+    readonly activated: import("@angular/core").OutputEmitterRef<PoTreeViewItem>;
+    protected idRadio: string;
+    protected isLabelTruncated: boolean;
+    protected get hasSubItems(): boolean;
+    protected get expandIcon(): string;
+    protected get isDisabled(): boolean;
+    protected get isExpanded(): boolean;
+    protected get isSelected(): boolean;
+    protected get itemIcon(): string | undefined;
+    protected onLineFocus(event: FocusEvent): void;
+    protected onLineMouseEnter(event: MouseEvent): void;
+    private updateLabelTruncation;
+    protected onLineClick(event: MouseEvent): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    private handleArrowRight;
+    private handleArrowLeft;
+    private handleSelect;
+    private applyPressedState;
+    private handleCharacterNavigation;
+}

package/lib/components/po-tree-view/po-tree-view-item-content/po-tree-view-item-content.literals.d.ts

@@ -0,0 +1,18 @@
+export declare const poTreeViewItemContentLiterals: {
+    en: {
+        collapse: string;
+        expand: string;
+    };
+    es: {
+        collapse: string;
+        expand: string;
+    };
+    pt: {
+        collapse: string;
+        expand: string;
+    };
+    ru: {
+        collapse: string;
+        expand: string;
+    };
+};

package/lib/components/po-tree-view/po-tree-view.component.d.ts

@@ -1,4 +1,4 @@
-import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { OnInit, AfterViewInit } from '@angular/core';
 import { PoTreeViewBaseComponent } from './po-tree-view-base.component';
 /**
  * @docsExtends PoTreeViewBaseComponent
@@ -25,10 +25,21 @@ import { PoTreeViewBaseComponent } from './po-tree-view-base.component';
  *  <file name="sample-po-tree-view-supermarket/sample-po-tree-view-supermarket.component.ts"> </file>
  * </example>
  */
-export declare class PoTreeViewComponent extends PoTreeViewBaseComponent implements OnInit, OnChanges {
+export declare class PoTreeViewComponent extends PoTreeViewBaseComponent implements OnInit, AfterViewInit {
+    private readonly elementRef;
+    private readonly destroyRef;
     private readonly treeViewService;
-    get hasItems(): boolean;
+    private readonly keyboardService;
+    private readonly languageService;
+    private readonly changeDetector;
+    protected readonly literals: any;
+    protected ariaLiveMessage: string;
+    protected get hasItems(): boolean;
+    constructor();
     ngOnInit(): void;
-    ngOnChanges(changes?: SimpleChanges): void;
-    trackByFunction(index: number): number;
+    ngAfterViewInit(): void;
+    protected onTreeFocus(event: FocusEvent): void;
+    protected onTreeKeydown(event: KeyboardEvent): void;
+    protected trackByFunction(index: number): number;
+    private announce;
 }