Popover

Popover

• __@overlayActivator@5652

  HTMLElement

• __@overlayCommand@5650

  (command: "--auto" | "--show" | "--hide" | "--toggle" | "--copy") => void

• __@overlayHidden@5651

  boolean

• adoptedCallback

  () => void

• attributeChangedCallback

  (name: string) => void

• blockSize

  Adjust the block size.

  SizeUnitsOrAuto

• click

  Like the standard `element.click()`, but you can influence the behavior with a `sourceEvent`. For example, if the `sourceEvent` was a middle click, or has particular keys held down, components will attempt to produce the desired behavior on links, such as opening the page in the background tab.

  ({ sourceEvent }?: ClickOptions) => void

• connectedCallback

  () => void

• disconnectedCallback

  () => void

• inlineSize

  Adjust the inline size.

  SizeUnitsOrAuto

• maxBlockSize

  Adjust the maximum block size.

  SizeUnitsOrNone

• maxInlineSize

  Adjust the maximum inline size.

  SizeUnitsOrNone

• minBlockSize

  Adjust the minimum block size.

  SizeUnits

• minInlineSize

  Adjust the minimum inline size.

  SizeUnits

• queueRender

  Queue a run of the render function. You shouldn't need to call this manually - it should be handled by changes to @property values.

  () => void

• setAttribute

  (name: string, value: string) => void

declare class Popover
  extends PreactPopoverElement<typeof tagName$q>
  implements PopoverProps
{
  constructor();
}

SizeUnitsOrAuto

SizeUnits | 'auto'

SizeUnits

`${number}px` | `${number}%` | `0`

SizeUnitsOrNone

SizeUnits | 'none'

ClickOptions

• sourceEvent

  The event you want to influence the synthetic click.

  ActivationEventEsque

export interface ClickOptions {
  /**
   * The event you want to influence the synthetic click.
   */
  sourceEvent?: ActivationEventEsque;
}

ActivationEventEsque

• button

  number

• ctrlKey

  boolean

• metaKey

  boolean

• shiftKey

  boolean

export interface ActivationEventEsque {
  shiftKey: boolean;
  metaKey: boolean;
  ctrlKey: boolean;
  button: number;
}

PopoverEvents

• afterhide

  CallbackEventListener<TTagName> | null

• aftershow

  CallbackEventListener<TTagName> | null

• aftertoggle

  CallbackEventListener<TTagName> | null

• hide

  CallbackEventListener<TTagName> | null

• show

  CallbackEventListener<TTagName> | null

• toggle

  CallbackEventListener<TTagName> | null

export interface PopoverEvents {
  show: CallbackEventListener<TTagName> | null;
  hide: CallbackEventListener<TTagName> | null;
  aftershow: CallbackEventListener<TTagName> | null;
  afterhide: CallbackEventListener<TTagName> | null;
  toggle: CallbackEventListener<TTagName> | null;
  aftertoggle: CallbackEventListener<TTagName> | null;
}

CallbackEventListener

(EventListener & {
      (event: CallbackEvent<T>): void;
    }) | null

CallbackEvent

Event & {
  currentTarget: HTMLElementTagNameMap[T];
}