# ez-double-list



<!-- Auto Generated Below -->


## Properties

| Property            | Attribute             | Description                                                                                                                                                                                                                                                            | Type              | Default          |
| ------------------- | --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | ---------------- |
| `emptyMessage`      | --                    | Objeto que define as mensagens a serem exibidas quando a lista está vazia Exemplo: { LEFT_LIST?: "Lista lado esquerdo vazia.", RIGHT_LIST?: "Lista lado direito vazia."; }                                                                                             | `EmptyMessage`    | `undefined`      |
| `entityLabel`       | `entity-label`        | Nome da entidade listada. Exemplo: "Campo", "Item", "Empresa".                                                                                                                                                                                                         | `string`          | `'item'`         |
| `entityLabelPlural` | `entity-label-plural` | Variação plural do nome da entidade listada. Exemplo: "Campos", "Itens", "Empresas".                                                                                                                                                                                   | `string`          | `'itens'`        |
| `leftList`          | --                    | Define a lista origem.                                                                                                                                                                                                                                                 | `ListItem[]`      | `[]`             |
| `leftListLabel`     | `left-list-label`     | Rótulo da lista esquerda.                                                                                                                                                                                                                                              | `string`          | `'disponíveis'`  |
| `leftTitle`         | `left-title`          | Define o título da lista origem.                                                                                                                                                                                                                                       | `string`          | `undefined`      |
| `rightList`         | --                    | Define a lista destino.                                                                                                                                                                                                                                                | `ListItem[]`      | `[]`             |
| `rightListLabel`    | `right-list-label`    | Rótulo da lista direita.                                                                                                                                                                                                                                               | `string`          | `'selecionados'` |
| `rightTitle`        | `right-title`         | Define o título da lista destino.                                                                                                                                                                                                                                      | `string`          | `undefined`      |
| `slotsListBuilder`  | --                    | Objeto que define os métodos de construção dos elementos visuais para os itens de cada lista.  Este objeto permite configurar dinamicamente os elementos HTML que serão exibidos ao lado esquerdo e direito dos itens em ambas as listas (`LEFT_LIST` e `RIGHT_LIST`). | `DoubleListSlots` | `undefined`      |
| `useOnlyRightList`  | `use-only-right-list` | Define se irá exibir apenas a lista da direita.                                                                                                                                                                                                                        | `boolean`         | `false`          |


## Events

| Event                | Description                                                        | Type                      |
| -------------------- | ------------------------------------------------------------------ | ------------------------- |
| `ezLeftListChanged`  | Emitido ao realizar uma alteração na lista esquerda do componente. | `CustomEvent<ListItem[]>` |
| `ezRightListChanged` | Emitido ao realizar uma alteração na lista direita do componente.  | `CustomEvent<ListItem[]>` |


## Methods

### `resetSelectedLists() => Promise<void>`



#### Returns

Type: `Promise<void>`




## Dependencies

### Depends on

- [ez-sortable-list](../ez-sortable-list)
- [ez-button](../ez-button)

### Graph
```mermaid
graph TD;
  ez-double-list --> ez-sortable-list
  ez-double-list --> ez-button
  ez-sortable-list --> ez-filter-input
  ez-filter-input --> ez-text-input
  ez-filter-input --> ez-icon
  ez-text-input --> ez-tooltip
  ez-text-input --> ez-icon
  ez-button --> ez-icon
  style ez-double-list fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------