@govbr-ds/webcomponents 2.0.0-next.4 → 2.0.0-next.41

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

@@ -0,0 +1,27 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+ *
+ * @slot default - Descrição do slot
+ */
+export declare class Table {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrTableElement;
+    /**
+     * Identificador único aplicado na tag raiz do shadowRoot.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Define um conjunto de classes CSS que serão aplicadas ao componente.
+     * @returns Conjunto de classes CSS.
+     */
+    private getCssClassMap;
+    /**
+     * Define o JSX do componente.
+     * @return JSX do componente.
+     */
+    render(): any;
+}

package/dist/types/components/table-cell/table-cell.d.ts

@@ -0,0 +1,50 @@
+type HorizontalAlign = 'left' | 'center' | 'right';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+ *
+ * @slot default - Descrição do slot
+ */
+export declare class TableCell {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrTableCellElement;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Define se a célula do cabeçalho possui borda vertical.
+     */
+    hasVerticalBorder: boolean;
+    /**
+     * Define o alinhamento horizontal do conteúdo da célula.
+     */
+    horizontalAlign: HorizontalAlign;
+    /**
+     * Watcher que observa as mudanças na propriedade `horizontalAlign`.
+     */
+    handleHorizontalAlignChange(newValue: HorizontalAlign): void;
+    /**
+     * Ouve o evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.
+     * @param event Objeto Event
+     */
+    handleHorizontalAlignDidChange(event: CustomEvent): void;
+    /**
+     * Ciclo de vida do componente. Chamado após o componente ser renderizado no DOM.
+     */
+    connectedCallback(): void;
+    /**
+     * Define um conjunto de classes CSS que serão aplicadas ao componente.
+     * @returns Objeto com as classes CSS.
+     */
+    private getCssClassMap;
+    /**
+     * Define o JSX do componente.
+     * @returns JSX do componente.
+     */
+    render(): any;
+}
+export {};

package/dist/types/components/table-header-cell/table-header-cell.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { HorizontalAlign } from '../../utils/types';
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+ *
+ * @slot default - Descrição do slot
+ */
+export declare class TableHeaderCell {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrTableHeaderCellElement;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Define se a célula do cabeçalho possui borda vertical.
+     */
+    hasVerticalBorder: boolean;
+    /**
+     * Define o alinhamento horizontal do conteúdo da célula.
+     * Esse alinhamento é propagado para as demais células da coluna.
+     */
+    horizontalAlign: HorizontalAlign;
+    private getCssClassMap;
+    handleHorizontalAlignChange(newValue: HorizontalAlign): void;
+    /**
+     * Evento disparado ao alterar o alinhamento horizontal do conteúdo da célula.
+     */
+    brHorizontalAlignDidChange: EventEmitter;
+    /**
+     * Ciclo de vida do componente. Disparado sempre que o componente é conectado ao DOM.
+     */
+    connectedCallback(): void;
+    render(): any;
+}

package/dist/types/components/table-header-row/table-header-row.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+ *
+ * @slot default - Descrição do slot
+ */
+export declare class TableHeaderRow {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrTableHeaderRowElement;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    /**
+     * Define um conjunto de classes CSS que serão aplicadas ao componente.
+     * @returns Conjunto de classes CSS.
+     */
+    private getCssClassMap;
+    /**
+     * Define o JSX do componente.
+     * @returns JSX do componente.
+     */
+    render(): any;
+}

package/dist/types/components/table-row/table-row.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/table?tab=designer).
+ *
+ * @slot default - Descrição do slot
+ */
+export declare class TableRow {
+    /**
+     * Referência ao elemento host do componente.
+     * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
+     */
+    el: HTMLBrTableRowElement;
+    /**
+     * Identificador único.
+     * Caso não seja fornecido, um ID gerado automaticamente será usado.
+     */
+    readonly customId: string;
+    private getCssClassMap;
+    render(): any;
+}

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

@@ -0,0 +1,95 @@
+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

@@ -0,0 +1,70 @@
+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

@@ -0,0 +1,66 @@
+/**
+ * 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;
+}