# ez-popover-core



<!-- 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 se 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, a largura/altura máximas do popover passam a ser limitadas ao espaço disponível e o conteúdo rola internamente, em vez de ficar com parte oculta. O elemento permanece no shadow DOM, preservando o estilo e o conteúdo do slot. 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-classic-combo-box](../../ez-classic-combo-box)
 - [ez-multi-select-input](../../ez-multi-select-input)
 - [ez-popover-plus](..)

### Graph
```mermaid
graph TD;
  ez-classic-combo-box --> ez-popover-core
  ez-multi-select-input --> ez-popover-core
  ez-popover-plus --> ez-popover-core
  style ez-popover-core fill:#f9f,stroke:#333,stroke-width:4px
```

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