import { PoLanguageService } from '../../../services/po-language/po-language.service'; import { PoLoadingOverlayLiterals } from './interfaces/po-loading-overlay-literals.interface'; export declare const poLoadingOverlayLiteralsDefault: { en: PoLoadingOverlayLiterals; es: PoLoadingOverlayLiterals; pt: PoLoadingOverlayLiterals; ru: PoLoadingOverlayLiterals; }; /** * * @description * * Este componente mostra ao usuário uma imagem de _loading_ e bloqueia a página inteira ou o container escolhido, * enquanto aguarda a resposta de alguma requisição. * * #### Tokens customizáveis * * É possível alterar o estilo do componente usando os seguintes tokens (CSS):
* Obs: Só é possível realizar alterações ao adicionar a classe `.po-loading` * * > 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** | | | * | `--font-family` | Família tipográfica usada | `var(--font-family-theme)` | * | `--font-weight` | Peso da fonte | `var(--font-weight-normal)` | * | `--text-color` | Cor do texto | `var(--color-neutral-dark-70)` | * | `--border-radius` | Contém o valor do raio dos cantos do elemento  | `var(--border-radius-md)` | * | `--border-width` | Contém o valor da largura dos cantos do elemento | `var(--border-width-sm)` | * | `--border-color` | Cor da borda | `var(--color-neutral-light-20)` | * | `--background` | Cor de background | `var(--color-neutral-light-00)` | * | `--shadow` | Contém o valor da sombra do elemento | `var(--shadow-md)` | * | **po-loading-icon** | | | * | `--color` | Cor principal do spinner | `var(--color-action-default)` | * */ export declare class PoLoadingOverlayBaseComponent { private readonly languageService; private _screenLock?; private _text?; private _size?; /** * @optional * * @description * * Define se o *overlay* será aplicado a um *container* ou à página inteira. * * Para utilizar o componente como um *container*, o elemento pai deverá receber uma posição relativa, por exemplo: * * ``` *
* * * * * * *
* ``` * * @default `false` */ set screenLock(screenLock: boolean); get screenLock(): boolean; /** * @optional * * @description * * Texto a ser exibido no componente. * * > O valor padrão será traduzido de acordo com o idioma configurado no [**PoI18n**](/documentation/po-i18n) ou navegador. * * @default `Carregando` */ set text(value: string); get text(): string; /** * @optional * * @description * * Define o tamanho do componente com base no tamanho do ícone de *loading*. * * Tamanhos disponíveis para o *loading*: * - `xs`: 1rem * - `sm`: 1.5rem * - `md`: 3rem * - `lg`: 5rem (valor padrão) * * @default `lg` */ set size(value: string | null); get size(): string; constructor(languageService: PoLanguageService); private getTextDefault; }