# snk-filter-field-search



<!-- Auto Generated Below -->


## Properties

| Property           | Attribute    | Description                                                                         | Type                     | Default     |
| ------------------ | ------------ | ----------------------------------------------------------------------------------- | ------------------------ | ----------- |
| `fieldsDataSource` | --           | Define a fonte de dados que o componente vai utilizar para carregamento dos campos. | `FilterFieldsDataSource` | `undefined` |
| `searchable`       | `searchable` | Define se o componente irá possuir um campo de pesquisa.                            | `boolean`                | `true`      |


## Events

| Event                | Description                                         | Type                                       |
| -------------------- | --------------------------------------------------- | ------------------------------------------ |
| `ezSelectFilterItem` | Emitido sempre que um item da lista for selecionado | `CustomEvent<IFilterField \| IFilterLink>` |


## Methods

### `applyFilter(filterText: string) => Promise<void>`

Filtra a fonte de dados do componente.

#### Returns

Type: `Promise<void>`

---

### `show(element?: HTMLElement, options?: IEzPopoverAnchorOptions) => Promise<void>`

/**
Realiza a abertura do componente abaixo do elemento HTML informado
e faz a primeira carga de dados.

#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

 - [snk-expression-item](../snk-personalized-filter/subcomponents/snk-expression-item)
 - [snk-personalized-filter](../snk-personalized-filter)

### Graph
```mermaid
graph TD;
  snk-expression-item --> snk-filter-field-search
  snk-personalized-filter --> snk-filter-field-search
  style snk-filter-field-search fill:#f9f,stroke:#333,stroke-width:4px
```

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