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

ApolloElementEvent

Fired when an ApolloElement connects to or disconnects from the DOM

Properties

ApolloElementEventType

ApolloElementEventType

ApolloController

ApolloControllerEvent

Properties

ApolloControllerEventType

ApolloController

ApolloControllerConnectedEvent

Fired when a controlled element connects to the DOM

Properties

'apollo-controller-connected'

'apollo-controller-connected'

ApolloController

ApolloControllerDisconnectedEvent

Fired when a controlled element disconnects from the DOM

Properties

'apollo-controller-disconnected'

'apollo-controller-disconnected'

ApolloController

Exports

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