@po-ui/ng-components 19.24.0 → 19.26.0

package/lib/components/po-header/interfaces/po-header-actions.interface.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @usedBy PoHeaderComponent
+ *
+ * @description
+ *
+ * *Interface* que define uma lista de ações no sub-menu.
+ *
+ */
+export interface PoHeaderActions {
+    /**
+     *
+     *
+     * @description
+     *
+     * Label da ação
+     */
+    label: string;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Evento da ação
+     *
+     *  Exemplo: `action: this.myFunction.bind(this)`
+     */
+    action?: Function;
+    /**
+     *
+     *
+     * @description
+     *
+     * link utilizado no redirecionamento das páginas.
+     *
+     */
+    link?: string;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Identificador da ação
+     */
+    id?: string;
+    $selected?: boolean;
+    $internalRoute?: boolean;
+}

package/lib/components/po-header/interfaces/po-header-brand.interface.d.ts

@@ -0,0 +1,59 @@
+/**
+ * @usedBy PoHeaderComponent
+ *
+ * @description
+ *
+ * *Interface* que define a seção de brand.
+ *
+ */
+export interface PoHeaderBrand {
+    /**
+     *
+     * @description
+     *
+     * Título da marca
+     *
+     */
+    title?: string;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Imagem da marca
+     *
+     */
+    logo?: string;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Imagem da marca quando a tela é menor que 960px
+     *
+     */
+    smallLogo?: string;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Evento da ação
+     *
+     *  Exemplo: `action: this.myFunction.bind(this)`
+     */
+    action?: Function;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * link utilizado no redirecionamento das páginas.
+     *
+     */
+    link?: string;
+}

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

@@ -0,0 +1,13 @@
+/**
+ * @usedBy PoHeaderComponent
+ *
+ * @description
+ *
+ * Interface para definição das literais usadas no `po-header`.
+ */
+export interface PoHeaderLiterals {
+    /** Texto exibido no item de menu no qual os itens do header são agrupados quando está no modo responsivo. */
+    headerLinks?: string;
+    /** Texto para indicação de notificação, caso seja passado um valor válido na propriedade `badge` */
+    notifications?: string;
+}

package/lib/components/po-header/interfaces/po-header-user.interface.d.ts

@@ -0,0 +1,74 @@
+import { PoHeaderActionPopoverAction, PoHeaderActionToolItem } from './po-header-action-tool.interface';
+/**
+ * @usedBy PoHeaderComponent
+ *
+ * @description
+ *
+ * *Interface* que define a seção de Customer do header.
+ *
+ */
+export interface PoHeaderUser {
+    /**
+     *
+     * @description
+     *
+     * Logo representando o perfil
+     *
+     */
+    avatar: string;
+    /**
+     *
+     * @description
+     *
+     * Imagem da marca
+     *
+     */
+    customerBrand: string;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido ao clicar na seção
+     *
+     * Exemplo: `action: this.myFunction.bind(this)`
+     */
+    action?: Function;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Indicação representando o estado do usuário
+     * Valores válidos:
+     * - `positive`: Define a cor do `status` com a cor de feedback positivo.
+     * - `negative`: Define a cor do `status` com a cor de feedback negative.
+     * - `warning`: Define a cor do `status` com a cor de feedback warning.
+     * - `disabled`: Define a cor do `status` com a cor de feedback disabled
+     *
+     */
+    status?: 'positive' | 'negative' | 'warning' | 'disabled';
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Template que será utilizado na ação
+     */
+    popover?: PoHeaderActionPopoverAction;
+    /**
+     *
+     * @optional
+     *
+     * @description
+     *
+     * Itens de ações
+     *
+     *  > Caso seja passado items e popover, o componente irá renderizar o popover e os itens serão ignorados
+     *
+     */
+    items?: Array<PoHeaderActionToolItem>;
+}

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

@@ -0,0 +1,266 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { PoLanguageService } from '../../services';
+import { PoMenuItem } from '../po-menu';
+import { PoHeaderActionTool } from './interfaces/po-header-action-tool.interface';
+import { PoHeaderActions } from './interfaces/po-header-actions.interface';
+import { PoHeaderBrand } from './interfaces/po-header-brand.interface';
+import { PoHeaderLiterals } from './interfaces/po-header-literals.interface';
+import { PoHeaderUser } from './interfaces/po-header-user.interface';
+import * as i0 from "@angular/core";
+export declare const poNavbarLiteralsDefault: {
+    en: PoHeaderLiterals;
+    es: PoHeaderLiterals;
+    pt: PoHeaderLiterals;
+    ru: PoHeaderLiterals;
+};
+/**
+ * @description
+ *
+ * O componente `po-header` é um cabeçalho fixo que permite apresentar itens com ações, divididos em `p-brand`, `p-menu-items`, `p-actions-tools` e `p-header-user`.
+ *
+ * - `p-brand`: Possibilita a inclusão de uma imagem e o titulo do header.
+ * - `p-menu-items`: Possibilita a inclusão de uma lista de itens com ações ou links.
+ * - `p-actions-tools`: Possibilita a inclusão de até 3 botões com ações.
+ * - `p-header-user`: Possibilita a inclusão de uma imagem representando a marca e avatar.
+ *
+ * O componente `po-header` pode ser usado de duas formas:
+ *
+ * Com `po-menu` definido pelo usuário:
+ * ```
+ * ...
+ * <po-header
+ *   [p-brand]="brand"
+ *   [p-menu-items]="items"
+ *   [p-actions-tools]="actions"
+ *   [p-header-user]="user"
+ * ></po-header>
+ *
+ * <div class="po-wrapper">
+ *   <po-menu [p-menus]="itemsMenu">
+ *   </po-menu>
+ *
+ *   <po-page-default>
+ *       <router-outlet></router-outlet>
+ *   </po-page-default>
+ * </div>
+ * ...
+ * ```
+ *
+ * Passando os itens diretamente para o `po-header` pela propriedade `p-menus`:
+ * ```
+ * ...
+ * <po-header
+ *   [p-brand]="brand"
+ *   [p-menu-items]="items"
+ *   [p-actions-tools]="actions"
+ *   [p-header-user]="user"
+ *   [p-menus]="itensMenu"
+ * ></po-header>
+ *
+ * <div class="po-wrapper">
+ *   <po-page-default>
+ *       <router-outlet></router-outlet>
+ *   </po-page-default>
+ * </div>
+ * ...
+ * ```
+ *
+ * #### 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                                      |
+ * |------------------------------------------|------------------------------------------------------------|---------------------------------------------------|
+ * | `--font-family`                          | Família tipográfica usada                                  | `var(--font-family-theme)`                        |
+ * | `--font-weight`                          | Peso da fonte                                              | `var(--font-weight-bold)`                         |
+ * | `--text-color`                           | Cor do texto                                               | `var(--color-neutral-dark-70)`                    |                                                                        | ---                                             |
+ * | `--outline-color-focused`                | Cor do outline dos itens de sub-menu e customer            | `var(--color-neutral-dark-95)`                    |                                                                        | ---                                             |
+ * | `--object-fit-brand`                     | Valor do object-fit da imagem do logo                      | `contain`                                         |                                                                        | ---                                             |
+ * | `--object-fit-customer`                  | Valor do object-fit da imagem do logo na seção customer    | `contain`                                         |                                                                        | ---                                             |
+ * | `--object-fit-customer-user`             | Valor do object-fit da imagem do avatar                    | `cover`                                           |                                                                        | ---                                             |
+ * | **Header**                               |                                                            |                                                   |
+ * | `--background-color`                     | Cor de background do header                                | `var(--color-neutral-light-05)`                   |
+ * | `--border-radius-bottom-left`            | Valor do radius do lado esquerdo do header                 | `var(--border-radius-md)`                         |
+ * | `--border-radius-bottom-right`           | Valor do radius do lado direito do header                  | `var(--border-radius-md)`                         |
+ * | `--base shadow`                          | Cor da sombra do header                                    | `0 1px 8px rgba(0, 0, 0, 0.1)`                  |
+ * | **Sub-menu**                             |                                                            |                                                   |
+ * | `--border-radius`                        | Valor do radius dos itens do sub-menu                      | `var(--border-radius-md);`                        |
+ * | `--text-color-submenu`                   | Cor do texto dos itens do sub-menu                         | `var(--color-brand-01-base)`                      |
+ * | `--icon-color`                           | Cor do ícone do sub-menu com itens                         | `var(--color-brand-01-base)`                      |
+ * | `--border-color`                         | Cor da borda                                               | `var(--color-transparent)`                        |
+ * | `--shadow`                               | Contém o valor da sombra do elemento                       | `var(--shadow-none)`                              |
+ * | **Sub-menu - Hover**                     |                                                            |                                                   |
+ * | `--background-hover`                     | Cor de background dos itens do sub-menu no estado hover    | `var(--color-brand-01-lighter)`                   |
+ * | `--icon-color-hover`                     | Cor do ícone dos itens de sub-menu no estado hover         | `var(--color-brand-01-darkest)`                   |
+ * | `--text-color-hover`                     | Cor do texo dos itens de sub-menu no estado hover          | `var(--color-brand-01-darkest)`                   |
+ * | **Sub-menu - pressed**                   |                                                            |                                                   |
+ * | `--background-pressed`                   | Cor de background dos itens do sub-menu no estado pressed  | `var(--color-brand-01-light)`                     |
+ * | `--icon-color-pressed`                   | Cor do ícone dos itens de sub-menu no estado pressed       | `var(--color-brand-01-darkest)`                   |
+ * | `--text-color-pressed`                   | Cor do texo dos itens de sub-menu no estado pressed        | `var(--color-brand-01-darkest)`                   |
+ * | **Sub-menu - selected**                  |                                                            |                                                   |
+ * | `--background-selected`                  | Cor de background dos itens do sub-menu no estado selected | `var(--color-brand-01-light)`                     |
+ * | `--icon-color-selected`                  | Cor do ícone dos itens de sub-menu no estado selected      | `var(--color-neutral-dark-95)`                    |
+ * | `--text-color-selected`                  | Cor do texo dos itens de sub-menu no estado selected       | `var(--color-brand-01-darkest)`                   |
+ * | **Customer**                             |                                                            |                                                   |
+ * | `--background-color-customer`            | Cor do background da seção customer                        | `var(--color-neutral-light-00)`                   |
+ * | `--border-color`                         | Cor da borda da seção customer                             | `var(--color-neutral-light-10)`                   |
+ * | `--border-style`                         | Estilo da borda da seção customer                          | `solid`                                           |
+ * | `--border-width`                         | Largura da borda da seção customer                         | `var(--border-width-sm)`                          |
+ * | **Customer - hover**                     |                                                            |                                                   |
+ * | `--background-color-customer-hover`      | Cor do background da seção customer no estado hover        | `var(--color-brand-01-lighter)`                   |
+ * | `--background-color-customer-hover`      | Cor do background da seção customer no estado hover        | `var(--color-brand-01-lighter)`                   |
+ * | **Customer - pressed**                   |                                                            |                                                   |
+ * | `--background-color-customer-pressed`    | Cor do background da seção customer no estado pressed      | `var(--color-brand-01-light)`                     |
+ *
+ */
+export declare abstract class PoHeaderBaseComponent {
+    private _menuItems;
+    menuCollapseJoin: any[];
+    menuCollapseJoinExternal: any[];
+    private _brand;
+    private _literals;
+    private language;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Número de itens dentro do botão de overflow. Caso a largura do header não suportar a quantidade de itens passadas, um botão com itens será criado.
+     * Essa propriedade possibilita a escolha de quantos itens estarão dentro do botão de overflow.
+     *
+     * > Ao utilizar essa propriedade o `po-header` não irá realizar o calculo automatíco de itens.
+     *
+     */
+    amountMore?: number;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Esconde o botão de menu colapsado.
+     *
+     */
+    hideButtonMenu?: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Habilita campo para filtrar itens no menu
+     *
+     */
+    filterMenu?: boolean;
+    sideMenuOnlyAction?: boolean;
+    forceActionTools?: boolean;
+    notChangeContext?: boolean;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Propriedade para configurar a seção de brand do `po-header`
+     *
+     * Caso seja enviada uma string, apenas o logo sera mostrado com o valor da string passada.
+     *
+     */
+    set brand(value: PoHeaderBrand | string);
+    get brand(): PoHeaderBrand | string;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Propriedade para configurar a seção de tools do `po-header`
+     *
+     * > Máximo de 3 itens, o componente irá ignorar os itens caso seja mandado mais itens que o suportado.
+     *
+     */
+    actionsTools: Array<PoHeaderActionTool>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Propriedade para configurar a seção de headerUser do `po-header`
+     *
+     */
+    headerUser: PoHeaderUser;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Propriedade para configurar a seção de menu do `po-header`.
+     * Cada item pode receber uma label e uma ação
+     *
+     * > Os itens irão ficar visíveis em uma tela de até 960px
+     *
+     */
+    set menuItems(items: Array<PoHeaderActions>);
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Lista dos itens do menu. Se o valor estiver indefinido ou inválido, será inicializado como um array vazio.
+     *
+     * > O menu poderá ser aberto via botão hamburguer quando a tela tiver menos que 960px
+     *
+     */
+    menuCollapse: Array<PoMenuItem>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Template customiado que será renderizado após os itens definidos na propriedade `p-menu-items`
+     *
+     */
+    headerTemplate: TemplateRef<any>;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Objeto com a literal usada na propriedade `p-literals`.
+     *
+     * Para customizar a literal, basta declarar um objeto do tipo `PoHeaderLiterals` conforme exemplo abaixo:
+     *
+     * ```
+     *  const customLiterals: PoHeaderLiterals = {
+     *    headerLinks: 'Itens de navegação',
+     *    notifications: 'Mensagens'
+     *  };
+     * ```
+     *
+     * E para carregar as literais customizadas, basta apenas passar o objeto para o componente.
+     *
+     * ```
+     * <po-header
+     *   [p-literals]="customLiterals">
+     * </po-header>
+     * ```
+     *
+     * > O objeto padrão de literais será traduzido de acordo com o idioma do
+     * [`PoI18nService`](/documentation/po-i18n) ou do browser.
+     */
+    set literals(value: PoHeaderLiterals);
+    get literals(): PoHeaderLiterals;
+    /**
+     * @optional
+     *
+     * @description
+     *
+     * Evento emitido ao clicar no botão para colapsar ou expandir menu.
+     *
+     */
+    colapsedMenuEvent: EventEmitter<any>;
+    constructor(languageService: PoLanguageService);
+    get menuItems(): Array<PoHeaderActions>;
+    private generateRandomId;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoHeaderBaseComponent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PoHeaderBaseComponent, never, never, { "amountMore": { "alias": "p-amount-more"; "required": false; }; "hideButtonMenu": { "alias": "p-hide-button-menu"; "required": false; }; "filterMenu": { "alias": "p-filter-menu"; "required": false; }; "sideMenuOnlyAction": { "alias": "p-side-menu-only-action"; "required": false; }; "forceActionTools": { "alias": "p-force-actions-tools"; "required": false; }; "notChangeContext": { "alias": "p-not-change-context"; "required": false; }; "brand": { "alias": "p-brand"; "required": false; }; "actionsTools": { "alias": "p-actions-tools"; "required": false; }; "headerUser": { "alias": "p-header-user"; "required": false; }; "menuItems": { "alias": "p-menu-items"; "required": false; }; "menuCollapse": { "alias": "p-menus"; "required": false; }; "headerTemplate": { "alias": "p-header-template"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; }, { "colapsedMenuEvent": "p-colapsed-menu"; }, never, never, true, never>;
+    static ngAcceptInputType_filterMenu: any;
+}

package/lib/components/po-header/po-header-brand/po-header-brand.component.d.ts

@@ -0,0 +1,27 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
+import { Router } from '@angular/router';
+import { PoMenuItem } from '../../po-menu';
+import { PoHeaderBrand } from '../interfaces/po-header-brand.interface';
+import * as i0 from "@angular/core";
+export declare class PoHeaderbrandComponent implements AfterViewInit, OnChanges, OnDestroy {
+    private cd;
+    private router;
+    private resizeSub;
+    showTitleTooltip: boolean;
+    smallLogo: boolean;
+    targetRef: ElementRef;
+    titleBrand: ElementRef;
+    brand: PoHeaderBrand;
+    clickMenu: EventEmitter<any>;
+    hideButtonMenu?: boolean;
+    menuCollapse: Array<PoMenuItem>;
+    externalMenu: boolean;
+    constructor(cd: ChangeDetectorRef, router: Router);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onClickLogo(): void;
+    get showTooltip(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoHeaderbrandComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoHeaderbrandComponent, "po-header-brand", never, { "brand": { "alias": "p-brand"; "required": false; }; "hideButtonMenu": { "alias": "p-hide-button-menu"; "required": false; }; "menuCollapse": { "alias": "p-menus"; "required": false; }; "externalMenu": { "alias": "p-external"; "required": false; }; }, { "clickMenu": "p-click-menu"; }, never, never, false, never>;
+}

package/lib/components/po-header/po-header-customer/po-header-customer.component.d.ts

@@ -0,0 +1,32 @@
+import { PoPopoverComponent } from '../../po-popover';
+import { PoPopupComponent } from '../../po-popup';
+import { PoHeaderUser } from '../interfaces/po-header-user.interface';
+import { PoLanguageService } from '../../../services';
+import * as i0 from "@angular/core";
+export declare const poHeaderCustomerLiteralsDefault: {
+    en: {
+        labelUser: string;
+    };
+    es: {
+        labelUser: string;
+    };
+    pt: {
+        labelUser: string;
+    };
+    ru: {
+        labelUser: string;
+    };
+};
+export declare class PoHeaderCustomerComponent {
+    literals: any;
+    poPopupAction: PoPopupComponent;
+    poPopoverAction: PoPopoverComponent;
+    headerUser: PoHeaderUser;
+    constructor(languageService: PoLanguageService);
+    onClickPopup(): void;
+    onClickUserSection(): void;
+    onClickClosePopover(): void;
+    onKeyDownCustomer(event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoHeaderCustomerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoHeaderCustomerComponent, "po-header-customer", never, { "headerUser": { "alias": "p-header-user"; "required": false; }; }, {}, never, never, false, never>;
+}

package/lib/components/po-header/po-header-menu-item/po-header-menu-item.component.d.ts

@@ -0,0 +1,50 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { Router } from '@angular/router';
+import { PoLanguageService } from '../../../services';
+import { PoPopupComponent } from '../../po-popup';
+import { PoHeaderActions } from '../interfaces/po-header-actions.interface';
+import * as i0 from "@angular/core";
+export declare const poHeaderMoreLiteralsDefault: {
+    en: {
+        more: string;
+    };
+    es: {
+        more: string;
+    };
+    pt: {
+        more: string;
+    };
+    ru: {
+        more: string;
+    };
+};
+export declare class PoHeaderMenuItemComponent implements OnChanges, OnInit, OnDestroy {
+    private cd;
+    private router;
+    buttonMoreRef: any;
+    lastItemSelected: PoHeaderActions;
+    selectedItem: boolean;
+    literals: any;
+    private routeSubscription;
+    private resizeSubscription;
+    buttonMoreElement: ElementRef;
+    poPopupElement: PoPopupComponent;
+    item: PoHeaderActions;
+    itemOverFlow: Array<PoHeaderActions>;
+    overflowButton: boolean;
+    itemClick: EventEmitter<any>;
+    constructor(cd: ChangeDetectorRef, router: Router, languageService: PoLanguageService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    openListButtonMore(): void;
+    onKeyDownButtonMore(event: any): void;
+    onKeyDownButtonList(event: any, item: PoHeaderActions): void;
+    onAction(item: PoHeaderActions, itemDefault?: boolean): void;
+    onClosePopup(): void;
+    private checkActiveItemByUrl;
+    private checkRouterChildrenFragments;
+    private subscribeToRoute;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoHeaderMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoHeaderMenuItemComponent, "po-header-menu-item", never, { "item": { "alias": "p-item"; "required": false; }; "itemOverFlow": { "alias": "p-item-overflow"; "required": false; }; "overflowButton": { "alias": "p-button-overflow"; "required": false; }; }, { "itemClick": "p-item-click"; }, never, never, false, never>;
+}

package/lib/components/po-header/po-header-tools/po-header-tools.component.d.ts

@@ -0,0 +1,31 @@
+import { ChangeDetectorRef, ElementRef, QueryList, TemplateRef } from '@angular/core';
+import { Router } from '@angular/router';
+import { PoButtonComponent } from '../../po-button';
+import { PoPopoverComponent } from '../../po-popover';
+import { PoPopupComponent } from '../../po-popup';
+import { PoHeaderActionTool } from '../interfaces/po-header-action-tool.interface';
+import { PoHeaderLiterals } from '../interfaces/po-header-literals.interface';
+import * as i0 from "@angular/core";
+export declare class PoHeaderToolsComponent {
+    private router;
+    private cd;
+    _actionTools: Array<PoHeaderActionTool>;
+    buttonActionElements: QueryList<ElementRef>;
+    buttonActionComponents: QueryList<PoButtonComponent>;
+    poPopupActions: QueryList<PoPopupComponent>;
+    poPopoverActions: QueryList<PoPopoverComponent>;
+    forceActionTools?: boolean;
+    set actionTools(value: Array<PoHeaderActionTool>);
+    literals: PoHeaderLiterals;
+    get actionTools(): Array<PoHeaderActionTool>;
+    get popoverIndexes(): Array<number>;
+    headerTemplate: TemplateRef<any>;
+    constructor(router: Router, cd: ChangeDetectorRef);
+    onClickAction(index: number): void;
+    checkSelected(index: number): boolean;
+    onClosePopup(index: number): void;
+    getAriaLabel(action: PoHeaderActionTool): string;
+    private checkLink;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PoHeaderToolsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PoHeaderToolsComponent, "po-header-tools", never, { "forceActionTools": { "alias": "p-force-actions-tools"; "required": false; }; "actionTools": { "alias": "p-actions-tools"; "required": false; }; "literals": { "alias": "p-literals"; "required": false; }; "headerTemplate": { "alias": "p-header-template"; "required": false; }; }, {}, never, never, false, never>;
+}