Events

Sledge dispatches 54 events in two namespaces.

Document-level events use a colon (sledge:) and fire on document. These are the ones custom code listens to. There are 19.

Element-level events use a hyphen (sledge-) and fire on the element that raised them, bubbling and crossing shadow boundaries. There are 35.

document.addEventListener('sledge:product-card:rendered', (e) => {
  const card = e.detail?.card
  // A re-render rebuilds the shadow tree, so this fires again. Re-apply, do not assume once.
})

Document-level

Element-level