import { PoDropdownAction } from './po-dropdown-action.interface'; /** * @description * * O componente `po-dropdown` pode ser utilizado como um agrupador de ações e / ou opções. * * > Caso não haja configuração de rotas em sua aplicação, se faz necessário importar o `RouterModule` * no módulo principal para o correto funcionamento deste componente: * * ``` * import { RouterModule } from '@angular/router'; * * @NgModule({ * imports: [ * ... * RouterModule.forRoot([]), * PoModule * ], * declarations: [ * AppComponent * ], * exports: [], * providers: [], * bootstrap: [ * AppComponent * ] * }) * export class AppModule { } * ``` * > Para maiores dúvidas referente à configuração de rotas, acesse em nosso portal /Guias /Começando * [/Configurando as rotas do po-menu](/guides/getting-started). * * #### 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 | * |----------------------------------------|-------------------------------------------------------|--------------------------------------------------| * | **Default Values** | | | * | `--font-family` | Família tipográfica usada | `var(--font-family-theme)` | * | `--font-size` | Tamanho da fonte | `var(--font-size-default)` | * | `--font-weight` | Peso da fonte | `var(--font-weight-bold)` | * | `--line-height` | Tamanho da label | `var(--line-height-none)` | * | `--color` | Cor principal do dropdown | `var(--color-action-default)` | * | `--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-md)` | * | `--padding` | Preenchimento | `0 1em` | * | **Hover** | | | * | `--color-hover` | Cor principal no estado hover | `var(--color-brand-01-darkest)` | * | `--background-hover` | Cor de background no estado hover | `var(--color-brand-01-lighter)` | * | **Focused** | | | * | `--outline-color-focused`   | Cor do outline do estado de focus | `var(--color-action-focus)` | * | **Pressed** | | | * | `--background-pressed`   | Cor de background no estado de pressionado  | `var(--color-brand-01-light)` | * | **Disabled** | | | * | `--color-disabled` | Cor principal no estado disabled | `var(--color-action-disabled)` | * */ export declare class PoDropdownBaseComponent { /** Adiciona um rótulo ao `dropdown`. */ label: string; icon: string; open: boolean; private _actions; private _disabled; private _size?; private _initialSize?; /** Lista de ações que serão exibidas no componente. */ set actions(value: Array); get actions(): Array; /** * @optional * * @description * * Desabilita o campo. * * @default `false` */ set disabled(value: boolean); get disabled(): boolean; /** * @optional * * @description * * Define o tamanho do componente: * - `small`: altura do button como 32px (disponível apenas para acessibilidade AA). * - `medium`: altura do button como 44px. * * > 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 size(value: string); get size(): string; protected onThemeChange(): void; private applySizeBasedOnA11y; }