# ez-popover



<!-- Auto Generated Below -->


## Properties

| Property       | Attribute       | Description                                                                       | Type                            | Default         |
| -------------- | --------------- | --------------------------------------------------------------------------------- | ------------------------------- | --------------- |
| `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"` |
| `innerElement` | `inner-element` | Define as tags que serão consideradas conteúdo.                                   | `string \| string[]`            | `undefined`     |
| `opened`       | `opened`        | Define se o ez-popover está aberto.                                               | `boolean`                       | `undefined`     |
| `overlayType`  | `overlay-type`  | Define o tipo de overlay do popover.                                              | `"light" \| "medium" \| "none"` | `"light"`       |


## 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>`

---

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

Exibe o ez-popover.

#### Returns

Type: `Promise<void>`

---

### `showUnder(element: HTMLElement, 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-form](../ez-form)
 - [ez-grid](../ez-grid)

### Graph
```mermaid
graph TD;
  ez-form --> ez-popover
  ez-grid --> ez-popover
  style ez-popover fill:#f9f,stroke:#333,stroke-width:4px
```

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




## CSS Variables
| Variable  | Description | 
 |-|-|
| --ez-popover\_\_box--border-radius | Define o raio da borda do popover. | 
| --ez-popover\_\_box--box-shadow | Define a sombra do popover. | 
| --ez-popover\_\_box--background-color | Define a cor de fundo do popover. | 
| --ez-popover\_\_box--z-index | Define a camada de visibilidade do popover. |