govbr-ds-angular
Version:
Implementação em Angular do Design System GovBR.
88 lines (87 loc) • 3.15 kB
TypeScript
import { AfterViewInit, EventEmitter, Renderer2 } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { SelectOptions } from '../../models';
import * as i0 from "@angular/core";
/**
* Componente SelectComponent é responsável por exibir um seletor de itens.
* Implementa a interface ControlValueAccessor para integração com formulários Angular.
* @example
* <app-select [label]="'Selecione um item'" [id]="'select1'" [(ngModel)]="selectedItem"></app-select>
* @public
* {@link https://www.gov.br/ds/components/select?tab=desenvolvedor|Documentação oficial}
*/
export declare class SelectComponent implements AfterViewInit, ControlValueAccessor {
/**
* Rótulo do seletor.
* @type {string}
* @required
*/
label: string;
/**
* ID do seletor.
* @type {string}
* @required
*/
id: string;
/**
* Placeholder do campo de entrada.
* @type {string}
* @default 'Selecione o item'
*/
placeholder: string;
/**
* Dica de uso para o campo de entrada.
* @type {string}
*/
hint: string;
/**
* Indica se o seletor está desabilitado.
* @type {boolean}
* @default false
*/
disabled: boolean;
/**
* Dados de opções do seletor.
* @type {SelectOptions}
*/
options: SelectOptions;
/**
* Evento emitido quando o valor do seletor muda.
* @type {EventEmitter<string>}
*/
selectedEvent: EventEmitter<string>;
/** Instância do componente BRSelect. */
instance: any;
protected _value: string;
/** Obtém o valor do seletor. */
get value(): string;
/** Define o valor do seletor. */
set value(val: string);
protected _touched: () => void;
protected _change: (value: string) => void;
/** Elemento BRSelect injetado. */
private brSelect;
/** Renderer2 injetado para manipulação do DOM. */
renderer: Renderer2;
constructor();
/**
* Método do ciclo de vida do Angular chamado após a visualização ser inicializada.
* Inicializa a instância do componente BRSelect e popula o item selecionado.
* @internal
*/
ngAfterViewInit(): void;
/**
* Popula o item selecionado no seletor.
* @internal
*/
private _populateItemSelected;
setSelected(): void;
writeValue(value: string): void;
setDisabledState(disabled: boolean): void;
registerOnChange(fn: (value: string) => void): void;
registerOnTouched(fn: () => void): void;
onBlur(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "app-select", never, { "label": { "alias": "label"; "required": true; }; "id": { "alias": "id"; "required": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "selectedEvent": "selectedEvent"; }, never, ["*"], true, never>;
static ngAcceptInputType_disabled: unknown;
}