@po-ui/ng-components 19.32.0 → 19.34.0

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

@@ -16,6 +16,7 @@ export declare class PoInfoBaseComponent {
     readonly poInfoOrientation: typeof PoInfoOrientation;
     private _labelSize;
     private _orientation;
+    private _size?;
     /**
      * @optional
      *
@@ -44,6 +45,20 @@ export declare class PoInfoBaseComponent {
      */
     set orientation(value: PoInfoOrientation);
     get orientation(): PoInfoOrientation;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define o tamanho do componente entre `small` ou `medium`.
+     *
+     * > 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;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoInfoBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoInfoBaseComponent, never, never, { "label": { "alias": "p-label"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "labelSize": { "alias": "p-label-size"; "required": false; }; "orientation": { "alias": "p-orientation"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoInfoBaseComponent, never, never, { "label": { "alias": "p-label"; "required": false; }; "url": { "alias": "p-url"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "labelSize": { "alias": "p-label-size"; "required": false; }; "orientation": { "alias": "p-orientation"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/po-listbox/interfaces/po-listbox-literals.interface.d.ts

@@ -6,6 +6,8 @@
  * Interface para definição de literais utilizadas no `po-listbox`
  */
 export interface PoListBoxLiterals {
+    /** Texto do botão para voltar ao agrupador anterior. */
+    backToPreviousGroup?: string;
     /** Texto exibido quando não houver itens na lista */
     noItems?: string;
     /** Texto do *placeholder* do campo de busca. */

package/lib/components/po-listbox/po-item-list/po-item-list-base.component.d.ts

@@ -77,6 +77,7 @@ export declare class PoItemListBaseComponent {
      * Define um ícone que será exibido ao lado esquerdo do rótulo.
      */
     icon: string | TemplateRef<void>;
+    iconPosition: 'left' | 'right';
     /**
      * @optional
      *
@@ -107,7 +108,7 @@ export declare class PoItemListBaseComponent {
     keysLabel?: Array<string>;
     protected emitActiveTabs(tab: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoItemListBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoItemListBaseComponent, never, never, { "type": { "alias": "p-type"; "required": false; }; "visible": { "alias": "p-visible"; "required": false; }; "item": { "alias": "p-item"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "danger": { "alias": "p-danger"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "selected": { "alias": "p-selected"; "required": false; }; "separator": { "alias": "p-separator"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "checkboxValue": { "alias": "p-checkbox-value"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "template": { "alias": "p-template"; "required": false; }; "templateContext": { "alias": "p-template-context"; "required": false; }; "searchValue": { "alias": "p-search-value"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "isFiltering": { "alias": "p-filtering"; "required": false; }; "shouldMarkLetters": { "alias": "p-should-mark-letter"; "required": false; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; "isTabs": { "alias": "p-is-tabs"; "required": false; }; "tabHide": { "alias": "p-tab-hide"; "required": false; }; "activeTabs": { "alias": "p-active-tabs"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; }, { "clickItem": "p-click-item"; "checkboxItem": "p-selectcheckbox-item"; "comboItem": "p-selectcombo-item"; "tabsItem": "p-emit-item-tabs"; "activatedTab": "p-activated-tabs"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoItemListBaseComponent, never, never, { "type": { "alias": "p-type"; "required": false; }; "visible": { "alias": "p-visible"; "required": false; }; "item": { "alias": "p-item"; "required": false; }; "label": { "alias": "p-label"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "value": { "alias": "p-value"; "required": false; }; "danger": { "alias": "p-danger"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "selected": { "alias": "p-selected"; "required": false; }; "separator": { "alias": "p-separator"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "iconPosition": { "alias": "p-icon-position"; "required": false; }; "checkboxValue": { "alias": "p-checkbox-value"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "template": { "alias": "p-template"; "required": false; }; "templateContext": { "alias": "p-template-context"; "required": false; }; "searchValue": { "alias": "p-search-value"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "isFiltering": { "alias": "p-filtering"; "required": false; }; "shouldMarkLetters": { "alias": "p-should-mark-letter"; "required": false; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; "isTabs": { "alias": "p-is-tabs"; "required": false; }; "tabHide": { "alias": "p-tab-hide"; "required": false; }; "activeTabs": { "alias": "p-active-tabs"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; }, { "clickItem": "p-click-item"; "checkboxItem": "p-selectcheckbox-item"; "comboItem": "p-selectcombo-item"; "tabsItem": "p-emit-item-tabs"; "activatedTab": "p-activated-tabs"; }, never, never, true, never>;
     static ngAcceptInputType_danger: any;
     static ngAcceptInputType_selected: any;
     static ngAcceptInputType_separator: any;

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

@@ -23,6 +23,7 @@ export declare class PoListBoxBaseComponent {
     private _literals;
     private language;
     private _size?;
+    listboxSubitems: boolean;
     visible: boolean;
     set type(value: string);
     get type(): PoItemListType;
@@ -33,18 +34,11 @@ export declare class PoListBoxBaseComponent {
     get isItemListGroup(): boolean;
     isTabs: boolean;
     param?: any;
-    selectItem: EventEmitter<any>;
-    closeEvent: EventEmitter<any>;
-    change: EventEmitter<any>;
-    selectCombo: EventEmitter<any>;
-    changeAll: EventEmitter<any>;
-    UpdateInfiniteScroll: EventEmitter<any>;
     checkboxAllValue: any;
     selectedOptions: Array<any>;
     selectedOption?: any;
     fieldValue: string;
     fieldLabel: string;
-    changeSearch: EventEmitter<any>;
     literalSearch?: any;
     fieldValueSearch: string;
     hideSearch?: boolean;
@@ -70,6 +64,13 @@ export declare class PoListBoxBaseComponent {
     footerActionListbox: boolean;
     placeholderListbox: string;
     separator: boolean;
+    changeSearch: EventEmitter<any>;
+    selectItem: EventEmitter<any>;
+    closeEvent: EventEmitter<any>;
+    change: EventEmitter<any>;
+    selectCombo: EventEmitter<any>;
+    changeAll: EventEmitter<any>;
+    UpdateInfiniteScroll: EventEmitter<any>;
     activatedTab: EventEmitter<any>;
     clickTab: EventEmitter<any>;
     changeStateTabs: EventEmitter<any>;
@@ -77,7 +78,7 @@ export declare class PoListBoxBaseComponent {
     footerActionListboxEvent: EventEmitter<any>;
     constructor(languageService: PoLanguageService);
     static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoListBoxBaseComponent, never, never, { "visible": { "alias": "p-visible"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "isTabs": { "alias": "p-is-tabs"; "required": false; }; "param": { "alias": "p-param"; "required": false; }; "checkboxAllValue": { "alias": "p-checkboxAllValue"; "required": false; }; "selectedOptions": { "alias": "p-selected-options"; "required": false; }; "selectedOption": { "alias": "p-selected-option"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "literalSearch": { "alias": "p-literal-search"; "required": false; }; "fieldValueSearch": { "alias": "p-field-value-search"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "multiselectTemplate": { "alias": "p-multiselect-template"; "required": false; }; "template": { "alias": "p-template"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "searchValue": { "alias": "p-search-value"; "required": false; }; "isServerSearching": { "alias": "p-is-searching"; "required": false; }; "infiniteLoading": { "alias": "p-infinite-loading"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "isFiltering": { "alias": "p-filtering"; "required": false; }; "shouldMarkLetters": { "alias": "p-should-mark-letter"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; "containerWidth": { "alias": "p-container-width"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; "footerActionListbox": { "alias": "p-footer-action-listbox"; "required": false; }; "placeholderListbox": { "alias": "p-placeholder-listbox"; "required": false; }; "separator": { "alias": "p-separator"; "required": false; }; }, { "selectItem": "p-select-item"; "closeEvent": "p-close"; "change": "p-change"; "selectCombo": "p-selectcombo-item"; "changeAll": "p-change-all"; "UpdateInfiniteScroll": "p-update-infinite-scroll"; "changeSearch": "p-change-search"; "activatedTab": "p-activated-tabs"; "clickTab": "p-click-tabs"; "changeStateTabs": "p-change-state-tabs"; "clickItem": "p-click-item"; "footerActionListboxEvent": "p-footer-action-listbox-event"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoListBoxBaseComponent, never, never, { "listboxSubitems": { "alias": "p-listbox-subitems"; "required": false; }; "visible": { "alias": "p-visible"; "required": false; }; "type": { "alias": "p-type"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "isTabs": { "alias": "p-is-tabs"; "required": false; }; "param": { "alias": "p-param"; "required": false; }; "checkboxAllValue": { "alias": "p-checkboxAllValue"; "required": false; }; "selectedOptions": { "alias": "p-selected-options"; "required": false; }; "selectedOption": { "alias": "p-selected-option"; "required": false; }; "fieldValue": { "alias": "p-field-value"; "required": false; }; "fieldLabel": { "alias": "p-field-label"; "required": false; }; "literalSearch": { "alias": "p-literal-search"; "required": false; }; "fieldValueSearch": { "alias": "p-field-value-search"; "required": false; }; "hideSearch": { "alias": "p-hide-search"; "required": false; }; "hideSelectAll": { "alias": "p-hide-select-all"; "required": false; }; "multiselectTemplate": { "alias": "p-multiselect-template"; "required": false; }; "template": { "alias": "p-template"; "required": false; }; "placeholderSearch": { "alias": "p-placeholder-search"; "required": false; }; "searchValue": { "alias": "p-search-value"; "required": false; }; "isServerSearching": { "alias": "p-is-searching"; "required": false; }; "infiniteLoading": { "alias": "p-infinite-loading"; "required": false; }; "infiniteScroll": { "alias": "p-infinite-scroll"; "required": false; }; "cache": { "alias": "p-cache"; "required": false; }; "infiniteScrollDistance": { "alias": "p-infinite-scroll-distance"; "required": false; }; "filterMode": { "alias": "p-filter-mode"; "required": false; }; "isFiltering": { "alias": "p-filtering"; "required": false; }; "shouldMarkLetters": { "alias": "p-should-mark-letter"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "compareCache": { "alias": "p-compare-cache"; "required": false; }; "comboService": { "alias": "p-combo-service"; "required": false; }; "containerWidth": { "alias": "p-container-width"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; "footerActionListbox": { "alias": "p-footer-action-listbox"; "required": false; }; "placeholderListbox": { "alias": "p-placeholder-listbox"; "required": false; }; "separator": { "alias": "p-separator"; "required": false; }; }, { "changeSearch": "p-change-search"; "selectItem": "p-select-item"; "closeEvent": "p-close"; "change": "p-change"; "selectCombo": "p-selectcombo-item"; "changeAll": "p-change-all"; "UpdateInfiniteScroll": "p-update-infinite-scroll"; "activatedTab": "p-activated-tabs"; "clickTab": "p-click-tabs"; "changeStateTabs": "p-change-state-tabs"; "clickItem": "p-click-item"; "footerActionListboxEvent": "p-footer-action-listbox-event"; }, never, never, true, never>;
     static ngAcceptInputType_visible: any;
     static ngAcceptInputType_isTabs: any;
     static ngAcceptInputType_isServerSearching: any;

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

@@ -1,26 +1,36 @@
-import { AfterViewInit, ElementRef, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { AfterViewInit, ElementRef, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges } from '@angular/core';
 import { PoListBoxBaseComponent } from './po-listbox-base.component';
 import { PoItemListOptionGroup } from './po-item-list/interfaces/po-item-list-option-group.interface';
 import { PoItemListOption } from './po-item-list/interfaces/po-item-list-option.interface';
 import { PoSearchListComponent } from './po-search-list/po-search-list.component';
+import { PoDropdownAction } from '../po-dropdown/po-dropdown-action.interface';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class PoListBoxComponent extends PoListBoxBaseComponent implements AfterViewInit, OnChanges, OnDestroy {
+export declare class PoListBoxComponent extends PoListBoxBaseComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
     element: ElementRef<any>;
+    currentItems: Array<PoDropdownAction>;
+    currentGroup: PoDropdownAction | null;
+    private readonly navigationStack;
     private readonly renderer;
     private readonly router;
     private readonly changeDetector;
     listbox: ElementRef;
     listboxItemList: ElementRef;
+    listboxGroupHeader: ElementRef;
     searchElement: PoSearchListComponent;
     popupHeaderContainer: ElementRef;
+    listboxItems: QueryList<ElementRef>;
     private scrollEvent$;
     private subscriptionScrollEvent;
     constructor();
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes?: SimpleChanges): void;
     ngOnDestroy(): void;
-    onSelectItem(itemListAction: PoItemListOption | PoItemListOptionGroup | any): void | Promise<boolean>;
+    openGroup(group: PoDropdownAction, event?: MouseEvent | KeyboardEvent): void;
+    goBack(event: MouseEvent | KeyboardEvent): void;
+    onKeydownGoBack(event: KeyboardEvent): void;
+    onSelectItem(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: MouseEvent | KeyboardEvent): void | Promise<boolean>;
     onSelectAllCheckboxKeyDown(event: KeyboardEvent): void;
     onKeyDown(itemListAction: PoItemListOption | PoItemListOptionGroup | any, event?: KeyboardEvent): void;
     checkboxClicked({ option, selected }: {
@@ -47,6 +57,7 @@ export declare class PoListBoxComponent extends PoListBoxBaseComponent implement
     private includeInfiniteScroll;
     protected returnBooleanValue(itemListAction: any, property: string): any;
     private setListBoxMaxHeight;
+    private setListBoxWidth;
     private openUrl;
     onClickTabs(tab: any): void;
     formatItemList(item: any): string;

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

@@ -6,9 +6,10 @@ import * as i4 from "@angular/common";
 import * as i5 from "../po-field/po-checkbox/po-checkbox.module";
 import * as i6 from "../po-icon/po-icon.module";
 import * as i7 from "../po-loading/po-loading.module";
-import * as i8 from "@angular/cdk/listbox";
+import * as i8 from "../po-tag/po-tag.module";
+import * as i9 from "@angular/cdk/listbox";
 export declare class PoListBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PoListBoxModule, [typeof i1.PoListBoxComponent, typeof i2.PoItemListComponent, typeof i3.PoSearchListComponent], [typeof i4.CommonModule, typeof i5.PoCheckboxModule, typeof i6.PoIconModule, typeof i7.PoLoadingModule, typeof i8.CdkListboxModule], [typeof i1.PoListBoxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PoListBoxModule, [typeof i1.PoListBoxComponent, typeof i2.PoItemListComponent, typeof i3.PoSearchListComponent], [typeof i4.CommonModule, typeof i5.PoCheckboxModule, typeof i6.PoIconModule, typeof i7.PoLoadingModule, typeof i8.PoTagModule, typeof i9.CdkListboxModule], [typeof i1.PoListBoxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PoListBoxModule>;
 }

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

@@ -16,7 +16,7 @@ export declare const poLoadingLiteralsDefault: {
  * ou aguardando a resposta de alguma requisição.
  */
 export declare class PoLoadingBaseComponent {
-    private languageService;
+    protected languageService: PoLanguageService;
     private _text?;
     private _size?;
     /**
@@ -26,14 +26,17 @@ export declare class PoLoadingBaseComponent {
     get text(): string;
     /**
      * Define o tamanho do ícone.
-     *
-     * @default `lg`
-     *
      * Valores válidos:
      *  - `xs`: 16px
      *  - `sm`: 24px
      *  - `md`: 32px
      *  - `lg`: 80px
+     *
+     * > Em nível de acessibilidade **AA**, caso o valor de `p-size` não seja definido, o valor padrão será `sm`
+     * > quando o valor padrão dos componentes for configurado como `small` no
+     * > [serviço de tema](https://po-ui.io/documentation/po-theme).
+     *
+     * @default `lg`
      */
     set size(value: string);
     get size(): string;

package/lib/components/po-page/interfaces/po-page-action.interface.d.ts

@@ -1,16 +1,17 @@
-import { PoPopupAction } from '../../po-popup/po-popup-action.interface';
+import { PoDropdownAction } from '../../po-dropdown';
 /**
  * @description
  * Interface para as ações dos componentes po-page-default e po-page-list.
  *
- * > As propriedades `selected`, `separator` e `type` serão vistas a partir da terceira ação e somente quando
- * definir quatro ações ou mais.
+ * > Quando o array de actions possui quatro ou mais registros, os dois últimos e os seguintes são automaticamente agrupados no po-dropdown.
+ * A partir desse ponto, as propriedades `selected`, `separator`, `type` e `subItems` passam a ter efeito apenas nas ações exibidas dentro do dropdown, ou seja, a partir da terceira ação.
+ * Dessa forma, o uso de subItems (agrupadores dentro do dropdown) só terá efeito quando houver pelo menos quatro ações definidas.
  *
- * @docsExtends PoPopupAction
+ * @docsExtends PoDropdownAction
  *
  * @ignoreExtendedDescription
  *
  * @usedBy PoPageDefaultComponent, PoPageListComponent
  */
-export interface PoPageAction extends PoPopupAction {
+export interface PoPageAction extends PoDropdownAction {
 }

package/lib/components/po-page/po-page-default/po-page-default-base.component.d.ts

@@ -19,14 +19,15 @@ export declare const poPageDefaultLiteralsDefault: {
  *
  * > 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 Values**                     |                                                       |                                                 |
- * | `--padding`                            | Espaçamento do componente                             | `var(--spacing-xs) var(--spacing-md)`           |
- * | `--gap`                                | Gap entre o header e o conteúdo                       | `var(--spacing-md)`                             |
- * | `--padding-top-header`                 | Espaçamento do topo do header                         | `var(--color-neutral-light-30)`                 |
- * | `--gap-actions`                        | Gap entre os botões de action                         | `var(--spacing-xs)`                             |
- * | `--padding-content`                    | Espaçamento do conteúdo                               | `var(--spacing-xs) var(--spacing-sm)`           |
+ * | Propriedade         | Descrição                                   | Valor Padrão                          |
+ * |---------------------|---------------------------------------------|---------------------------------------|
+ * | **Header**          |                                             |                                       |
+ * | `--padding`         | Espaçamento do header                       | `var(--spacing-xs) var(--spacing-md)` |
+ * | `--gap`             | Espaçamento entre os breadcrumbs e o título | `var(--spacing-md)`                   |
+ * | `--gap-actions`     | Espaçamento entre as ações                  | `var(--spacing-xs)`                   |
+ * | `--font-family`     | Família tipográfica do título               | `var(--font-family-theme)`            |
+ * | **Content**         |                                             |                                       |
+ * | `--padding-content` | Espaçamento do conteúdo                     | `var(--spacing-xs) var(--spacing-sm)` |
  */
 export declare abstract class PoPageDefaultBaseComponent {
     poPageContent: PoPageContentComponent;

package/lib/components/po-page/po-page-detail/po-page-detail-base.component.d.ts

@@ -15,6 +15,20 @@ export declare const poPageDetailLiteralsDefault: {
  *
  * O componente **po-page-detail** é utilizado como container principal para a tela de
  * detalhamento de um registro, tendo a possibilidade de usar as ações de "Voltar", "Editar" e "Remover".
+ *
+ * #### Tokens customizáveis
+ *
+ * > 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                          |
+ * |---------------------|---------------------------------------------|---------------------------------------|
+ * | **Header**          |                                             |                                       |
+ * | `--padding`         | Espaçamento do header                       | `var(--spacing-xs) var(--spacing-md)` |
+ * | `--gap`             | Espaçamento entre os breadcrumbs e o título | `var(--spacing-md)`                   |
+ * | `--gap-actions`     | Espaçamento entre as ações                  | `var(--spacing-xs)`                   |
+ * | `--font-family`     | Família tipográfica do título               | `var(--font-family-theme)`            |
+ * | **Content**         |                                             |                                       |
+ * | `--padding-content` | Espaçamento do conteúdo                     | `var(--spacing-xs) var(--spacing-sm)` |
  */
 export declare class PoPageDetailBaseComponent {
     poPageContent: PoPageContentComponent;

package/lib/components/po-page/po-page-edit/po-page-edit-base.component.d.ts

@@ -19,6 +19,20 @@ export declare const poPageEditLiteralsDefault: {
  * Os botões "Salvar" e "Salvar e Novo" podem ser habilitados/desabilitados utilizando a propriedade `p-disable-submit`.
  * Esta propriedade pode ser utilizada para desabilitar os botões caso exista um formulário inválido na página ou alguma
  * regra de negócio não tenha sido atendida.
+ *
+ * #### Tokens customizáveis
+ *
+ * > 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                          |
+ * |---------------------|---------------------------------------------|---------------------------------------|
+ * | **Header**          |                                             |                                       |
+ * | `--padding`         | Espaçamento do header                       | `var(--spacing-xs) var(--spacing-md)` |
+ * | `--gap`             | Espaçamento entre os breadcrumbs e o título | `var(--spacing-md)`                   |
+ * | `--gap-actions`     | Espaçamento entre as ações                  | `var(--spacing-xs)`                   |
+ * | `--font-family`     | Família tipográfica do título               | `var(--font-family-theme)`            |
+ * | **Content**         |                                             |                                       |
+ * | `--padding-content` | Espaçamento do conteúdo                     | `var(--spacing-xs) var(--spacing-sm)` |
  */
 export declare class PoPageEditBaseComponent {
     poPageContent: PoPageContentComponent;

package/lib/components/po-page/po-page-header/po-page-header-base.component.d.ts

@@ -11,6 +11,8 @@ import * as i0 from "@angular/core";
 export declare class PoPageHeaderBaseComponent {
     /** Título da página. */
     title: string;
+    /** Define o tamanho dos componentes no header. */
+    size: string;
     /** Subtítulo da página. */
     subtitle: string;
     private _breadcrumb;
@@ -18,5 +20,5 @@ export declare class PoPageHeaderBaseComponent {
     set breadcrumb(value: PoBreadcrumb);
     get breadcrumb(): PoBreadcrumb;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoPageHeaderBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageHeaderBaseComponent, never, never, { "title": { "alias": "p-title"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoPageHeaderBaseComponent, never, never, { "title": { "alias": "p-title"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "subtitle": { "alias": "p-subtitle"; "required": false; }; "breadcrumb": { "alias": "p-breadcrumb"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/po-page/po-page-list/po-page-list-base.component.d.ts

@@ -24,6 +24,20 @@ export declare const poPageListLiteralsDefault: {
  *
  * Para facilitar a manipulação e visualização dos filtros aplicados, é possível também utilizar o componente
  * [`po-disclaimer-group`](/documentation/po-disclaimer-group).
+ *
+ * #### Tokens customizáveis
+ *
+ * > 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                          |
+ * |---------------------|---------------------------------------------|---------------------------------------|
+ * | **Header**          |                                             |                                       |
+ * | `--padding`         | Espaçamento do header                       | `var(--spacing-xs) var(--spacing-md)` |
+ * | `--gap`             | Espaçamento entre os breadcrumbs e o título | `var(--spacing-md)`                   |
+ * | `--gap-actions`     | Espaçamento entre as ações                  | `var(--spacing-xs)`                   |
+ * | `--font-family`     | Família tipográfica do título               | `var(--font-family-theme)`            |
+ * | **Content**         |                                             |                                       |
+ * | `--padding-content` | Espaçamento do conteúdo                     | `var(--spacing-xs) var(--spacing-sm)` |
  */
 export declare abstract class PoPageListBaseComponent {
     poPageContent: PoPageContentComponent;

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

@@ -141,7 +141,19 @@ export declare class PoPopoverBaseComponent {
      */
     set trigger(value: string);
     get trigger(): string;
+    /**
+     * @Input
+     *
+     * @optional
+     *
+     * @description
+     * Permite a inclusão de classes CSS customizadas ao componente.
+     *
+     * Exemplo: `p-custom-classes="minha-classe-1 minha-classe-2"`.
+     *
+     */
+    customClasses: import("@angular/core").InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoPopoverBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopoverBaseComponent, never, never, { "appendBox": { "alias": "p-append-in-body"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "trigger": { "alias": "p-trigger"; "required": false; }; }, { "closePopover": "p-close"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoPopoverBaseComponent, "po-popover-base", never, { "appendBox": { "alias": "p-append-in-body"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; "title": { "alias": "p-title"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "trigger": { "alias": "p-trigger"; "required": false; }; "customClasses": { "alias": "p-custom-classes"; "required": false; "isSignal": true; }; }, { "closePopover": "p-close"; }, never, never, false, never>;
     static ngAcceptInputType_appendBox: any;
 }

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

@@ -32,7 +32,10 @@ export declare class PoPopoverComponent extends PoPopoverBaseComponent implement
     timeoutResize: any;
     targetElement: any;
     afterViewInitWasCalled: boolean;
+    private keydownTargetListener?;
+    private keydownPopoverListener?;
     eventListenerFunction: () => void;
+    private readonly tabbableSelector;
     constructor(renderer: Renderer2, poControlPosition: PoControlPositionService, cd: ChangeDetectorRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -50,6 +53,14 @@ export declare class PoPopoverComponent extends PoPopoverBaseComponent implement
     private initEventListenerFunction;
     private removeListeners;
     private setElementsControlPosition;
+    private focusOnTarget;
+    private focusOnFirstFocusable;
+    private attachPopoverKeydown;
+    private isVisible;
+    private getTabbablesIn;
+    private getDocumentTabbables;
+    private focusNextAfterTarget;
+    private focusPrevBeforeTarget;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoPopoverComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoPopoverComponent, "po-popover", never, {}, {}, never, ["*"], false, never>;
 }

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

@@ -7,11 +7,21 @@ import { TemplateRef } from '@angular/core';
  * Interface para lista de ações do componente.
  */
 export interface PoPopupAction {
-    /** Rótulo da ação. */
+    /**
+     * @description
+     *
+     * Rótulo da ação.
+     *
+     * No componente `po-dropdown`, a label também pode representar o agrupador de subitens.
+     */
     label: string;
     /**
+     * @description
+     *
      * Ação que será executada, sendo possível passar o nome ou a referência da função.
      *
+     * No componente `po-dropdown`, a action também pode ser executada para o agrupador de subitens.
+     *
      * > Para que a função seja executada no contexto do elemento filho o mesmo deve ser passado utilizando *bind*.
      *
      * Exemplo: `action: this.myFunction.bind(this)`
@@ -58,12 +68,20 @@ export interface PoPopupAction {
      * ```
      */
     icon?: string | TemplateRef<void>;
-    /** Atribui uma linha separadora acima do item. */
+    /**
+     * @description
+     *
+     * Atribui uma linha separadora acima do item.
+     *
+     * */
     separator?: boolean;
     /**
+     * @description
+     *
      * Função que deve retornar um booleano para habilitar ou desabilitar a ação para o registro selecionado.
      *
      * Também é possível informar diretamente um valor booleano que vai habilitar ou desabilitar a ação para todos os registros.
+     *
      */
     disabled?: boolean | Function;
     /**
@@ -76,9 +94,23 @@ export interface PoPopupAction {
      *  - `danger` - indicado para ações exclusivas (excluir, sair).
      */
     type?: string;
-    /** URL utilizada no redirecionamento das páginas. */
+    /**
+     * @description
+     *
+     * URL utilizada para redirecionamento das páginas.
+     *
+     * No componente `po-dropdown`, a url também pode ser configurada para o agrupador de subitens.
+     * Entretanto, quando a `url` é informada em um agrupador, o clique **não abrirá os subitens**, pois o item será
+     * tratado como um link e o redirecionamento terá prioridade sobre a exibição da lista.
+     *
+     */
     url?: string;
-    /** Define se a ação está selecionada. */
+    /**
+     * @description
+     *
+     * Define se a ação está selecionada.
+     *
+     */
     selected?: boolean;
     /**
      * @description

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

@@ -76,6 +76,7 @@ export declare class PoPopupBaseComponent {
     private _position?;
     private _size?;
     private _target;
+    listboxSubitems: boolean;
     /** Lista de ações que serão exibidas no componente. */
     set actions(value: Array<PoPopupAction>);
     get actions(): Array<PoPopupAction>;
@@ -207,5 +208,5 @@ export declare class PoPopupBaseComponent {
     closeEvent: EventEmitter<any>;
     clickItem: EventEmitter<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoPopupBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "actions": { "alias": "p-actions"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "isCornerAlign": { "alias": "p-is-corner-align"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "customPositions": { "alias": "p-custom-positions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; }, { "closeEvent": "p-close"; "clickItem": "p-click-item"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoPopupBaseComponent, never, never, { "listboxSubitems": { "alias": "p-listbox-subitems"; "required": false; }; "actions": { "alias": "p-actions"; "required": false; }; "hideArrow": { "alias": "p-hide-arrow"; "required": false; }; "isCornerAlign": { "alias": "p-is-corner-align"; "required": false; }; "position": { "alias": "p-position"; "required": false; }; "customPositions": { "alias": "p-custom-positions"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "target": { "alias": "p-target"; "required": false; }; }, { "closeEvent": "p-close"; "clickItem": "p-click-item"; }, never, never, true, never>;
 }

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

@@ -329,6 +329,22 @@ export declare class PoSearchBaseComponent {
      * > Incompatível com a propriedade `p-search-type` do tipo `locate`.
      */
     filteredItemsChange: EventEmitter<any[]>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido quando o campo de entrada (input) recebe foco.
+     */
+    focusEvent: EventEmitter<any>;
+    /**
+     * @optional
+     *
+     * @description
+     * Evento disparado quando uma tecla é pressionada enquanto o foco está no componente.
+     * Retorna um objeto `KeyboardEvent` com informações sobre a tecla.
+     */
+    keydown: EventEmitter<KeyboardEvent>;
     /**
      * @optional
      *
@@ -371,7 +387,7 @@ export declare class PoSearchBaseComponent {
     constructor(languageService: PoLanguageService);
     ensureFilterSelectOption(values: any): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<PoSearchBaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PoSearchBaseComponent, never, never, { "ariaLabel": { "alias": "p-aria-label"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "filterKeys": { "alias": "p-filter-keys"; "required": false; }; "filterSelect": { "alias": "p-filter-select"; "required": false; }; "filterType": { "alias": "p-filter-type"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "locateSummary": { "alias": "p-locate-summary"; "required": false; }; "type": { "alias": "p-search-type"; "required": false; }; "showListbox": { "alias": "p-show-listbox"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; }, { "blur": "p-blur"; "changeModel": "p-change-model"; "filter": "p-filter"; "filteredItemsChange": "p-filtered-items-change"; "listboxOnClick": "p-listbox-onclick"; "locateNext": "p-locate-next"; "locatePrevious": "p-locate-previous"; "footerAction": "p-footer-action-listbox"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoSearchBaseComponent, never, never, { "ariaLabel": { "alias": "p-aria-label"; "required": false; }; "disabled": { "alias": "p-disabled"; "required": false; }; "filterKeys": { "alias": "p-filter-keys"; "required": false; }; "filterSelect": { "alias": "p-filter-select"; "required": false; }; "filterType": { "alias": "p-filter-type"; "required": false; }; "icon": { "alias": "p-icon"; "required": false; }; "items": { "alias": "p-items"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "locateSummary": { "alias": "p-locate-summary"; "required": false; }; "type": { "alias": "p-search-type"; "required": false; }; "showListbox": { "alias": "p-show-listbox"; "required": false; }; "size": { "alias": "p-size"; "required": false; }; "keysLabel": { "alias": "p-keys-label"; "required": false; }; }, { "blur": "p-blur"; "changeModel": "p-change-model"; "filter": "p-filter"; "filteredItemsChange": "p-filtered-items-change"; "focusEvent": "p-focus"; "keydown": "p-keydown"; "listboxOnClick": "p-listbox-onclick"; "locateNext": "p-locate-next"; "locatePrevious": "p-locate-previous"; "footerAction": "p-footer-action-listbox"; }, never, never, true, never>;
     static ngAcceptInputType_disabled: any;
     static ngAcceptInputType_showListbox: any;
 }

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

@@ -124,7 +124,7 @@ export declare class PoSearchComponent extends PoSearchBaseComponent implements
     getInputValue(): any;
     createDropdownFilterSelect(): void;
     isSelected(filterOption: PoSearchFilterSelect): boolean;
-    changeFilterSelect(filterOption: PoSearchFilterSelect): void;
+    changeFilterSelect(filterOption: PoSearchFilterSelect, focus?: boolean): void;
     handlerFooterActionListbox(): void;
     private openListboxFooterAction;
     private handlerPlaceholderListbox;

package/lib/components/po-table/enums/po-table-spacing.enum.d.ts

@@ -5,7 +5,7 @@
  * Tipos de espaçamento interno (padding) das células (**p-spacing**) do po-table.
  */
 export declare enum PoTableColumnSpacing {
-    /** Espaçamento extra pequeno: 0.25rem (vertical) x 1rem (horizontal). */
+    /** Espaçamento extra pequeno: 0.25rem (vertical) x 0.5rem (horizontal). */
     ExtraSmall = "extraSmall",
     /** Espaçamento pequeno: 0.5rem (vertical) x 1rem (horizontal). */
     Small = "small",

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

@@ -42,6 +42,7 @@ export declare const PoTagLiteralsDefault: {
  * | `--font-size`                          | Tamanho da fonte                                      | `var(--font-size-sm)`                           |
  * | `--line-height`                        | Tamanho da label                                      | `var(---line-height-sm)`                        |
  * | `--border-radius`                      | Contém o valor do raio dos cantos do elemento    | `var(--border-radius-pill)`                     |
+ * | `--gap`                                | Espaçamento entre o label e o value                   | `var(--spacing-xs)`                             |
  * | **Neutral**                            |                                                       |                                                 |
  * | `--color-neutral`                      | Cor principal no estado neutral                       | `var(--color-neutral-light-10)`                 |
  * | `--text-color-positive`                | Cor do texto no estado neutral                        | `var(--color-neutral-dark-80)`                  |

package/lib/enums/po-density-mode.enum.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @docsPrivate
+ *
+ * @description
+ *
+ * Define o nível de densidade (espaçamento) aplicado em componentes agrupadores. Pode ser ajustado conforme a
+ * preferência do usuário ou requisitos de acessibilidade.
+ */
+export declare enum PoDensityMode {
+    /** Define espaçamentos mais compactos entre os elementos. */
+    Small = "small",
+    /** Define espaçamentos mais amplos e confortáveis. */
+    Medium = "medium"
+}

package/lib/enums/po-field-size.enum.d.ts

@@ -3,11 +3,13 @@
  *
  * @description
  *
- * Tamanhos da propriedade `p-size`. A medida `small` está disponível apenas para acessibilidade AA.
+ * Define o tamanho padrão utilizado em componentes interativos. Este enum também é usado pelo serviço de tema para
+ * definir a preferência global de tamanho dos componentes. Por padrão, os componentes utilizam o tamanho `medium` por
+ * ser mais acessível (conforme diretrizes WCAG nível AAA).
+ *
+ * > O tamanho `small` está disponível apenas em contextos com acessibilidade AA.
  */
 export declare enum PoFieldSize {
-    /** Define a altura do input como 32px. */
     Small = "small",
-    /** Define a altura do input como 44px. */
     Medium = "medium"
 }

package/lib/services/po-theme/helpers/accessibilities/po-theme-density.constant.d.ts

@@ -0,0 +1,12 @@
+export declare const poThemeDensity: {
+    small: {
+        '--default-spacing-0': string;
+        '--default-spacing-xs': string;
+        '--default-spacing-sm': string;
+        '--default-spacing-md': string;
+        '--default-spacing-lg': string;
+        '--default-spacing-xl': string;
+        '--default-line-height-xs': string;
+        '--default-spacing-squish-xs': string;
+    };
+};