@govbr-ds/webcomponents 2.0.0-next.29 → 2.0.0-next.30

package/dist/types/components/radio/radio.d.ts

@@ -1,77 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- *  Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/radio?tab=designer).
- *
- * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.
- */
-export declare class Radio {
-    /**
-     * Referência ao elemento host do componente.
-     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
-     */
-    el: HTMLBrRadioElement;
-    elementInternals: ElementInternals;
-    /**
-     * Define o estado de seleção do radio.
-     * Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.
-     */
-    checked: boolean;
-    /**
-     * Desativa o radio, tornando-o não interativo.
-     */
-    readonly disabled: boolean;
-    /**
-     * 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.
-     */
-    readonly state: 'valid' | 'invalid';
-    /**
-     * 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.
-     */
-    readonly hasHiddenLabel: boolean;
-    /**
-     * Identificador único.
-     * Caso não seja fornecido, um ID gerado automaticamente será usado.
-     */
-    readonly customId: string;
-    /**
-     * 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.
-     */
-    readonly name: string;
-    /**
-     * Texto descritivo exibido à direita do radio.
-     * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.
-     */
-    readonly label: string;
-    /**
-     * 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`.
-     */
-    readonly value: string;
-    /**
-     * Disparado depois que o valor do `checked` foi alterado
-     */
-    checkedChange: EventEmitter<boolean>;
-    handleCheckedChange(event: CustomEvent): void;
-    /**
-     * Inverte o valor da prop `checked`
-     */
-    toggleChecked(): Promise<void>;
-    private getCssClassMap;
-    /**
-     * Handler para o event `click`
-     * @param event Objeto Event
-     */
-    private readonly onClick;
-    /**
-     * Handler para o evento `change`
-     */
-    private readonly onChange;
-    render(): any;
-}

package/dist/types/components/select/select.d.ts

@@ -1,93 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Select {
-    /**
-     * Referência ao elemento host do componente.
-     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
-     */
-    el: HTMLBrSelectElement;
-    elementInternals: ElementInternals;
-    /**
-     * Rótulo que indica o tipo de informação que deve ser selecionada.
-     */
-    label: string;
-    /**
-     * Texto auxiliar exibido antes de uma seleção.
-     */
-    placeholder: string;
-    /**
-     * Habilita o modo múltiplo para selecionar várias opções.
-     */
-    isMultiple: boolean;
-    /**
-     * JSON contendo as opções do select.
-     */
-    options: string;
-    /**
-     * Rótulo para selecionar todas as opções.
-     */
-    selectAllLabel: string;
-    /**
-     * Rótulo para desmarcar todas as opções.
-     */
-    unselectAllLabel: string;
-    /**
-     * Exibe o ícone de busca no campo de entrada.
-     */
-    showSearchIcon: boolean;
-    /**
-     * Indica se a listagem de itens do select está expandida
-     */
-    isOpen: boolean;
-    /**
-     * Identificador único.
-     * Caso não seja fornecido, um ID gerado automaticamente será usado.
-     */
-    readonly customId: string;
-    parsedOptions: {
-        label: string;
-        value: string;
-        selected: boolean;
-    }[];
-    inputValue: string;
-    isAllSelected: boolean;
-    isExpanded: boolean;
-    focusedIndex: number;
-    /**
-     * Evento emitido sempre que houver atualização nos itens selecionados.
-     */
-    brDidSelectChange: EventEmitter;
-    synchronizeSelect(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    private sanitizeOptions;
-    private readonly handleClickOutside;
-    private handleKeydownOnInput;
-    private handleKeydownOnList;
-    private handleKeydownOnItem;
-    private handleSelectAllKeyDown;
-    private resetFocus;
-    private focusItemInDirection;
-    private focusItem;
-    private openSelect;
-    private closeSelect;
-    private handleSelection;
-    private updateSelectedOptions;
-    private getStringValue;
-    private emitSelectedOptions;
-    private updateSelectedAllState;
-    private toggleSelectAll;
-    private renderInput;
-    private renderSelectAllCheckbox;
-    private renderOptions;
-    /**
-     * Determina um id para o radio.
-     */
-    private getComputedId;
-    /**
-     * Inverte o valor da prop `isOpen`
-     */
-    toggleOpen(): Promise<void>;
-    private getCssClassMap;
-    render(): any;
-}

package/dist/types/components/switch/switch.d.ts

@@ -1,80 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- *  Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/switch?tab=designer).
- *
- * @slot default - Descreve o que o switch faz quando a alternância estiver ativada. A label passada por slot tem precedência sobre a propriedade 'label'.
- */
-export declare class Switch {
-    /**
-     * Referência ao elemento host do componente.
-     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
-     */
-    el: HTMLBrSwitchElement;
-    elementInternals: ElementInternals;
-    /**
-     * Desativa o switch, tornando-o não interativo.
-     */
-    readonly disabled: boolean;
-    /**
-     * Define o estado de seleção do checkbox.
-     * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.
-     */
-    checked: boolean;
-    /**
-     * Identificador único.
-     * Caso não seja fornecido, um ID gerado automaticamente será usado.
-     */
-    readonly customId: string;
-    /**
-     * Texto descritivo.
-     * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.
-     */
-    readonly label: string;
-    /**
-     * Posição do rótulo em relação ao switch.
-     */
-    readonly labelPosition: 'right' | 'left' | 'top';
-    /**
-     * Texto exibido quando o switch está ativado.
-     */
-    readonly labelOn: string;
-    /**
-     * Texto exibido quando o switch está desativado.
-     */
-    readonly labelOff: string;
-    /**
-     * Adiciona um ícone ao switch para indicar a mudança de estado.
-     */
-    readonly hasIcon: boolean;
-    /**
-     * Define o nome do switch, que é utilizado para agrupar switches em formulários e identificar o campo.
-     * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.
-     */
-    readonly name: string;
-    /**
-     * Define o valor associado ao switch quando ele faz parte de um formulário nativo (`<form>`).
-     * Esse valor é enviado com o formulário quando o switch está selecionado.
-     * **Nota:** Esta propriedade não deve ser utilizada para determinar se o switch está selecionado; para verificar o estado de seleção, use a propriedade `checked`.
-     */
-    readonly value: string;
-    /** O ajuste da densidade consiste em aumentar ou reduzir a área de interação do switch. Quanto menor for a densidade, maior a área de interação. */
-    readonly density: 'large' | 'medium' | 'small';
-    _slotDefault: boolean;
-    componentWillLoad(): void;
-    /**
-     * Disparado depois que o valor do `checked` foi alterado
-     */
-    /**
-     * Disparado depois que o valor do `checked` foi alterado
-     */
-    checkedChange: EventEmitter<boolean>;
-    private _hasSlotContentDefault;
-    private readonly handleCheckedChange;
-    private readonly handleClick;
-    /**
-     * Inverte o valor da prop `checked`
-     */
-    toggleChecked(): Promise<void>;
-    private getCssClassMap;
-    render(): any;
-}

package/dist/types/components/tag/tag.d.ts

@@ -1,95 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Tag {
-    /**
-     * Referência ao elemento host do componente.
-     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
-     */
-    el: HTMLBrTagElement;
-    /** API de controle de formulário nativa */
-    elementInternals: ElementInternals;
-    /**
-     * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.
-     * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.
-     */
-    readonly label: string;
-    /**
-     * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.
-     * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.
-     */
-    readonly iconName: string;
-    /**
-     * A propriedade 'name' é uma string que representa o nome do grupo da tag para seleção.
-     * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.
-     */
-    readonly name: string;
-    /**
-     * A tag permite seleção múltipla.
-     * */
-    readonly multiple: boolean;
-    /**
-     * A tag está selecionada.
-     * */
-    selected: boolean;
-    /**
-     * Identificador único.
-     * Caso não seja fornecido, um ID gerado automaticamente será usado.
-     */
-    readonly customId: string;
-    /**
-     * A propriedade 'color' permite definir a cor do componente.
-     * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.
-     */
-    readonly color: string;
-    /**
-     * A propriedade 'density' permite definir a densidade do componente.
-     * Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.
-     */
-    readonly density: 'small' | 'medium' | 'large';
-    /**
-     * A propriedade 'shape' define o formato do componente.
-     * Valores possíveis:
-     * - 'circle': Componente com formato circular.
-     * - 'rounded': Componente com bordas arredondadas.
-     * - 'default': Componente com formato padrão.
-     */
-    readonly shape: 'circle' | 'rounded' | 'default';
-    /**
-     * Status deve ser exibido.
-     */
-    readonly status: boolean;
-    /**
-     * Interação deve ser habilitada.
-     */
-    interaction: boolean;
-    /**
-     * Interação de seleção deve ser habilitada.
-     * */
-    interactionSelect: boolean;
-    /**
-     * Tag deve estar desabilitado.
-     */
-    readonly disabled: boolean;
-    /**
-     * Tag está selecionada.
-     */
-    selectedClassValue: boolean;
-    /**
-     * Evento emitido quando a tag é selecionada.
-     */
-    radioSelected: EventEmitter<string>;
-    handleInteractionChange(newValue: boolean): void;
-    handleInteractionSelectChange(newValue: boolean): void;
-    componentWillLoad(): void;
-    connectedCallback(): void;
-    handleSelectedChange(newValue: boolean): void;
-    private getCssClassMap;
-    private renderIcon;
-    private renderLabel;
-    private renderCloseButton;
-    private renderStatusLabel;
-    private handleClose;
-    private handleChangeValueChecked;
-    private handleChangeRadioValue;
-    handleCheckedChange(event: CustomEvent): void;
-    render(): any;
-}

package/dist/types/components/textarea/textarea.d.ts

@@ -1,70 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-/**
- * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer).
- *
- * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.
- */
-export declare class Textarea {
-    el: HTMLBrTextareaElement;
-    elementInternals: ElementInternals;
-    /**
-     * Valor exibido no textarea.
-     * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.
-     */
-    value: string;
-    /**
-     * Texto exibido como rótulo do input.
-     */
-    readonly label: string;
-    /**
-     * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.
-     */
-    readonly placeholder: string;
-    /**
-     * Identificador único.
-     * Caso não seja fornecido, um ID gerado automaticamente será usado.
-     */
-    readonly customId: string;
-    /**
-     * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.
-     */
-    readonly disabled: boolean;
-    /**
-     * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.
-     */
-    readonly maxlength: number;
-    /**
-     * Mostra o contador com a quantidade máxima de caracteres.
-     */
-    readonly showCounter: boolean;
-    /**
-     * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.
-     */
-    readonly state: 'danger' | 'success' | 'warning';
-    /**
-     * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.
-     */
-    readonly density: 'small' | 'medium' | 'large';
-    /**
-     * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).
-     */
-    readonly isInline: boolean;
-    /**
-     * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.
-     */
-    currentLength: number;
-    componentWillLoad(): void;
-    /**
-     * Valor atualizado do textarea
-     */
-    valueChange: EventEmitter<string>;
-    valueChanged(): void;
-    private readonly handleInput;
-    /**
-     * Define um novo valor para o textarea.
-     * @param newValue - O novo valor a ser definido.
-     */
-    setValue(newValue: string): Promise<void>;
-    private getCssClassMap;
-    render(): any;
-}

package/dist/types/components/upload/upload.d.ts

@@ -1,66 +0,0 @@
-/**
- * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).
- *
- * @slot default - Descrição do slot
- */
-export declare class Upload {
-    /**
-     * Referência ao elemento host do componente.
-     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
-     */
-    el: HTMLBrUploadElement;
-    /**
-     * Tipos de arquivo permitidos (ex: 'image/*').
-     * Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.
-     */
-    accept: string;
-    /**
-     * Texto descritivo do campo de upload.
-     * Este é o texto que é mostrado no label do textarea.
-     */
-    label: string;
-    /**
-     * Evento emitido quando um arquivo é selecionado.
-     * Este estado armazena os arquivos que foram selecionados pelo usuário.
-     */
-    filesSelected: FileList | null;
-    /**
-     * Referência ao elemento de arquivo selecionado.
-     * Este estado armazena o arquivo que foi selecionado para upload.
-     */
-    file: File | null;
-    /**
-     * Indica se o componente está desativado.
-     * Quando definido como `true`, o campo de upload se torna não interativo,
-     * impedindo que o usuário selecione ou envie arquivos.
-     * Isso é útil para controlar a interação do usuário em situações específicas,
-     * como durante o carregamento de dados ou quando o formulário está em um estado inválido.
-     */
-    disabled: boolean;
-    /**
-     * Define o estado visual da mensagem.
-     * 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'.
-     */
-    state: string;
-    /**
-     * Indica se o componente permite a seleção de múltiplos arquivos.
-     * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.
-     */
-    multiple: boolean;
-    elementInternals: ElementInternals;
-    private getCssClassMap;
-    private handleRemoveFileSelection;
-    private renderFilesUploaded;
-    private onInputChange;
-    private _calculateFileSize;
-    private handleDrop;
-    private handleDragOver;
-    private handleFileSelection;
-    private readonly handleInputChange;
-    render(): any;
-}