@po-ui/ng-components 21.31.0 → 21.33.0

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

@@ -1,5 +1,7 @@
-import { AfterContentInit, DoCheck } from '@angular/core';
+import { AfterContentInit, AfterViewChecked, AnimationCallbackEvent, DoCheck } from '@angular/core';
+import { PoModalComponent } from '../po-modal/po-modal.component';
 import { PoPopupComponent } from '../po-popup/po-popup.component';
+import { PoWidgetSelection } from '../po-widget/interfaces/po-widget-selection.interface';
 import { PoListViewAction } from './interfaces/po-list-view-action.interface';
 import { PoListViewBaseComponent } from './po-list-view-base.component';
 import { PoListViewContentTemplateDirective } from './po-list-view-content-template/po-list-view-content-template.directive';
@@ -14,6 +16,11 @@ import { PoListViewDetailTemplateDirective } from './po-list-view-detail-templat
  *  <file name="sample-po-list-view-basic/sample-po-list-view-basic.component.ts"> </file>
  * </example>
  *
+ * <example name="po-list-view-field-properties" title="PO List View - Field Properties">
+ *  <file name="sample-po-list-view-field-properties/sample-po-list-view-field-properties.component.html"> </file>
+ *  <file name="sample-po-list-view-field-properties/sample-po-list-view-field-properties.component.ts"> </file>
+ * </example>
+ *
  * <example name="po-list-view-labs" title="PO List View Labs">
  *  <file name="sample-po-list-view-labs/sample-po-list-view-labs.component.html"> </file>
  *  <file name="sample-po-list-view-labs/sample-po-list-view-labs.component.ts"> </file>
@@ -25,27 +32,86 @@ import { PoListViewDetailTemplateDirective } from './po-list-view-detail-templat
  *  <file name="sample-po-list-view-hiring-processes/sample-po-list-view-hiring-processes.service.ts"> </file>
  * </example>
  */
-export declare class PoListViewComponent extends PoListViewBaseComponent implements AfterContentInit, DoCheck {
+export declare class PoListViewComponent extends PoListViewBaseComponent implements AfterContentInit, DoCheck, AfterViewChecked {
     private readonly changeDetector;
+    private readonly router;
+    private readonly elementRef;
+    private readonly renderer;
     listViewContentTemplate: PoListViewContentTemplateDirective;
     listViewDetailTemplate: PoListViewDetailTemplateDirective;
+    private readonly avatarProgressTemplate;
+    private readonly avatarIconTemplate;
+    private readonly avatarImageTemplate;
     poPopupComponent: PoPopupComponent;
+    protected detailModal: PoModalComponent;
     popupActions: Array<PoListViewAction>;
+    protected detailModalItem: any;
+    protected detailModalIndex: number;
     private readonly differ;
+    private readonly widgetActionsCache;
+    private cachedActionsRef;
     constructor();
     get hasContentTemplate(): boolean;
     get hasDetailTemplate(): boolean;
     get displayShowMoreButton(): boolean;
     get titleHasAction(): boolean;
+    protected isTitleClickable(item: any): boolean;
+    protected isItemClickable(item: any): boolean;
+    protected isCardFocusable(item: any): boolean;
+    private isSelectionControlClick;
+    protected onItemClick(item: any, event: MouseEvent): void;
+    protected onItemKeyDown(item: any, event: KeyboardEvent): void;
+    protected onTitleKeyDown(item: any, event: KeyboardEvent): void;
+    private updateTitleFocusableElements;
+    private updateTitleAccessibility;
+    private bindTitleFocus;
+    private unbindTitleFocus;
+    private updateSelectionControlsBinding;
+    private updateSelectionControlTabindex;
+    private updateRadioSelectionBinding;
+    private handleSingleSelectionEvent;
+    private updateCheckboxSelectionBinding;
+    private handleCheckboxSelectionEvent;
+    private isConfirmKey;
+    private unbindControlHandler;
+    protected stopPropagation(event?: Event | null): void;
+    protected onAdvancedArrowClick(item: any): void;
+    protected onTitleClick(item: any): void;
     ngAfterContentInit(): void;
     ngDoCheck(): void;
+    ngAfterViewChecked(): void;
     checkTitleType(item: any): "externalLink" | "internalLink" | "noLink";
     getItemTitle(item: any): any;
     hasItems(): boolean;
     returnBooleanValue(listViewAction: PoListViewAction, item: any, property: string): any;
-    trackBy(index: any): any;
+    trackBy(item: any, index: number): any;
+    selectListItem(row: any): void;
+    protected onMultipleSelectionChange(item: any, value: boolean): void;
+    private syncSingleSelectionVisualState;
+    private ensureSingleSelectionConsistency;
+    protected onMultipleSelectionKeydown(item: any, event: KeyboardEvent): void;
+    protected getSelectionConfig(item: any): PoWidgetSelection | undefined;
+    onClickAction(listViewAction: PoListViewAction, item: any): void;
+    protected getItemActionType(item: any): 'advanced' | 'multiple' | 'none';
+    protected getItemTag(item: any): string | undefined;
+    protected getItemTagType(item: any): string;
+    protected getItemSubtitle(item: any): string | undefined;
+    protected getItemHighlighted(item: any): boolean;
+    protected getItemAvatar(item: any): any;
+    protected getAvatarType(item: any): string;
+    protected onAvatarImageError(wrapper?: HTMLElement): void;
+    protected onAvatarImageLoad(event: Event, wrapper?: HTMLElement): void;
+    private hideInvalidAvatarIcons;
+    private collapseAvatarContainer;
+    private restoreAvatarContainer;
+    private isIconGlyphEmpty;
+    protected getAvatarData(item: any): any;
+    protected getWidgetActions(item: any): Array<any>;
     togglePopup(item: any, targetRef: HTMLElement): void;
-    onAnimationEvent(event: AnimationEvent, detail: any): void;
+    protected animateDetailEnter(event: AnimationCallbackEvent, item: any): void;
+    protected animateDetailLeave(event: AnimationCallbackEvent): void;
+    protected openDetailModal(item: any, index: number): void;
+    protected onCloseDetailModal(): void;
     protected getVisibleActions(item: any): Array<PoListViewAction>;
     private checkItemsChange;
     private initShowDetail;

package/lib/components/po-list-view/po-list-view.module.d.ts

@@ -3,43 +3,6 @@
  *
  * Módulo do componente `po-list-view`.
  *
- * > Para o correto funcionamento do componente `po-list-view`, deve ser importado o módulo `BrowserAnimationsModule` no
- * > módulo principal da sua aplicação.
- *
- * Módulo da aplicação:
- * ```
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- * import { PoModule } from '@po-ui/ng-components';
- * ...
- *
- * @NgModule({
- *   imports: [
- *     BrowserModule,
- *     BrowserAnimationsModule,
- *     ...
- *     PoModule
- *   ],
- *   declarations: [
- *     AppComponent,
- *     ...
- *   ],
- *   providers: [],
- *   bootstrap: [AppComponent]
- * })
- * export class AppModule { }
- * ```
- *
- * Em aplicações Standalone, utilize a seguinte configuração para o bootstrap:
- *
- * ```
- * import { bootstrapApplication } from '@angular/platform-browser';
- * import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
- * import { AppComponent } from './app.component';
- *
- * bootstrapApplication(AppComponent, {
- *   providers: [importProvidersFrom(BrowserAnimationsModule)]
- * }).catch(err => console.error(err));
- * ```
  */
 export declare class PoListViewModule {
 }

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;
 }