Helpers: Events

<apollo-client> listens for apollo-element-connected and apollo-element-disconnected events to manage their client reference.

const APOLLO_ELEMENTS = new Set();

window.addEventListener('apollo-element-connected', event =>
  APOLLO_ELEMENTS.add(event.detail));

window.addEventListener('apollo-element-disconnected', event =>
  APOLLO_ELEMENTS.delete(event.detail));

ApolloEvent

Properties

ApolloEventType

ApolloController<unknown, unknown> | undefined

ApolloElementEvent

Fired when an ApolloElement connects to or disconnects from the DOM

Properties

ApolloEventType

ApolloEventType

ApolloController<unknown, unknown> | undefined

ApolloControllerEvent

Properties

ApolloController<unknown, unknown> | undefined

ApolloEventType

ApolloControllerConnectedEvent

Fired when a controlled element connects to the DOM

Properties

ApolloEventType

ApolloEventType

ApolloController<unknown, unknown> | undefined

ApolloControllerDisconnectedEvent

Fired when a controlled element disconnects from the DOM

Properties

ApolloEventType

ApolloEventType

ApolloController<unknown, unknown> | undefined

Exports

import {
  ApolloEvent,
  ApolloElementEvent,
  ApolloControllerEvent,
  ApolloControllerConnectedEvent,
  ApolloControllerDisconnectedEvent
} from '@apollo-elements/core/events';