import { EventEmitter } from '@angular/core'; import { PoLanguageService } from '../../../services/po-language/po-language.service'; import { PoBreadcrumb } from '../../po-breadcrumb/po-breadcrumb.interface'; import { PoPageContentComponent } from '../po-page-content/po-page-content.component'; import { PoPageDetailLiterals } from './po-page-detail-literals.interface'; export declare const poPageDetailLiteralsDefault: { en: PoPageDetailLiterals; es: PoPageDetailLiterals; pt: PoPageDetailLiterals; ru: PoPageDetailLiterals; }; /** * @description * * 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; /** Objeto com propriedades do breadcrumb. */ breadcrumb: PoBreadcrumb; /** * Evento que será disparado ao clicar no botão de "Voltar". * * ``` * * * ``` * * > Caso não utilizar esta propriedade, o botão de "Voltar" não será exibido. */ back: EventEmitter; /** * Evento que será disparado ao clicar no botão de "Editar". * * ``` * * * ``` * * > Caso não utilizar esta propriedade, o botão de "Editar" não será exibido. */ edit: EventEmitter; /** * Evento que será disparado ao clicar no botão de "Remover". * * ``` * * * ``` * * > Caso não utilizar esta propriedade, o botão de "Remover" não será exibido. */ remove: EventEmitter; private _componentsSize?; private _initialComponentsSize?; private _literals; private _title; private readonly language; /** * @optional * * @description * * Define o tamanho dos componentes de formulário no template: * - `small`: aplica a medida small de cada componente (disponível apenas para acessibilidade AA). * - `medium`: aplica a medida medium de cada componente. * * > 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 componentsSize(value: string); get componentsSize(): string; /** * @optional * * @description * * Objeto com as literais usadas no `po-page-detail`. * * Existem duas maneiras de customizar o componente, passando um objeto com todas as literais disponíveis: * * ``` * const customLiterals: PoPageDetailLiterals = { * edit: 'Edição', * remove: 'Exclusão', * back: 'Menu' * }; * ``` * * Ou passando apenas as literais que deseja customizar: * * ``` * const customLiterals: PoPageDetailLiterals = { * remove: 'Excluir registro permanentemente' * }; * ``` * * E para carregar as literais customizadas, basta apenas passar o objeto para o componente. * * ``` * * * ``` * * > O objeto padrão de literais será traduzido de acordo com o idioma do * [`PoI18nService`](/documentation/po-i18n) ou do browser. */ set literals(value: PoPageDetailLiterals); get literals(): PoPageDetailLiterals; /** Título da página. */ set title(title: string); get title(): string; /** * @optional * * @description * * Subtitulo do Header da página */ subtitle: string; constructor(languageService: PoLanguageService); protected onThemeChange(): void; private applySizeBasedOnA11y; }