import type { FooterLayoutWidth, FooterTheme } from './footer.types'; /** * O `br-footer` é o rodapé da página: logotipo, mapa do site, redes sociais, parceiros e informações legais. * * ### Como montar * * | Área | Onde colocar | * | --- | --- | * | Logotipo | `br-footer-logo` no slot `logo` | * | Mapa do site | `br-footer-category` com `br-footer-item`, no conteúdo do footer | * | Redes sociais | `br-footer-social` no slot `social-network` | * | Parceiros | `br-footer-logo partner` no slot `partner-logo` | * | Informações legais | `br-footer-legal` no slot `legal` | * * ```html * * * * * Emitir documento * Consultar processo * * * * * Texto destinado a exibir informações sobre o licenciamento. * * ``` * * Em telas pequenas, as categorias viram seções que abrem e fecham. O tema padrão é escuro; use `theme="light"` para o claro. * * Consulte as [diretrizes de design do GovBR](https://www.gov.br/ds/components/footer?tab=designer). * * @category Estrutura, Navegação * @status stable * @slot logo - Slot para o logo do rodapé, utilizando o componente br-logo. * @slot default - Slot para o mapa do site, utilizando br-footer-category e br-footer-item. * @slot social-network - Slot para as redes sociais, utilizando br-footer-social. * @slot partner-logo - Slot para logos de parceiros, utilizando br-logo. * @slot legal - Slot para informações legais, utilizando br-footer-legal. * * @part container - Wrapper principal do footer. * @part site-map - Área do mapa do site. * @part social - Área de redes sociais. * @part partners - Área de logos de parceiros. */ export declare class Footer { /** * Referência ao elemento host do componente. * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente. */ el: HTMLBrFooterElement; /** * Identificador único do componente. * Quando omitido, um valor é gerado automaticamente. * * > **Padrão:** valor único gerado por generateUniqueId(). * */ customId: string; /** * Indica o tema do rodapé. * * @deprecated Use `colorMode`. */ theme: FooterTheme; /** Esquema de cor padrão. Quando informado, tem precedência sobre `theme`. */ colorMode?: FooterTheme; /** * Texto de descrição das redes sociais. */ socialNetworkTitle: string; /** * Define a largura do container interno do rodapé. * - `contained`: largura máxima limitada pela grade no breakpoint desktop (`container-lg`). * - `full`: sempre ocupa 100% da largura disponível (`container-fluid`). */ layoutWidth: FooterLayoutWidth; private get effectiveColorMode(); private get effectiveLayoutWidth(); private hasSocialNetwork; private hasPartnerLogo; private hasLegal; private slotObserver?; private readonly handleSlotChange; componentWillLoad(): void; componentDidLoad(): void; disconnectedCallback(): void; private checkSlots; private getCssClassMap; /** * Renderiza o componente. * @returns JSX do componente. */ render(): any; }