import { PoLanguageService } from './../../../services/po-language/po-language.service'; import { PoBreadcrumb } from '../../po-breadcrumb/po-breadcrumb.interface'; import { PoPageAction } from '../interfaces/po-page-action.interface'; import { PoPageContentComponent } from '../po-page-content/po-page-content.component'; import { PoPageDefaultLiterals } from './po-page-default-literals.interface'; export declare const poPageDefaultLiteralsDefault: { en: PoPageDefaultLiterals; es: PoPageDefaultLiterals; pt: PoPageDefaultLiterals; ru: PoPageDefaultLiterals; }; /** * @description * * O componente `po-page-default` é utilizado como o container principal para as telas sem um template definido. * * #### 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 PoPageDefaultBaseComponent { poPageContent: PoPageContentComponent; /** Objeto com propriedades do breadcrumb. */ breadcrumb?: PoBreadcrumb; visibleActions: Array; protected language: string; private _actions?; private _componentsSize?; private _initialComponentsSize?; private _literals; private _title; /** * @optional * * @description * * Nesta propriedade deve ser definido um array de objetos que implementam a interface `PoPageAction`. */ set actions(actions: Array); get actions(): Array; /** * @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-default`. * * Existem duas maneiras de customizar o componente, passando um objeto com todas as literais disponíveis: * * ``` * const customLiterals: PoPageDefaultLiterals = { * otherActions: 'Mais ações' * }; * ``` * * Ou passando apenas as literais que deseja customizar: * * ``` * const customLiterals: PoPageDefaultLiterals = { * otherActions: 'Ações da página' * }; * ``` * * E para carregar as literais customizadas, basta apenas passar o objeto para o componente. * * ``` * * * ``` * * > O valor padrão será traduzido de acordo com o idioma configurado no [`PoI18nService`](/documentation/po-i18n) ou *browser*. */ set literals(value: PoPageDefaultLiterals); get literals(): PoPageDefaultLiterals; /** 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; abstract setDropdownActions(): any; abstract getVisibleActions(): any; }