@govbr-ds/webcomponents-angular
Version:
Wrapper Angular para a biblioteca de Web Components do GovBR-DS.
1,051 lines (1,050 loc) • 79.3 kB
TypeScript
import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone } from '@angular/core';
import { Components } from '@govbr-ds/webcomponents';
import * as i0 from "@angular/core";
export declare class BrAvatar {
protected z: NgZone;
protected el: HTMLBrAvatarElement;
/**
* Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
*/
set density(_: Components.BrAvatar['density']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrAvatar['customId']);
/**
* URL da imagem a ser exibida no avatar do tipo 'fotográfico'.
Deve ser uma URL válida que aponta para a imagem desejada.
*/
set src(_: Components.BrAvatar['src']);
/**
* Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO.
Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: "Foto de perfil de João Silva".
*/
set alt(_: Components.BrAvatar['alt']);
/**
* Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica.
Se definido como verdadeiro, o avatar será exibido como um ícone.
*/
set isIconic(_: Components.BrAvatar['isIconic']);
/**
* Texto exibido no avatar do tipo 'letra'.
Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.
*/
set text(_: Components.BrAvatar['text']);
/**
* Largura do ícone no avatar do tipo icônico
*/
set iconWidth(_: Components.BrAvatar['iconWidth']);
/**
* Altura do ícone no avatar do tipo icônico
*/
set iconHeight(_: Components.BrAvatar['iconHeight']);
/**
* Ajuste para a margem de cima do ícone no avatar do tipo icônico
*/
set iconMarginTop(_: Components.BrAvatar['iconMarginTop']);
/**
* Define se o avatar está desabilitado
*/
set disabled(_: Components.BrAvatar['disabled']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrAvatar, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrAvatar, "br-avatar", never, { "alt": { "alias": "alt"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconHeight": { "alias": "iconHeight"; "required": false; }; "iconMarginTop": { "alias": "iconMarginTop"; "required": false; }; "iconWidth": { "alias": "iconWidth"; "required": false; }; "isIconic": { "alias": "isIconic"; "required": false; }; "src": { "alias": "src"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrAvatar extends Components.BrAvatar {
}
export declare class BrBreadcrumb {
protected z: NgZone;
protected el: HTMLBrBreadcrumbElement;
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrBreadcrumb['customId']);
/**
* URL para home.
Caso não seja fornecido, o valor padrão será /.
*/
set homeUrl(_: Components.BrBreadcrumb['homeUrl']);
/**
* Define o array de objetos que receberá os nomes e links do breadcrumb.
Define valor padrão do breadcrumb 'defaultCrumbs'.
*/
set crumbs(_: Components.BrBreadcrumb['crumbs']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrBreadcrumb, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrBreadcrumb, "br-breadcrumb", never, { "crumbs": { "alias": "crumbs"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "homeUrl": { "alias": "homeUrl"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrBreadcrumb extends Components.BrBreadcrumb {
}
export declare class BrButton {
protected z: NgZone;
protected el: HTMLBrButtonElement;
/**
* Define se o botão usará um esquema de cores escuro.
*/
set colorMode(_: Components.BrButton['colorMode']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrButton['customId']);
/**
* Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
*/
set density(_: Components.BrButton['density']);
/**
* Desativa o botão, tornando-o não interativo.
*/
set disabled(_: Components.BrButton['disabled']);
/**
* Define a ênfase do botão, alterando sua aparência para criar hierarquia visual e destacar ações importantes.
*/
set emphasis(_: Components.BrButton['emphasis']);
/**
* Indica se o botão está no estado ativo.
Se definido como verdadeiro, o botão será exibido como ativo.
*/
set isActive(_: Components.BrButton['isActive']);
/**
* Aplica o estado de "progresso" ao botão.
O botão exibirá um indicador de carregamento ou progresso.
*/
set isLoading(_: Components.BrButton['isLoading']);
/**
* Define o formato do botão.
Valores possíveis:
- 'circle': Botão com formato circular.
- 'block': Botão com formato ovalado ocupando toda a largura disponível.
- 'pill': Botão com formato ovalado, com bordas arredondadas.
*/
set shape(_: Components.BrButton['shape']);
/**
* Define o tipo de botão, especificando seu comportamento padrão.
Valores possíveis:
- 'button': Um botão padrão.
- 'reset': Um botão para redefinir o formulário.
- 'submit': Um botão para enviar o formulário.
*/
set type(_: Components.BrButton['type']);
/**
* Define o valor inicial do botão em um formulário.
*/
set value(_: Components.BrButton['value']);
/**
* Define o rótulo acessível do botão.
Este rótulo é usado por tecnologias assistivas para descrever a função do botão.
É especialmente importante para botões com formato circular, onde o texto pode não ser visível.
Se o botão não tiver um rótulo acessível, uma mensagem de aviso será exibida no console.
*/
set ariaLabel(_: Components.BrButton['ariaLabel']);
/**
* Define o estado de pressionado do botão.
Este atributo é usado para indicar se o botão está atualmente pressionado ou não.
É especialmente útil para botões que podem ser alternados entre os estados pressionado e não pressionado.
O valor deve ser 'true' ou 'false'.
*/
set ariaPressed(_: Components.BrButton['ariaPressed']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrButton, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrButton, "br-button", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaPressed": { "alias": "ariaPressed"; "required": false; }; "colorMode": { "alias": "colorMode"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "emphasis": { "alias": "emphasis"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrButton extends Components.BrButton {
}
export declare class BrCheckbox {
protected z: NgZone;
protected el: HTMLBrCheckboxElement;
/**
* Define o estado intermediário do checkbox.
Quando verdadeiro, exibe uma marcação parcial visual que indica seleção parcial.
Útil para representar grupos onde alguns itens estão selecionados, mas não todos.
Ao clicar no checkbox neste estado, ele será automaticamente alterado para marcado.
*/
set indeterminate(_: Components.BrCheckbox['indeterminate']);
/**
* Define o estado de seleção do checkbox.
Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.
*/
set checked(_: Components.BrCheckbox['checked']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrCheckbox['customId']);
/**
* Desativa o checkbox, tornando-o não interativo.
*/
set disabled(_: Components.BrCheckbox['disabled']);
/**
* Define se o label associado ao checkbox deve ser oculto.
Se definido como verdadeiro, o texto do label será oculto, mas o checkbox ainda estará visível e funcional.
*/
set hasHiddenLabel(_: Components.BrCheckbox['hasHiddenLabel']);
/**
* Texto descritivo exibido à direita do checkbox.
Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.
*/
set label(_: Components.BrCheckbox['label']);
/**
* Define o nome do checkbox, que é utilizado para agrupar checkboxes em formulários e identificar o campo.
O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.
*/
set name(_: Components.BrCheckbox['name']);
/**
* Indica a validade do checkbox.
Valores possíveis:
'valid': O checkbox é considerado válido.
'invalid': O checkbox é considerado inválido.
Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.
*/
set state(_: Components.BrCheckbox['state']);
/**
* Define o valor associado ao checkbox quando ele faz parte de um formulário nativo (`<form>`).
Esse valor é enviado com o formulário quando o checkbox está selecionado.
**Nota:** Esta propriedade não deve ser utilizada para determinar se o checkbox está selecionado; para verificar o estado de seleção, use a propriedade `checked`.
*/
set value(_: Components.BrCheckbox['value']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrCheckbox, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrCheckbox, "br-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasHiddenLabel": { "alias": "hasHiddenLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrCheckbox extends Components.BrCheckbox {
/**
* Disparado depois que o valor do `checked` foi alterado
*/
checkedChange: EventEmitter<CustomEvent<boolean>>;
/**
* Disparado depois que o valor do `indeterminate` foi alterado.
*/
indeterminateChange: EventEmitter<CustomEvent<boolean>>;
}
export declare class BrCheckgroup {
protected z: NgZone;
protected el: HTMLBrCheckgroupElement;
/**
* Texto descritivo do grupo.
*/
set label(_: Components.BrCheckgroup['label']);
/**
* Define o texto do label quando o checkbox está marcado.
*/
set labelSelecionado(_: Components.BrCheckgroup['labelSelecionado']);
/**
* Define o texto do label quando o checkbox está desmarcado.
*/
set labelDesselecionado(_: Components.BrCheckgroup['labelDesselecionado']);
/**
* Define o estado intermediário do checkbox.
Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.
Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.
*/
set indeterminate(_: Components.BrCheckgroup['indeterminate']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrCheckgroup['customId']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrCheckgroup, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrCheckgroup, "br-checkgroup", never, { "customId": { "alias": "customId"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelDesselecionado": { "alias": "labelDesselecionado"; "required": false; }; "labelSelecionado": { "alias": "labelSelecionado"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrCheckgroup extends Components.BrCheckgroup {
}
export declare class BrCollapse {
protected z: NgZone;
protected el: HTMLBrCollapseElement;
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrCollapse['customId']);
/**
* Define se o collapse está aberto ou fechado. @default false
*/
set open(_: Components.BrCollapse['open']);
/**
* Define se o collapse faz parte de um accordion @default null
*/
set accordionGroup(_: Components.BrCollapse['accordionGroup']);
/**
* Classe CSS para o ícone de expansão @default 'fa6-solid:chevron-down'
*/
set iconToShow(_: Components.BrCollapse['iconToShow']);
/**
* Classe CSS para o ícone de recolhimento @default 'fa6-solid:chevron-up'
*/
set iconToHide(_: Components.BrCollapse['iconToHide']);
/**
* Define a posição do ícone: 'left' ou 'right' @default 'right'
*/
set iconPosition(_: Components.BrCollapse['iconPosition']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrCollapse, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrCollapse, "br-collapse", never, { "accordionGroup": { "alias": "accordionGroup"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconToHide": { "alias": "iconToHide"; "required": false; }; "iconToShow": { "alias": "iconToShow"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrCollapse extends Components.BrCollapse {
/**
* Evento emitido ao expandir.
*/
brDidOpen: EventEmitter<CustomEvent<{
id: string;
accordionGroup: string;
}>>;
/**
* Evento emitido ao recolher.
*/
brDidClose: EventEmitter<CustomEvent<{
id: string;
accordionGroup: string;
}>>;
}
export declare class BrDivider {
protected z: NgZone;
protected el: HTMLBrDividerElement;
/**
* Identificador único
*/
set customId(_: Components.BrDivider['customId']);
/**
* Define a orientação
*/
set orientation(_: Components.BrDivider['orientation']);
/**
* Modifica a espessura da linha
*/
set thickness(_: Components.BrDivider['thickness']);
/**
* Modifica o estilo da linha
*/
set borderStyle(_: Components.BrDivider['borderStyle']);
/**
* Ativa o modo escuro
*/
set isDarkMode(_: Components.BrDivider['isDarkMode']);
/**
* Define a cor da linha
*/
set color(_: Components.BrDivider['color']);
/**
* Alinhamento do texto do divider
*/
set align(_: Components.BrDivider['align']);
/**
* Define se o divider deve ocupar toda a largura do container pai
*/
set bleed(_: Components.BrDivider['bleed']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrDivider, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrDivider, "br-divider", never, { "align": { "alias": "align"; "required": false; }; "bleed": { "alias": "bleed"; "required": false; }; "borderStyle": { "alias": "borderStyle"; "required": false; }; "color": { "alias": "color"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "isDarkMode": { "alias": "isDarkMode"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrDivider extends Components.BrDivider {
}
export declare class BrDropdown {
protected z: NgZone;
protected el: HTMLBrDropdownElement;
/**
* Indica se o dropdown está aberto ou fechado.
Esta propriedade é refletida no DOM e pode ser alterada externamente.
O valor padrão é falso (fechado).
*/
set isOpen(_: Components.BrDropdown['isOpen']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrDropdown['customId']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrDropdown, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrDropdown, "br-dropdown", never, { "customId": { "alias": "customId"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrDropdown extends Components.BrDropdown {
/**
* Evento emitido quando o estado do dropdown muda.
*/
brDropdownChange: EventEmitter<CustomEvent<{
'is-opened': boolean;
}>>;
}
export declare class BrFooter {
protected z: NgZone;
protected el: HTMLBrFooterElement;
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrFooter['customId']);
/**
* Indica o tema do rodapé.
*/
set theme(_: Components.BrFooter['theme']);
/**
* Texto de descrição das redes sociais.
*/
set socialNetworkTitle(_: Components.BrFooter['socialNetworkTitle']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrFooter, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrFooter, "br-footer", never, { "customId": { "alias": "customId"; "required": false; }; "socialNetworkTitle": { "alias": "socialNetworkTitle"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrFooter extends Components.BrFooter {
}
export declare class BrFooterCategory {
protected z: NgZone;
protected el: HTMLBrFooterCategoryElement;
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrFooterCategory['customId']);
/**
* Título da lista. @default ''
*/
set label(_: Components.BrFooterCategory['label']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrFooterCategory, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrFooterCategory, "br-footer-category", never, { "customId": { "alias": "customId"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrFooterCategory extends Components.BrFooterCategory {
}
export declare class BrFooterItem {
protected z: NgZone;
protected el: HTMLBrFooterItemElement;
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrFooterItem['customId']);
/**
* URL ou caminho para o qual o usuário será direcionado ao clicar no item.
Quando definido, o item será renderizado como um link. @example 'https://www.gov.br',@example '/home',@example '#section'
*/
set href(_: Components.BrFooterItem['href']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrFooterItem, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrFooterItem, "br-footer-item", never, { "customId": { "alias": "customId"; "required": false; }; "href": { "alias": "href"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrFooterItem extends Components.BrFooterItem {
}
export declare class BrFooterLegal {
protected z: NgZone;
protected el: HTMLBrFooterLegalElement;
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrFooterLegal['customId']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrFooterLegal, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrFooterLegal, "br-footer-legal", never, { "customId": { "alias": "customId"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrFooterLegal extends Components.BrFooterLegal {
}
export declare class BrFooterLogo {
protected z: NgZone;
protected el: HTMLBrFooterLogoElement;
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrFooterLogo['customId']);
/**
* Url da logo padrão.
*/
set src(_: Components.BrFooterLogo['src']);
/**
* Descrição da logo.
*/
set description(_: Components.BrFooterLogo['description']);
/**
* Posição da logo.
*/
set position(_: Components.BrFooterLogo['position']);
/**
* Define se a logo é de um parceiro.
*/
set isPartner(_: Components.BrFooterLogo['isPartner']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrFooterLogo, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrFooterLogo, "br-footer-logo", never, { "customId": { "alias": "customId"; "required": false; }; "description": { "alias": "description"; "required": false; }; "isPartner": { "alias": "isPartner"; "required": false; }; "position": { "alias": "position"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrFooterLogo extends Components.BrFooterLogo {
}
export declare class BrFooterSocial {
protected z: NgZone;
protected el: HTMLBrFooterSocialElement;
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrFooterSocial['customId']);
/**
* Ícone da rede social
*/
set icon(_: Components.BrFooterSocial['icon']);
/**
* Descrição do ícone da rede social
*/
set description(_: Components.BrFooterSocial['description']);
/**
* URL da rede social
*/
set href(_: Components.BrFooterSocial['href']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrFooterSocial, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrFooterSocial, "br-footer-social", never, { "customId": { "alias": "customId"; "required": false; }; "description": { "alias": "description"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrFooterSocial extends Components.BrFooterSocial {
}
export declare class BrIcon {
protected z: NgZone;
protected el: HTMLBrIconElement;
/**
* Nome do ícone a ser exibido, utilizando a biblioteca Iconify.
Este nome deve corresponder ao nome do ícone definido na biblioteca para que ele seja exibido corretamente.
*/
set iconName(_: Components.BrIcon['iconName']);
/**
* Define a altura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc.
O valor padrão é '16'.
*/
set height(_: Components.BrIcon['height']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrIcon['customId']);
/**
* Define a largura do ícone. Pode ser especificada em qualquer unidade CSS válida, como pixels (px), ems (em), rems (rem), etc.
O valor padrão é '24'.
*/
set width(_: Components.BrIcon['width']);
/**
* Permite adicionar classes CSS adicionais ao ícone.
Use esta propriedade para aplicar estilos personalizados ao ícone, além dos estilos padrão.
*/
set cssClasses(_: Components.BrIcon['cssClasses']);
/**
* Se definido como verdadeiro, o ícone será alinhado verticalmente ao texto ao seu redor.
Útil quando o ícone é usado em linha com texto para garantir que esteja alinhado corretamente com o texto.
O valor padrão é `false`.
*/
set isInline(_: Components.BrIcon['isInline']);
/**
* Define o ângulo de rotação do ícone.
Aceita valores como "90deg", "180deg" e "270deg" para rotacionar o ícone em diferentes ângulos.
*/
set rotate(_: Components.BrIcon['rotate']);
/**
* Define o tipo de espelhamento do ícone.
Aceita valores como "horizontal" para espelhar o ícone horizontalmente, "vertical" para espelhar verticalmente, ou ambos.
*/
set flip(_: Components.BrIcon['flip']);
/**
* Determina se o ícone pode receber foco.
Se definido como verdadeiro, o ícone pode ser navegado usando Tab.
O valor padrão é `false`.
*/
set isFocusable(_: Components.BrIcon['isFocusable']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrIcon, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrIcon, "br-icon", never, { "cssClasses": { "alias": "cssClasses"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "flip": { "alias": "flip"; "required": false; }; "height": { "alias": "height"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "isFocusable": { "alias": "isFocusable"; "required": false; }; "isInline": { "alias": "isInline"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrIcon extends Components.BrIcon {
}
export declare class BrInput {
protected z: NgZone;
protected el: HTMLBrInputElement;
/**
* Especifica o tipo de entrada do campo. Pode ser um dos seguintes:
- 'color': Seletor de cor
- 'email': Campo para e-mail
- 'hidden': Campo oculto
- 'password': Campo para senha
- 'range': Controle deslizante
- 'search': Campo de pesquisa
- 'number': Campo para números
- 'tel': Campo para números de telefone
- 'text': Campo de texto padrão
- 'url': Campo para URLs
*/
set type(_: Components.BrInput['type']);
/**
* Controla o comportamento de preenchimento automático do navegador para o input.
*/
set autocomplete(_: Components.BrInput['autocomplete']);
/**
* Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
*/
set density(_: Components.BrInput['density']);
/**
* Desativa o input, tornando-o não interativo.
*/
set disabled(_: Components.BrInput['disabled']);
/**
* Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).
*/
set isInline(_: Components.BrInput['isInline']);
/**
* Se verdadeiro, o input terá destaque visual.
*/
set isHighlight(_: Components.BrInput['isHighlight']);
/**
* Define o estado do input
Os possíveis valores são:
- 'info': Mensagem informativa.
- 'warning': Mensagem de aviso.
- 'danger': Mensagem de erro ou alerta.
- 'success': Mensagem de sucesso.
O valor padrão é 'info'.
*/
set state(_: Components.BrInput['state']);
/**
* Texto exibido como rótulo do input.
*/
set label(_: Components.BrInput['label']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrInput['customId']);
/**
* Nome do input, utilizado para identificação em formulários.
*/
set name(_: Components.BrInput['name']);
/**
* Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.
*/
set placeholder(_: Components.BrInput['placeholder']);
/**
* Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.
*/
set readonly(_: Components.BrInput['readonly']);
/**
* Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.
*/
set required(_: Components.BrInput['required']);
/**
* Valor exibido no input.
Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.
*/
set value(_: Components.BrInput['value']);
/**
* Texto adicional que fornece ajuda ou informações sobre o input.
*/
set helpText(_: Components.BrInput['helpText']);
/**
* Controla a correção automática do texto.
*/
set autocorrect(_: Components.BrInput['autocorrect']);
/**
* Define o valor mínimo para campos de entrada numéricos.
*/
set min(_: Components.BrInput['min']);
/**
* Define o valor máximo para campos de entrada numéricos.
*/
set max(_: Components.BrInput['max']);
/**
* Define o comprimento mínimo do valor do campo de entrada.
*/
set minlength(_: Components.BrInput['minlength']);
/**
* Define o comprimento máximo do valor do campo de entrada.
*/
set maxlength(_: Components.BrInput['maxlength']);
/**
* Se verdadeiro, permite a seleção de múltiplos arquivos.
*/
set multiple(_: Components.BrInput['multiple']);
/**
* Define o padrão de entrada para validação.
*/
set pattern(_: Components.BrInput['pattern']);
/**
* Define o valor do passo para campos de entrada numéricos.
*/
set step(_: Components.BrInput['step']);
/**
* Texto exibido no botão de ação à direita do input.
*/
set actionLabel(_: Components.BrInput['actionLabel']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrInput, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrInput, "br-input", never, { "actionLabel": { "alias": "actionLabel"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "isHighlight": { "alias": "isHighlight"; "required": false; }; "isInline": { "alias": "isInline"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrInput extends Components.BrInput {
/**
* Valor atualizado do input
*/
valueChange: EventEmitter<CustomEvent<string>>;
}
export declare class BrItem {
protected z: NgZone;
protected el: HTMLBrItemElement;
/**
* Desativa o item, tornando-o não interativo.
*/
set disabled(_: Components.BrItem['disabled']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrItem['customId']);
/**
* Indica se o item está no estado ativo.
Se definido como verdadeiro, o item será exibido como ativo.
*/
set isActive(_: Components.BrItem['isActive']);
/**
* Indica se o item está no estado selecionado.
Se definido como verdadeiro, o item será exibido como selecionado.
*/
set isSelected(_: Components.BrItem['isSelected']);
/**
* Marca o item como interativo, permitindo que toda a superfície do item seja clicável.
*/
set isInteractive(_: Components.BrItem['isInteractive']);
/**
* URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.
*/
set href(_: Components.BrItem['href']);
/**
* Define o alvo do link quando `href` está presente. Pode ser:
- `_blank` para abrir em uma nova aba,
- `_self` para abrir na mesma aba,
- `_parent` para abrir na aba pai,
- `_top` para abrir na aba superior.
*/
set target(_: Components.BrItem['target']);
/**
* Quando definido como `true`, o item será tratado como um botão.
*/
set isButton(_: Components.BrItem['isButton']);
/**
* Tipo do botão, aplicável apenas se `isButton` for `true`. Pode ser:
- `'submit'` para enviar um formulário,
- `'reset'` para redefinir um formulário,
- `'button'` para um botão padrão.
*/
set type(_: Components.BrItem['type']);
/**
* Define um valor associado ao br-item quando renderizado como um botão, utilizado em contextos de formulário.
*/
set value(_: Components.BrItem['value']);
/**
* Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.
*/
set density(_: Components.BrItem['density']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrItem, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrItem, "br-item", never, { "customId": { "alias": "customId"; "required": false; }; "density": { "alias": "density"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "isButton": { "alias": "isButton"; "required": false; }; "isInteractive": { "alias": "isInteractive"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrItem extends Components.BrItem {
/**
* Evento customizado emitido quando o item é clicado, aplicável apenas se o item for um botão (`<button>`).
Pode ser utilizado para ações personalizadas, exceto quando o item está desativado.
*/
brDidClick: EventEmitter<CustomEvent<any>>;
/**
* Evento customizado aplicável para todos os tipos de elementos (`div`, `button`, `a`), emitido quando o item é selecionado e desde que a propriedade `isInteractive` esteja presente.
*/
brDidSelect: EventEmitter<CustomEvent<{
selected: boolean;
}>>;
}
export declare class BrList {
protected z: NgZone;
protected el: HTMLBrListElement;
/**
* Define o cabeçalho para a lista.
*/
set header(_: Components.BrList['header']);
/**
* Indica se a lista será horizontal. Por padrão, a lista é vertical.
*/
set isHorizontal(_: Components.BrList['isHorizontal']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrList['customId']);
/**
* Indica que o divider para o título da lista estará oculto.
*/
set hideHeaderDivider(_: Components.BrList['hideHeaderDivider']);
/**
* Indica se a lista possui o comportamento de collapse.
*/
set collapse(_: Components.BrList['collapse']);
/**
* Indica se a lista possui o comportamento de accordion.
O valor da propriedade define o grupo, ou seja, o accordion é aplicado a todas as listas que possuem o mesmo valor para esta propriedade.
*/
set accordion(_: Components.BrList['accordion']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrList, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrList, "br-list", never, { "accordion": { "alias": "accordion"; "required": false; }; "collapse": { "alias": "collapse"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "header": { "alias": "header"; "required": false; }; "hideHeaderDivider": { "alias": "hideHeaderDivider"; "required": false; }; "isHorizontal": { "alias": "isHorizontal"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrList extends Components.BrList {
}
export declare class BrLoading {
protected z: NgZone;
protected el: HTMLBrLoadingElement;
/**
* Determina o tipo de indicador a ser exibido:
- Se verdadeiro, exibirá uma barra de progresso com a porcentagem de progresso.
- Se falso, exibirá um indicador de carregamento indeterminado.
*/
set isProgress(_: Components.BrLoading['isProgress']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrLoading['customId']);
/**
* Define a porcentagem de progresso a ser exibida na barra de progresso.
Deve ser um valor numérico entre 0 e 100. Ignorado se `isProgress` estiver definido como falso.
*/
set progressPercent(_: Components.BrLoading['progressPercent']);
/**
* Se verdadeiro, ajusta o tamanho do indicador de carregamento para o tamanho médio.
*/
set isMedium(_: Components.BrLoading['isMedium']);
/**
* Texto a ser exibido abaixo do indicador de carregamento.
Pode ser usado para fornecer informações adicionais ou descritivas sobre o estado do carregamento.
*/
set label(_: Components.BrLoading['label']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrLoading, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrLoading, "br-loading", never, { "customId": { "alias": "customId"; "required": false; }; "isMedium": { "alias": "isMedium"; "required": false; }; "isProgress": { "alias": "isProgress"; "required": false; }; "label": { "alias": "label"; "required": false; }; "progressPercent": { "alias": "progressPercent"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrLoading extends Components.BrLoading {
}
export declare class BrMessage {
protected z: NgZone;
protected el: HTMLBrMessageElement;
/**
* Define o título da mensagem, que é exibido no início, acima da mensagem principal.
Este título serve para destacar a mensagem textual. Não é aplicável para mensagens do tipo feedback.
*/
set messageTitle(_: Components.BrMessage['messageTitle']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrMessage['customId']);
/**
* Define o texto da mensagem que será exibido.
Este é o conteúdo principal da mensagem. A propriedade `message` é obrigatória e deve ser fornecida para que a mensagem apareça.
*/
set message(_: Components.BrMessage['message']);
/**
* Se definido como verdadeiro, o título da mensagem será exibido na mesma linha que a mensagem principal.
Isso pode ser útil para criar um layout onde o título e a mensagem estão alinhados horizontalmente.
*/
set isInline(_: Components.BrMessage['isInline']);
/**
* Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem.
O fechamento emitirá o evento `brDidClose`, mas não removerá automaticamente o componente do DOM, a menos que a propriedade `autoRemove` também esteja definida como `true`.
Este recurso não está disponível para mensagens do tipo feedback.
*/
set isClosable(_: Components.BrMessage['isClosable']);
/**
* Controla o comportamento do fechamento do componente quando `isClosable` é verdadeiro.
- Se definido como `true`, o componente será automaticamente removido do DOM ao clicar no botão de fechar.
- Se definido como `false`, o componente permanecerá no DOM e apenas emitirá o evento `brDidClose`.
Esta propriedade não tem efeito se `isClosable` for `false`.
O valor padrão é `false`.
*/
set autoRemove(_: Components.BrMessage['autoRemove']);
/**
* Se definido como verdadeiro, um ícone associado à mensagem será exibido.
Use esta propriedade para mostrar ou ocultar o ícone da mensagem conforme necessário.
*/
set showIcon(_: Components.BrMessage['showIcon']);
/**
* Define se a mensagem é do tipo feedback, geralmente usada para fornecer contexto adicional sobre ações do usuário.
Exemplos incluem mensagens de validação em campos de formulário. Não disponível para mensagens que não sejam de feedback.
*/
set isFeedback(_: Components.BrMessage['isFeedback']);
/**
* Define o estado do message.
Os possíveis valores são:
- 'info': Mensagem informativa.
- 'warning': Mensagem de aviso.
- 'danger': Mensagem de erro ou alerta.
- 'success': Mensagem de sucesso.
O valor padrão é 'info'.
*/
set state(_: Components.BrMessage['state']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrMessage, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrMessage, "br-message", never, { "autoRemove": { "alias": "autoRemove"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "isClosable": { "alias": "isClosable"; "required": false; }; "isFeedback": { "alias": "isFeedback"; "required": false; }; "isInline": { "alias": "isInline"; "required": false; }; "message": { "alias": "message"; "required": false; }; "messageTitle": { "alias": "messageTitle"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrMessage extends Components.BrMessage {
/**
* Evento emitido quando o usuário fecha a mensagem, se closable for true.
*/
brDidClose: EventEmitter<CustomEvent<any>>;
}
export declare class BrRadio {
protected z: NgZone;
protected el: HTMLBrRadioElement;
/**
* Define o estado de seleção do radio.
Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.
*/
set checked(_: Components.BrRadio['checked']);
/**
* Desativa o radio, tornando-o não interativo.
*/
set disabled(_: Components.BrRadio['disabled']);
/**
* Indica a validade do radio.
Valores possíveis:
- 'valid': O radio é considerado válido.
- 'invalid': O radio é considerado inválido.
Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.
*/
set state(_: Components.BrRadio['state']);
/**
* Define se o label associado ao radio deve ser oculto.
Se definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional.
*/
set hasHiddenLabel(_: Components.BrRadio['hasHiddenLabel']);
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrRadio['customId']);
/**
* Define o nome do radio, que é utilizado para agrupar radios em formulários e identificar o campo.
O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.
*/
set name(_: Components.BrRadio['name']);
/**
* Texto descritivo exibido à direita do radio.
Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.
*/
set label(_: Components.BrRadio['label']);
/**
* Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`).
Esse valor é enviado com o formulário quando o radio está selecionado.
**Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.
*/
set value(_: Components.BrRadio['value']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrRadio, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrRadio, "br-radio", never, { "checked": { "alias": "checked"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hasHiddenLabel": { "alias": "hasHiddenLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "state": { "alias": "state"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrRadio extends Components.BrRadio {
/**
* Disparado depois que o valor do `checked` foi alterado
*/
checkedChange: EventEmitter<CustomEvent<boolean>>;
}
export declare class BrScrim {
protected z: NgZone;
protected el: HTMLBrScrimElement;
/**
* Identificador único.
Caso não seja fornecido, um ID gerado automaticamente será usado.
*/
set customId(_: Components.BrScrim['customId']);
/**
* Ativa/desativa o scrim
*/
set isOpen(_: Components.BrScrim['isOpen']);
/**
* Posiciona o conteúdo no topo, centro, direita, esquerda, abaixo dentro do scrim
*/
set positionContent(_: Components.BrScrim['positionContent']);
/**
* Desativa o fechamento do scrim ao ser clicado
*/
set disableCloseOnClick(_: Components.BrScrim['disableCloseOnClick']);
/**
* Define o valor de z-index do scrim
*/
set zIndex(_: Components.BrScrim['zIndex']);
/**
* Define um valor CSS personalizado para o background do scrim
*/
set customBackground(_: Components.BrScrim['customBackground']);
/**
* Define a opacidade personalizada do scrim
*/
set customOpacity(_: Components.BrScrim['customOpacity']);
/**
* Define o modo de exibição do scrim:
- 'fullscreen': Ocupa toda a tela (position: fixed).
- 'parent': Ocupa apenas o elemento pai (position: absolute).
O elemento pai deve ter `position: relative` ou outro valor de posicionamento diferente de `static`.
*/
set displayMode(_: Components.BrScrim['displayMode']);
/**
* Define a estratégia de manipulação de rolagem quando scrim está aberto
- 'block': Impede a rolagem completamente
- 'close': Fecha o scrim quando ocorre rolagem
*/
set scrollStrategy(_: Components.BrScrim['scrollStrategy']);
/**
* Determina quanto de rolagem (em pixels) é necessário para acionar a ação de fechamento automático do scrim.
*/
set scrollThreshold(_: Components.BrScrim['scrollThreshold']);
/**
* Define o seletor para o elemento activator.
Pode ser:
- Um seletor CSS (ex: '.button-class', '#button-id')
- A string 'parent' para usar o elemento pai como activator
Nota: O slot 'activator' tem prioridade sobre esta propriedade.
*/
set activator(_: Components.BrScrim['activator']);
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
static ɵfac: i0.ɵɵFactoryDeclaration<BrScrim, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<BrScrim, "br-scrim", never, { "activator": { "alias": "activator"; "required": false; }; "customBackground": { "alias": "customBackground"; "required": false; }; "customId": { "alias": "customId"; "required": false; }; "customOpacity": { "alias": "customOpacity"; "required": false; }; "disableCloseOnClick": { "alias": "disableCloseOnClick"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "positionContent": { "alias": "positionContent"; "required": false; }; "scrollStrategy": { "alias": "scrollStrategy"; "required": false; }; "scrollThreshold": { "alias": "scrollThreshold"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
}
export declare interface BrScrim extends Components.BrScrim {
/**
* Indica que o scrim foi aberto.
*/
brScrimOpen: EventEmitter<CustomEvent<any>>;
/**
* Indica que o scrim foi fechado
*/
brScrimClose: EventEmitter<CustomEvent<any>>;
}
export declare class BrSelect {
protected z: NgZone;
protected el: HTMLBrSelectElement;
/**
* Rótulo que indica o tipo de informação que deve ser selecionada.
*/
set label(_: Components.BrSelect['label']);
/**
* Texto auxiliar exibido antes de uma seleção.
*/
set placeholder(_: Components.BrSelect['placeholder']);
/**
* Habilita o modo múltiplo para selecionar várias opções.
*/
set isMultiple(_: Components.BrSelect['isMultiple']);
/**
* Define as opções disponíveis no componente de seleção.
Pode ser fornecida como:
- Uma **string** contendo um JSON válido que será analisado em um array de objetos. Exemplo: `'[{"label": "Opção 1", "value": "1"}]'.
- Um **array de objetos**, onde cada objeto representa uma opção com as propriedades:
- `label`: O texto exibido para o usuário (obrigatório).
- `value`: O valor associado à opção (obrigatório).
- `selected`: Um boolean opcional que indica se a opção está pré-selecionada (padrão: `false`).
Se uma string for fornecida, ela será convertida internamente para um array via `JSON.parse`. Caso o formato seja inválido, um erro será registrado e as opções serão definidas como um array vazio.
Exemplo de uso:
```typescript
options='[{"label": "Sim", "value": "1"}, {"label": "Não", "value": "0"}]'
// ou
options=[{ label: "Sim", value: "1" }, { label: "Não", value: "0" }]
```
*/
set options(_: Components.BrSelect['options']);