@po-ui/ng-components 19.25.0 → 19.27.0

package/lib/components/po-chart/interfaces/po-chart-serie.interface.d.ts

@@ -50,13 +50,44 @@ export interface PoChartSerie {
      *
      * @description
      *
-     * Define o texto que será exibido ao passar o mouse por cima das séries do *chart*.
+     * Define o texto que será exibido na tooltip ao passar o mouse por cima das séries do *chart*.
+     *
+     * Formatos aceitos:
+     *
+     * - **string**: pode conter marcadores dinâmicos e HTML simples.
+     *  - Marcadores disponíveis:
+     *   - `{name}` → Nome do item/categoria.
+     *   - `{seriesName}` → Nome da série.
+     *   - `{value}` → Valor correspondente.
+     *
+     * - **function**: função que recebe o objeto `params` e deve retornar uma *string* com o conteúdo da tooltip.
+     *
+     * > É possível utilizar marcação HTML simples (`<b>`, `<i>`, `<br>`, `<hr>`, etc.) que será interpretada via `innerHTML`.
+     *
+     * > Formatação customizada (será convertido internamente para HTML):
+     * - `\n` → quebra de linha (`<br>`).
+     * - `**texto**` → negrito (`<b>`).
+     * - `__texto__` → itálico (`<i>`).
      *
      * > Caso não seja informado um valor para o *tooltip*, será exibido da seguinte forma:
      * - `donut`: `label`: valor proporcional ao total em porcentagem.
      * - `area`, `bar`, `column`, `line` e `pie`: `label`: `data`.
+     *
+     * ### Exemplos:
+     *
+     * **Usando string com placeholders:**
+     * ```ts
+     * tooltip: 'Ano: {name}<br>Série: {seriesName}<br>Valor: <b>{value}</b>'
+     * ```
+     *
+     * **Usando função de callback:**
+     * ```ts
+     * tooltip = (params) => {
+     *   return `Ano: ${params.name}<br><i>Valor:</i> ${params.value}`;
+     * }
+     * ```
      */
-    tooltip?: string;
+    tooltip?: string | ((params: any) => string);
     /**
      * @optional
      *

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

@@ -99,12 +99,15 @@ export declare class PoChartComponent extends PoChartBaseComponent implements On
     getCSSVariable(variable: string, selector?: string): string;
     openModal(): Promise<void>;
     toggleExpand(): void;
+    private applyStringFormatter;
     private observeContainerResize;
     private checkShowCEcharts;
     private setInitialPopupActions;
     private setHeightProperties;
     private initECharts;
     private initEChartsEvents;
+    private parseTooltipText;
+    private resolveCustomTooltip;
     private setTooltipProperties;
     private setChartsProperties;
     private setOptions;

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

@@ -12,4 +12,5 @@ export interface PoListBoxLiterals {
     placeholderSearch?: string;
     /** Texto do checkbox para selecionar todos os itens. */
     selectAll?: string;
+    footerActionListbox?: string;
 }

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

@@ -104,9 +104,10 @@ export declare class PoItemListBaseComponent {
     activatedTab: EventEmitter<any>;
     set activeTabs(value: boolean);
     get activeTabs(): boolean;
+    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; }; }, { "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; }; "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

@@ -66,13 +66,18 @@ export declare class PoListBoxBaseComponent {
     compareCache: boolean;
     comboService: any;
     containerWidth: number;
+    keysLabel: Array<string>;
+    footerActionListbox: boolean;
+    placeholderListbox: string;
+    separator: boolean;
     activatedTab: EventEmitter<any>;
     clickTab: EventEmitter<any>;
     changeStateTabs: EventEmitter<any>;
     clickItem: EventEmitter<any>;
+    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; }; }, { "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"; }, never, never, true, 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 ngAcceptInputType_visible: any;
     static ngAcceptInputType_isTabs: any;
     static ngAcceptInputType_isServerSearching: any;

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

@@ -43,13 +43,14 @@ export declare class PoListBoxComponent extends PoListBoxBaseComponent implement
     protected getSizeLoading(): "xs" | "sm" | "md";
     protected getTextLoading(): "" | " ";
     private hasInfiniteScroll;
-    checkTemplate(): number;
+    checkTemplate(): number | true;
     private includeInfiniteScroll;
     protected returnBooleanValue(itemListAction: any, property: string): any;
     private setListBoxMaxHeight;
     private openUrl;
     onClickTabs(tab: any): void;
     formatItemList(item: any): string;
+    handleFooterActionListbox(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoListBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoListBoxComponent, "po-listbox", never, {}, {}, never, ["[p-popup-header-template]"], false, never>;
 }

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

@@ -1,5 +1,7 @@
 import { TemplateRef } from '@angular/core';
 /**
+ * @deprecated v23.x.x
+ *
  * @usedBy PoNavbarComponent
  *
  * @description

package/lib/components/po-navbar/interfaces/po-navbar-item.interface.d.ts

@@ -1,4 +1,6 @@
 /**
+ * @deprecated v23.x.x
+ *
  * @usedBy PoNavbarComponent
  *
  * @description

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

@@ -1,4 +1,6 @@
 /**
+ * @deprecated v23.x.x
+ *
  * @usedBy PoNavbarComponent
  *
  * @description

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

@@ -30,6 +30,8 @@ export declare abstract class PoNavbarBaseComponent {
     private _shadow;
     private language;
     /**
+     * @deprecated v23.x.x
+     *
      * @optional
      *
      * @description
@@ -39,6 +41,8 @@ export declare abstract class PoNavbarBaseComponent {
     set iconActions(value: Array<PoNavbarIconAction>);
     get iconActions(): Array<PoNavbarIconAction>;
     /**
+     * @deprecated v23.x.x
+     *
      * @optional
      *
      * @description
@@ -48,6 +52,8 @@ export declare abstract class PoNavbarBaseComponent {
     set items(value: Array<PoNavbarItem>);
     get items(): Array<PoNavbarItem>;
     /**
+     * @deprecated v23.x.x
+     *
      * @optional
      *
      * @description
@@ -76,6 +82,8 @@ export declare abstract class PoNavbarBaseComponent {
     set literals(value: PoNavbarLiterals);
     get literals(): PoNavbarLiterals;
     /**
+     * @deprecated v23.x.x
+     *
      * @optional
      *
      * @description
@@ -85,6 +93,8 @@ export declare abstract class PoNavbarBaseComponent {
     set logo(value: string);
     get logo(): string;
     /**
+     * @deprecated v23.x.x
+     *
      * @optional
      *
      * @description
@@ -98,6 +108,8 @@ export declare abstract class PoNavbarBaseComponent {
      */
     logoAlt?: string;
     /**
+     * @deprecated v23.x.x
+     *
      * @optional
      *
      * @description

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

@@ -4,6 +4,8 @@ import { PoNavbarBaseComponent } from './po-navbar-base.component';
 import { PoNavbarItemsComponent } from './po-navbar-items/po-navbar-items.component';
 import * as i0 from "@angular/core";
 /**
+ * @deprecated v23.x.x use `po-header`
+ *
  * @docsExtends PoNavbarBaseComponent
  */
 export declare class PoNavbarComponent extends PoNavbarBaseComponent implements AfterViewInit, OnDestroy, OnInit {

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

@@ -9,12 +9,17 @@ import * as i7 from "./po-navbar-actions/po-navbar-actions.module";
 import * as i8 from "./po-navbar-item-navigation/po-navbar-item-navigation.module";
 import * as i9 from "./po-navbar-items/po-navbar-items.module";
 /**
+ * @deprecated v23.x.x use `po-header`
+ *
  * @description
  *
  * Módulo do componente `po-navbar`.
- *
+ * > Esse componente está **depreciado** e será removido na `v23.x.x`. Recomendamos utilizar o componente
+ * [po-header](https://po-ui.io/documentation/po-header), que oferece compatibilidade com todas as funcionalidades do
+ * `po-navbar`, além de maior flexibilidade, usabilidade e acessibilidade.
+ * >
  * > Para o correto funcionamento do componente `po-navbar`, deve ser importado o módulo `BrowserAnimationsModule` no
- * > módulo principal da sua aplicação.
+ * módulo principal da sua aplicação.
  *
  * Módulo da aplicação:
  * ```

package/lib/components/po-search/literals/po-search-literals-default.d.ts

@@ -5,3 +5,9 @@ export declare const poSearchLiteralsDefault: {
     pt: PoSearchLiterals;
     ru: PoSearchLiterals;
 };
+export declare const poSearchLiteralsDefaultExecute: {
+    en: PoSearchLiterals;
+    es: PoSearchLiterals;
+    pt: PoSearchLiterals;
+    ru: PoSearchLiterals;
+};

package/lib/components/po-search/literals/po-search-literals.interface.d.ts

@@ -40,4 +40,12 @@ export interface PoSearchLiterals {
      * > Exibido apenas quando a propriedade `p-filter-locate` estiver habilitada.
      */
     result?: string;
+    /**
+     * Texto exibido na ação do rodapé da lista de resultados.
+     */
+    footerActionListbox?: string;
+    /**
+     * Texto exibido como *placeholder* na lista de resultados.
+     */
+    placeholderListbox?: string;
 }

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

@@ -5,7 +5,7 @@ import { PoSearchFilterSelect } from './interfaces/po-search-filter-select.inter
 import { PoSearchLiterals } from './literals/po-search-literals.interface';
 import { PoSearchLocateSummary } from './interfaces/po-search-locate-summary.interface';
 import * as i0 from "@angular/core";
-export type searchMode = 'action' | 'trigger' | 'locate';
+export type searchMode = 'action' | 'trigger' | 'locate' | 'execute';
 /**
  * @description
  *
@@ -81,6 +81,7 @@ export declare class PoSearchBaseComponent {
     protected language: string;
     private _filterSelect?;
     private _size?;
+    private _keysLabel?;
     /**
      * @optional
      *
@@ -240,6 +241,8 @@ export declare class PoSearchBaseComponent {
      * - `action`: Realiza a busca a cada caractere digitado.
      * - `trigger`: Realiza a busca ao pressionar `enter` ou clicar no ícone de busca.
      * - `locate`: Modo manual. Exibe botões e contador, mas não executa buscas — controle é do desenvolvedor.
+     * - `execute`: Executa uma ação ou realiza um redirecionamento ao selecionar um item no `listbox`.
+     *    Para este tipo, é necessário informar as propriedades `action` ou `url` nos itens definidos em `p-items`.
      *
      * @default `action`
      */
@@ -273,6 +276,23 @@ export declare class PoSearchBaseComponent {
      */
     set size(value: string);
     get size(): string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Define os nomes das propriedades do objeto que serão exibidos como rótulos (labels) no `listbox` quando a propriedade
+     * `p-show-listbox` estiver habilitada.
+     *
+     * Deve ser informado um array de strings contendo até **3 propriedades**.
+     *
+     * Exemplo de uso:
+     * ```ts
+     * keysLabel: Array<string> = ['nome', 'email', 'country'];
+     * ```
+     */
+    set keysLabel(value: Array<string>);
+    get keysLabel(): Array<string>;
     /**
      * @optional
      *
@@ -339,10 +359,19 @@ export declare class PoSearchBaseComponent {
      * > Compatível com a propriedade `p-search-type` do tipo `locate`.
      */
     locatePrevious: EventEmitter<void>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento disparado ao clicar no botão de ação exibido no rodapé do `listbox`.
+     * O texto exibido pode ser configurado por meio do literal `footerActionListbox`.
+     */
+    footerAction: EventEmitter<any>;
     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; }; }, { "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"; }, 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"; "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

@@ -40,6 +40,11 @@ import * as i0 from "@angular/core";
  *  <file name="sample-po-search-filter-select/sample-po-search-filter-select.component.ts"> </file>
  * </example>
  *
+ * <example name="po-search-execute" title="PO Search Form Fields with Execute">
+ *  <file name="sample-po-search-execute/sample-po-search-execute.component.html"> </file>
+ *  <file name="sample-po-search-execute/sample-po-search-execute.component.ts"> </file>
+ * </example>
+ *
  * <example name="po-search-fields-locate" title="PO Search Form Fields with Locate">
  *  <file name="sample-po-search-fields-locate/sample-po-search-fields-locate.component.html"> </file>
  *  <file name="sample-po-search-fields-locate/sample-po-search-fields-locate.component.ts"> </file>
@@ -76,9 +81,15 @@ export declare class PoSearchComponent extends PoSearchBaseComponent implements
     searchFilter: {};
     searchFilterSelectLabel: string;
     searchFilterSelectActions: Array<PoDropdownAction>;
+    idSearchButtonClean: string;
+    protected showFooterActionListbox: boolean;
+    protected showSeparator: boolean;
+    protected placeholderListbox: string | null;
+    protected modelSelected: string;
     constructor();
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    private configureSearchModeExecute;
     ngOnDestroy(): void;
     clearSearch(): void;
     onCleanKeydown(event: KeyboardEvent): void;
@@ -87,17 +98,14 @@ export declare class PoSearchComponent extends PoSearchBaseComponent implements
     private updateFilteredItems;
     private getFilteredItems;
     private itemMatchesFilter;
-    getListboxFilteredItems(searchText: any): {
-        label: string;
-        value: string;
-    }[];
+    getListboxFilteredItems(searchText: string): any[];
     private filterValue;
     get listboxItems(): {
         label: string;
         value: string;
     }[];
     onCloseListbox(): void;
-    onListboxClick(option: PoSearchOption, event?: any): void;
+    onListboxClick(option: PoSearchOption | any, event?: any): void;
     onBlur(): void;
     onFocus(): void;
     onInputHandler(value: string): void;
@@ -117,6 +125,9 @@ export declare class PoSearchComponent extends PoSearchBaseComponent implements
     createDropdownFilterSelect(): void;
     isSelected(filterOption: PoSearchFilterSelect): boolean;
     changeFilterSelect(filterOption: PoSearchFilterSelect): void;
+    handlerFooterActionListbox(): void;
+    private openListboxFooterAction;
+    private handlerPlaceholderListbox;
     static ɵfac: i0.ɵɵFactoryDeclaration<PoSearchComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PoSearchComponent, "po-search", never, {}, {}, never, never, false, never>;
 }

package/lib/directives/po-tooltip/po-tooltip.directive.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, OnInit, Renderer2, OnDestroy } from '@angular/core';
 import { PoTooltipBaseDirective } from './po-tooltip-base.directive';
 import { PoTooltipControlPositionService } from './po-tooltip-control-position.service';
+import { DomSanitizer } from '@angular/platform-browser';
 import * as i0 from "@angular/core";
 /**
  * @docsExtends PoTooltipBaseDirective
@@ -27,6 +28,7 @@ export declare class PoTooltipDirective extends PoTooltipBaseDirective implement
     private elementRef;
     private renderer;
     private poControlPosition;
+    private readonly sanitizer;
     private arrowDirection;
     private divArrow;
     private divContent;
@@ -35,7 +37,7 @@ export declare class PoTooltipDirective extends PoTooltipBaseDirective implement
     private textContent;
     private tooltipOffset;
     private eventListenerFunction;
-    constructor(elementRef: ElementRef, renderer: Renderer2, poControlPosition: PoTooltipControlPositionService);
+    constructor(elementRef: ElementRef, renderer: Renderer2, poControlPosition: PoTooltipControlPositionService, sanitizer: DomSanitizer);
     ngOnDestroy(): void;
     ngOnInit(): void;
     onMouseEnter(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@po-ui/ng-components",
-  "version": "19.25.0",
+  "version": "19.27.0",
   "description": "PO UI - Components",
   "author": "PO UI",
   "license": "MIT",
@@ -22,8 +22,8 @@
   },
   "dependencies": {
     "@angular/cdk": "~19.0.3",
-    "@po-ui/style": "19.25.0",
-    "@po-ui/ng-schematics": "19.25.0",
+    "@po-ui/style": "19.27.0",
+    "@po-ui/ng-schematics": "19.27.0",
     "echarts": "^5.6.0",
     "tslib": "^2.6.2"
   },
@@ -38,7 +38,7 @@
     "@angular/platform-browser-dynamic": "^19",
     "@angular/router": "^19",
     "@angular-devkit/schematics": "^19",
-    "@po-ui/style": "19.25.0",
+    "@po-ui/style": "19.27.0",
     "rxjs": "~7.8.1",
     "zone.js": "~0.15.0"
   },

package/schematics/ng-add/index.js

@@ -18,7 +18,7 @@ function default_1(options) {
 }
 function addPoPackageAndInstall() {
     return (tree, context) => {
-        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.25.0');
+        (0, package_config_1.addPackageToPackageJson)(tree, '@po-ui/ng-components', '19.27.0');
         // install packages
         context.addTask(new tasks_1.NodePackageInstallTask());
     };

package/schematics/ng-update/v14/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v15/index.js

@@ -11,7 +11,7 @@ const changes_1 = require("./changes");
 const httpClientModuleName = 'HttpClientModule';
 const httpClientModuleSourcePath = '@angular/common/http';
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v16/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v17/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v18/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v19/index.js

@@ -40,11 +40,11 @@ function main(options) {
             configureNewIcon.toLowerCase() === 'y' ||
             configureNewIcon.toLowerCase() === 'sim' ||
             configureNewIcon.toLowerCase() === '') {
-            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+            return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
         }
         else {
             return (0, schematics_1.chain)([
-                (0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion),
+                (0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion),
                 addImportOnly(options, [IconsDictionaryName, poIconDictionary], poModuleSourcePath),
                 addProviderToAppModule(options, newProviderDictionary),
                 updateAppConfigFileRule(),

package/schematics/ng-update/v2/index.js

@@ -10,7 +10,7 @@ const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV2() {
     return (0, schematics_1.chain)([
-        updatePackageJson('19.25.0', changes_1.dependeciesChanges),
+        updatePackageJson('19.27.0', changes_1.dependeciesChanges),
         (0, replace_1.replaceInFile)('tslint.json', changes_1.tsLintReplaces),
         (0, replace_1.replaceInFile)('angular.json', changes_1.angularJsonReplaces),
         createUpgradeRule(),

package/schematics/ng-update/v3/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function updateToV3() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v4/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v5/index.js

@@ -7,7 +7,7 @@ const project_1 = require("@po-ui/ng-schematics/project");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion), createUpgradeRule(), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {

package/schematics/ng-update/v6/index.js

@@ -6,7 +6,7 @@ const tasks_1 = require("@angular-devkit/schematics/tasks");
 const package_config_1 = require("@po-ui/ng-schematics/package-config");
 const changes_1 = require("./changes");
 function default_1() {
-    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.25.0', changes_1.updateDepedenciesVersion), postUpdate()]);
+    return (0, schematics_1.chain)([(0, package_config_1.updatePackageJson)('19.27.0', changes_1.updateDepedenciesVersion), postUpdate()]);
 }
 function postUpdate() {
     return (_, context) => {