Expose Slide element.

Author: samuel-williams-shopify

public/slide.js

@@ -168,6 +168,13 @@ export class SlideContext {
 		this.#elapsed = elapsed;
 	}
 
+	// The slide body element.
+	// Delegates to the parent Slide.
+	// @returns [HTMLElement]
+	get element() {
+		return this.#slide.element;
+	}
+
 	// Find elements within the slide matching the given CSS selector.
 	// Delegates to the parent Slide.
 	// @parameter selector [String] A CSS selector scoped to the slide body.
@@ -206,19 +213,25 @@ export class SlideContext {
 // The scripting context passed to each slide's javascript block.
 // Scopes element queries to the slide body.
 export class Slide {
-	#container;
+	#element;
 	#timeouts = [];
 
-	constructor(container) {
-		this.#container = container;
+	constructor(element) {
+		this.#element = element;
+	}
+
+	// The slide body element.
+	// @returns [HTMLElement]
+	get element() {
+		return this.#element;
 	}
 
 	// Find elements within this slide matching the given CSS selector.
 	// Use comma-separated selectors to combine multiple element types, e.g. "h2, li".
 	// @parameter selector [String] A CSS selector scoped to the slide body.
 	// @returns [SlideElements]
 	find(selector) {
-		const elements = Array.from(this.#container.querySelectorAll(selector));
+		const elements = Array.from(this.#element.querySelectorAll(selector));
 		return new SlideElements(this, elements);
 	}
 

releases.md

@@ -1,5 +1,9 @@
 # Releases
 
+## Unreleased
+
+  - Add `Slide#element` and `SlideContext#element` getters — expose the slide body DOM element directly for cases where `find()` is not sufficient, such as measuring dimensions, attaching event listeners, or integrating third-party libraries.
+
 ## v0.10.0
 
   - Replace internal `SlideChain` with an exported `SlideContext` class. `SlideContext` accumulates elapsed time across `after()` calls exactly as `SlideChain` did, but also exposes `find()`, `setTimeout()`, and a `get elapsed()` getter. `Slide#after()` now returns a `SlideContext` — existing slide scripts are unaffected.