# ez-popover-plus



<!-- Auto Generated Below -->


## Properties

| Property        | Attribute         | Description                                                                                                                                                                                                                                          | Type                                                 | Default                                                  |
| --------------- | ----------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------- | -------------------------------------------------------- |
| `anchorElement` | `anchor-element`  | Define o elemento de ancoragem.                                                                                                                                                                                                                      | `(string \| HTMLElement)[] \| HTMLElement \| string` | `undefined`                                              |
| `autoClose`     | `auto-close`      | Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.                                                                                                                                                                    | `boolean`                                            | `true`                                                   |
| `boxWidth`      | `box-width`       | Ajusta o comportamento da largura do popover.                                                                                                                                                                                                        | `"fit-content" \| "full-width"`                      | `"fit-content"`                                          |
| `fitInViewport` | `fit-in-viewport` | Define se o popover deve se ajustar ao espaço visível disponível para não ser cortado pelas bordas da tela (ou por containers com rolagem). Quando verdadeiro, o conteúdo passa a rolar internamente em vez de ficar com parte oculta. Padrão: true. | `boolean`                                            | `true`                                                   |
| `minWidth`      | `min-width`       | Define a largura mínima do elemento (apenas será considerada caso a propriedade useAnchorSize seja verdadeira).                                                                                                                                      | `number`                                             | `150`                                                    |
| `opened`        | `opened`          | Define se o ez-popover está aberto.                                                                                                                                                                                                                  | `boolean`                                            | `false`                                                  |
| `options`       | --                | Define as opções do elemento.                                                                                                                                                                                                                        | `IEzPopoverAnchorOptions`                            | `{ horizontalGap: 0, verticalGap: 0, fromRight: false }` |
| `overlayType`   | `overlay-type`    | Define o tipo de overlay do popover.                                                                                                                                                                                                                 | `"light" \| "medium" \| "none"`                      | `"light"`                                                |
| `useAnchorSize` | `use-anchor-size` | Define se o elemento manterá o mesmo tamanho do componente de ancora.                                                                                                                                                                                | `boolean`                                            | `false`                                                  |


## Events

| Event                | Description                                                  | Type                   |
| -------------------- | ------------------------------------------------------------ | ---------------------- |
| `ezVisibilityChange` | Emitido quando acontece a alteração de estado do componente. | `CustomEvent<boolean>` |


## Methods

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

Oculta o ez-popover.

#### Returns

Type: `Promise<void>`

---

### `setAnchorElement(anchor: HTMLElement | string) => Promise<void>`

Altera o elemento de ancoragem.

#### Returns

Type: `Promise<void>`

---

### `setOptions(options: IEzPopoverAnchorOptions) => Promise<void>`

Altera as opções.

#### Returns

Type: `Promise<void>`

---

### `show(top?: string | number, left?: string | number) => Promise<void>`

Exibe o ez-popover.

#### Returns

Type: `Promise<void>`

---

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

Ancora a exibição do popOver a um elemento HTML.

#### Returns

Type: `Promise<void>`

---

### `updatePosition(top?: string, left?: string) => Promise<void>`

Atualiza a posição do popover.

#### Returns

Type: `Promise<void>`




## Dependencies

### Used by

 - [ez-combo-box](../ez-combo-box)
 - [ez-date-input](../ez-date-input)
 - [ez-date-time-input](../ez-date-time-input)
 - [ez-search](../ez-search)
 - [ez-search-plus](../ez-search-plus)
 - [filter-column](../ez-grid/subcomponents)

### Depends on

- [ez-popover-core](subcomponent)

### Graph
```mermaid
graph TD;
  ez-popover-plus --> ez-popover-core
  ez-combo-box --> ez-popover-plus
  ez-date-input --> ez-popover-plus
  ez-date-time-input --> ez-popover-plus
  ez-search --> ez-popover-plus
  ez-search-plus --> ez-popover-plus
  filter-column --> ez-popover-plus
  style ez-popover-plus fill:#f9f,stroke:#333,stroke-width:4px
```

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