@editframe/elements 0.37.3-beta → 0.38.1

package/dist/elements/EFSourceMixin.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFSourceMixin.js","names":["#md5Value","#md5Promise","#md5LastSrc","#doLoadMd5"],"sources":["../../src/elements/EFSourceMixin.ts"],"sourcesContent":["import type { LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\n\nexport declare class EFSourceMixinInterface {\n  apiHost?: string;\n  productionSrc(): string;\n  src: string;\n}\n\ninterface EFSourceMixinOptions {\n  assetType: string;\n}\ntype Constructor<T = {}> = new (...args: any[]) => T;\nexport function EFSourceMixin<T extends Constructor<LitElement>>(\n  superClass: T,\n  options: EFSourceMixinOptions,\n) {\n  class EFSourceElement extends superClass {\n    get apiHost() {\n      const apiHost =\n        this.closest(\"ef-configuration\")?.apiHost ??\n        this.closest(\"ef-workbench\")?.apiHost ??\n        this.closest(\"ef-preview\")?.apiHost;\n\n      // Return undefined instead of defaulting to external URL\n      // This allows components to use current origin when apiHost is not set\n      return apiHost;\n    }\n\n    @property({ type: String })\n    src = \"\";\n\n    #md5Value: string | undefined = undefined;\n    #md5Promise: Promise<string | undefined> | null = null;\n    #md5LastSrc: string | null = null;\n\n    productionSrc() {\n      if (!this.#md5Value) {\n        throw new Error(\n          `MD5 sum not available for ${this}. Cannot generate production URL`,\n        );\n      }\n\n      if (!this.apiHost) {\n        throw new Error(\n          `apiHost not available for ${this}. Cannot generate production URL`,\n        );\n      }\n\n      return `${this.apiHost}/api/v1/${options.assetType}/${this.#md5Value}`;\n    }\n\n    /**\n     * Load MD5 sum for the current source\n     */\n    async loadMd5Sum(signal?: AbortSignal): Promise<string | undefined> {\n      if (this.#md5LastSrc === this.src && this.#md5Value) {\n        return this.#md5Value;\n      }\n\n      if (this.#md5Promise && this.#md5LastSrc === this.src) {\n        return this.#md5Promise;\n      }\n\n      this.#md5LastSrc = this.src;\n      this.#md5Promise = this.#doLoadMd5(this.src, signal);\n\n      try {\n        this.#md5Value = await this.#md5Promise;\n        return this.#md5Value;\n      } catch (error) {\n        if (error instanceof DOMException && error.name === \"AbortError\") {\n          throw error;\n        }\n        console.error(\"EFSourceMixin md5Sum error\", error);\n        return undefined;\n      } finally {\n        this.#md5Promise = null;\n      }\n    }\n\n    async #doLoadMd5(src: string, signal?: AbortSignal): Promise<string | undefined> {\n      // Normalize the path: remove leading slash and any double slashes\n      let normalizedSrc = src.startsWith(\"/\")\n        ? src.slice(1)\n        : src;\n      normalizedSrc = normalizedSrc.replace(/^\\/+/, \"\");\n      // Use production API format for local files\n      const md5Path = `/api/v1/isobmff_files/local/md5?src=${encodeURIComponent(normalizedSrc)}`;\n      const response = await fetch(md5Path, { signal });\n      if (!response.ok) {\n        return undefined;\n      }\n      const data = await response.json();\n      return data.md5 ?? undefined;\n    }\n\n    /**\n     * Compatibility wrapper for code expecting md5SumLoader.value\n     */\n    md5SumLoader = new Proxy({\n      run: () => this.loadMd5Sum(),\n      _host: this,\n    } as {\n      run: () => Promise<string | undefined>;\n      value: string | undefined;\n      taskComplete: Promise<string | undefined>;\n      _host: typeof this;\n    }, {\n      get(target, prop) {\n        if (prop === 'value') {\n          return (target._host as any).#md5Value;\n        }\n        if (prop === 'taskComplete') {\n          const host = target._host as any;\n          return host.#md5Promise || Promise.resolve(host.#md5Value);\n        }\n        return (target as any)[prop];\n      },\n    });\n  }\n\n  return EFSourceElement as Constructor<EFSourceMixinInterface> & T;\n}\n"],"mappings":";;;;AAaA,SAAgB,cACd,YACA,SACA;CACA,MAAM,wBAAwB,WAAW;;;cAajC;uBAsES,IAAI,MAAM;IACvB,WAAW,KAAK,YAAY;IAC5B,OAAO;IACR,EAKE,EACD,IAAI,QAAQ,MAAM;AAChB,QAAI,SAAS,QACX,QAAQ,OAAO,OAAcA;AAE/B,QAAI,SAAS,gBAAgB;KAC3B,MAAM,OAAO,OAAO;AACpB,YAAO,MAAKC,cAAe,QAAQ,QAAQ,MAAKD,SAAU;;AAE5D,WAAQ,OAAe;MAE1B,CAAC;;EArGF,IAAI,UAAU;AAQZ,UANE,KAAK,QAAQ,mBAAmB,EAAE,WAClC,KAAK,QAAQ,eAAe,EAAE,WAC9B,KAAK,QAAQ,aAAa,EAAE;;EAUhC,YAAgC;EAChC,cAAkD;EAClD,cAA6B;EAE7B,gBAAgB;AACd,OAAI,CAAC,MAAKA,SACR,OAAM,IAAI,MACR,6BAA6B,KAAK,kCACnC;AAGH,OAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,6BAA6B,KAAK,kCACnC;AAGH,UAAO,GAAG,KAAK,QAAQ,UAAU,QAAQ,UAAU,GAAG,MAAKA;;;;;EAM7D,MAAM,WAAW,QAAmD;AAClE,OAAI,MAAKE,eAAgB,KAAK,OAAO,MAAKF,SACxC,QAAO,MAAKA;AAGd,OAAI,MAAKC,cAAe,MAAKC,eAAgB,KAAK,IAChD,QAAO,MAAKD;AAGd,SAAKC,aAAc,KAAK;AACxB,SAAKD,aAAc,MAAKE,UAAW,KAAK,KAAK,OAAO;AAEpD,OAAI;AACF,UAAKH,WAAY,MAAM,MAAKC;AAC5B,WAAO,MAAKD;YACL,OAAO;AACd,QAAI,iBAAiB,gBAAgB,MAAM,SAAS,aAClD,OAAM;AAER,YAAQ,MAAM,8BAA8B,MAAM;AAClD;aACQ;AACR,UAAKC,aAAc;;;EAIvB,OAAME,UAAW,KAAa,QAAmD;GAE/E,IAAI,gBAAgB,IAAI,WAAW,IAAI,GACnC,IAAI,MAAM,EAAE,GACZ;AACJ,mBAAgB,cAAc,QAAQ,QAAQ,GAAG;GAEjD,MAAM,UAAU,uCAAuC,mBAAmB,cAAc;GACxF,MAAM,WAAW,MAAM,MAAM,SAAS,EAAE,QAAQ,CAAC;AACjD,OAAI,CAAC,SAAS,GACZ;AAGF,WADa,MAAM,SAAS,MAAM,EACtB,OAAO;;;aAjEpB,SAAS,EAAE,MAAM,QAAQ,CAAC;AA6F7B,QAAO"}
+{"version":3,"file":"EFSourceMixin.js","names":["#md5Value","#md5LastSrc","#md5Promise","#doLoadMd5"],"sources":["../../src/elements/EFSourceMixin.ts"],"sourcesContent":["import type { LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\n\nexport declare class EFSourceMixinInterface {\n  apiHost?: string;\n  productionSrc(): string;\n  src: string;\n}\n\ninterface EFSourceMixinOptions {\n  assetType: string;\n}\ntype Constructor<T = {}> = new (...args: any[]) => T;\nexport function EFSourceMixin<T extends Constructor<LitElement>>(\n  superClass: T,\n  options: EFSourceMixinOptions,\n) {\n  class EFSourceElement extends superClass {\n    get apiHost() {\n      const apiHost =\n        (this.closest(\"ef-configuration\") as any)?.apiHost ??\n        (this.closest(\"ef-workbench\") as any)?.apiHost ??\n        (this.closest(\"ef-preview\") as any)?.apiHost;\n\n      // Return undefined instead of defaulting to external URL\n      // This allows components to use current origin when apiHost is not set\n      return apiHost;\n    }\n\n    @property({ type: String, reflect: true })\n    src = \"\";\n\n    #md5Value: string | undefined = undefined;\n    #md5Promise: Promise<string | undefined> | null = null;\n    #md5LastSrc: string | null = null;\n\n    productionSrc() {\n      if (!this.#md5Value) {\n        throw new Error(\n          `MD5 sum not available for ${this}. Cannot generate production URL`,\n        );\n      }\n\n      if (!this.apiHost) {\n        throw new Error(\n          `apiHost not available for ${this}. Cannot generate production URL`,\n        );\n      }\n\n      return `${this.apiHost}/api/v1/${options.assetType}/${this.#md5Value}`;\n    }\n\n    /**\n     * Load MD5 sum for the current source\n     */\n    async loadMd5Sum(signal?: AbortSignal): Promise<string | undefined> {\n      if (this.#md5LastSrc === this.src && this.#md5Value) {\n        return this.#md5Value;\n      }\n\n      if (this.#md5Promise && this.#md5LastSrc === this.src) {\n        return this.#md5Promise;\n      }\n\n      this.#md5LastSrc = this.src;\n      this.#md5Promise = this.#doLoadMd5(this.src, signal);\n\n      try {\n        this.#md5Value = await this.#md5Promise;\n        return this.#md5Value;\n      } catch (error) {\n        if (error instanceof DOMException && error.name === \"AbortError\") {\n          throw error;\n        }\n        console.error(\"EFSourceMixin md5Sum error\", error);\n        return undefined;\n      } finally {\n        this.#md5Promise = null;\n      }\n    }\n\n    async #doLoadMd5(\n      src: string,\n      signal?: AbortSignal,\n    ): Promise<string | undefined> {\n      // Normalize the path: remove leading slash and any double slashes\n      let normalizedSrc = src.startsWith(\"/\") ? src.slice(1) : src;\n      normalizedSrc = normalizedSrc.replace(/^\\/+/, \"\");\n      // Use production API format for local files\n      const md5Path = `/api/v1/files/local/md5?src=${encodeURIComponent(normalizedSrc)}`;\n      const response = await fetch(md5Path, { signal });\n      if (!response.ok) {\n        return undefined;\n      }\n      const data = await response.json();\n      return data.md5 ?? undefined;\n    }\n\n    /** @internal Exposes md5 state for md5SumLoader proxy without private field access in handler */\n    _getMd5Value(): string | undefined {\n      return this.#md5Value;\n    }\n\n    /** @internal Exposes md5 promise state for md5SumLoader proxy */\n    _getMd5Promise(): Promise<string | undefined> | null {\n      return this.#md5Promise;\n    }\n\n    /**\n     * Compatibility wrapper for code expecting md5SumLoader.value\n     */\n    md5SumLoader = new Proxy(\n      {\n        run: () => this.loadMd5Sum(),\n        host: this,\n      } as unknown as {\n        run: () => Promise<string | undefined>;\n        host: {\n          _getMd5Value: () => string | undefined;\n          _getMd5Promise: () => Promise<string | undefined> | null;\n        };\n        value: string | undefined;\n        taskComplete: Promise<string | undefined>;\n      },\n      {\n        get(target, prop) {\n          if (prop === \"value\") {\n            return target.host._getMd5Value();\n          }\n          if (prop === \"taskComplete\") {\n            const p = target.host._getMd5Promise();\n            return p || Promise.resolve(target.host._getMd5Value());\n          }\n          return (target as any)[prop];\n        },\n      },\n    );\n  }\n\n  return EFSourceElement as Constructor<EFSourceMixinInterface> & T;\n}\n"],"mappings":";;;;AAaA,SAAgB,cACd,YACA,SACA;CACA,MAAM,wBAAwB,WAAW;;;cAajC;uBAiFS,IAAI,MACjB;IACE,WAAW,KAAK,YAAY;IAC5B,MAAM;IACP,EASD,EACE,IAAI,QAAQ,MAAM;AAChB,QAAI,SAAS,QACX,QAAO,OAAO,KAAK,cAAc;AAEnC,QAAI,SAAS,eAEX,QADU,OAAO,KAAK,gBAAgB,IAC1B,QAAQ,QAAQ,OAAO,KAAK,cAAc,CAAC;AAEzD,WAAQ,OAAe;MAE1B,CACF;;EAtHD,IAAI,UAAU;AAQZ,UANG,KAAK,QAAQ,mBAAmB,EAAU,WAC1C,KAAK,QAAQ,eAAe,EAAU,WACtC,KAAK,QAAQ,aAAa,EAAU;;EAUzC,YAAgC;EAChC,cAAkD;EAClD,cAA6B;EAE7B,gBAAgB;AACd,OAAI,CAAC,MAAKA,SACR,OAAM,IAAI,MACR,6BAA6B,KAAK,kCACnC;AAGH,OAAI,CAAC,KAAK,QACR,OAAM,IAAI,MACR,6BAA6B,KAAK,kCACnC;AAGH,UAAO,GAAG,KAAK,QAAQ,UAAU,QAAQ,UAAU,GAAG,MAAKA;;;;;EAM7D,MAAM,WAAW,QAAmD;AAClE,OAAI,MAAKC,eAAgB,KAAK,OAAO,MAAKD,SACxC,QAAO,MAAKA;AAGd,OAAI,MAAKE,cAAe,MAAKD,eAAgB,KAAK,IAChD,QAAO,MAAKC;AAGd,SAAKD,aAAc,KAAK;AACxB,SAAKC,aAAc,MAAKC,UAAW,KAAK,KAAK,OAAO;AAEpD,OAAI;AACF,UAAKH,WAAY,MAAM,MAAKE;AAC5B,WAAO,MAAKF;YACL,OAAO;AACd,QAAI,iBAAiB,gBAAgB,MAAM,SAAS,aAClD,OAAM;AAER,YAAQ,MAAM,8BAA8B,MAAM;AAClD;aACQ;AACR,UAAKE,aAAc;;;EAIvB,OAAMC,UACJ,KACA,QAC6B;GAE7B,IAAI,gBAAgB,IAAI,WAAW,IAAI,GAAG,IAAI,MAAM,EAAE,GAAG;AACzD,mBAAgB,cAAc,QAAQ,QAAQ,GAAG;GAEjD,MAAM,UAAU,+BAA+B,mBAAmB,cAAc;GAChF,MAAM,WAAW,MAAM,MAAM,SAAS,EAAE,QAAQ,CAAC;AACjD,OAAI,CAAC,SAAS,GACZ;AAGF,WADa,MAAM,SAAS,MAAM,EACtB,OAAO;;;EAIrB,eAAmC;AACjC,UAAO,MAAKH;;;EAId,iBAAqD;AACnD,UAAO,MAAKE;;;aA5Eb,SAAS;EAAE,MAAM;EAAQ,SAAS;EAAM,CAAC;AA8G5C,QAAO"}

package/dist/elements/EFSurface.d.ts

@@ -1,6 +1,6 @@
 import { FrameRenderable, FrameState } from "../preview/FrameController.js";
 import { ContextMixinInterface } from "../gui/ContextMixin.js";
-import * as lit26 from "lit";
+import * as lit27 from "lit";
 import { LitElement } from "lit";
 import * as lit_html25 from "lit-html";
 import * as lit_html_directives_ref3 from "lit-html/directives/ref";
@@ -8,7 +8,7 @@ import * as lit_html_directives_ref3 from "lit-html/directives/ref";
 //#region src/elements/EFSurface.d.ts
 declare class EFSurface extends LitElement implements FrameRenderable {
   #private;
-  static styles: lit26.CSSResult[];
+  static styles: lit27.CSSResult[];
   canvasRef: lit_html_directives_ref3.Ref<HTMLCanvasElement>;
   targetElement: ContextMixinInterface | null;
   target: string;
@@ -18,20 +18,17 @@ declare class EFSurface extends LitElement implements FrameRenderable {
   get durationMs(): number;
   get startTimeMs(): number;
   get endTimeMs(): number;
-  frameTask: {
-    run(): void | Promise<void>;
-    taskComplete: Promise<void>;
-  };
   /**
    * Query readiness state for a given time.
    * @implements FrameRenderable
    */
   getFrameState(_timeMs: number): FrameState;
   /**
-   * Async preparation - waits for target element's frameTask.
+   * Async preparation - no preparation needed.
+   * FrameController's priority system ensures dependencies render first.
    * @implements FrameRenderable
    */
-  prepareFrame(_timeMs: number, signal: AbortSignal): Promise<void>;
+  prepareFrame(_timeMs: number, _signal: AbortSignal): Promise<void>;
   /**
    * Synchronous render - copies canvas from target element.
    * @implements FrameRenderable

package/dist/elements/EFSurface.js

@@ -11,28 +11,6 @@ let EFSurface = class EFSurface$1 extends LitElement {
 		this.canvasRef = createRef();
 		this.targetElement = null;
 		this.target = "";
-		this.frameTask = (() => {
-			const self = this;
-			const taskObj = {
-				run: () => {
-					const abortController = new AbortController();
-					const timeMs = self.currentTimeMs;
-					self.#frameTaskPromise = (async () => {
-						try {
-							await self.prepareFrame(timeMs, abortController.signal);
-							self.renderFrame(timeMs);
-						} catch (error) {
-							if (error instanceof DOMException && error.name === "AbortError") return;
-							throw error;
-						}
-					})();
-					taskObj.taskComplete = self.#frameTaskPromise;
-					return self.#frameTaskPromise;
-				},
-				taskComplete: Promise.resolve()
-			};
-			return taskObj;
-		})();
 	}
 	static {
 		this.styles = [css`
@@ -72,11 +50,6 @@ let EFSurface = class EFSurface$1 extends LitElement {
 		return this.startTimeMs + this.durationMs;
 	}
 	/**
-	* @deprecated Use FrameRenderable methods (prepareFrame, renderFrame) via FrameController instead.
-	* This is a compatibility wrapper that delegates to the new system.
-	*/
-	#frameTaskPromise = Promise.resolve();
-	/**
 	* Query readiness state for a given time.
 	* @implements FrameRenderable
 	*/
@@ -88,23 +61,11 @@ let EFSurface = class EFSurface$1 extends LitElement {
 		};
 	}
 	/**
-	* Async preparation - waits for target element's frameTask.
+	* Async preparation - no preparation needed.
+	* FrameController's priority system ensures dependencies render first.
 	* @implements FrameRenderable
 	*/
-	async prepareFrame(_timeMs, signal) {
-		if (!this.targetElement) return;
-		const maybeTask = this.targetElement.frameTask;
-		if (maybeTask && typeof maybeTask.run === "function") try {
-			maybeTask.run().catch(() => {});
-			await maybeTask.taskComplete;
-		} catch (error) {
-			if (error instanceof DOMException && error.name === "AbortError") {
-				signal.throwIfAborted();
-				return;
-			}
-		}
-		signal.throwIfAborted();
-	}
+	async prepareFrame(_timeMs, _signal) {}
 	/**
 	* Synchronous render - copies canvas from target element.
 	* @implements FrameRenderable
@@ -131,7 +92,7 @@ let EFSurface = class EFSurface$1 extends LitElement {
 			dst.width = src.width;
 			dst.height = src.height;
 		}
-		const ctx = dst.getContext("2d");
+		const ctx = dst.getContext("2d", { willReadFrequently: true });
 		if (!ctx) return;
 		ctx.drawImage(src, 0, 0, dst.width, dst.height);
 	}

package/dist/elements/EFSurface.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFSurface.js","names":["EFSurface","taskObj: { run(): void | Promise<void>; taskComplete: Promise<void> }","#frameTaskPromise","target: any","root: any"],"sources":["../../src/elements/EFSurface.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { createRef, ref } from \"lit/directives/ref.js\";\nimport type { ContextMixinInterface } from \"../gui/ContextMixin.ts\";\nimport type { FrameRenderable, FrameState } from \"../preview/FrameController.js\";\nimport { TargetController } from \"./TargetController.ts\";\n\n@customElement(\"ef-surface\")\nexport class EFSurface extends LitElement implements FrameRenderable {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        position: relative;\n      }\n      canvas {\n        all: inherit;\n        width: 100%;\n        height: 100%;\n        display: block;\n      }\n    `,\n  ];\n\n  canvasRef = createRef<HTMLCanvasElement>();\n\n  // @ts-expect-error controller is intentionally not referenced directly\n  // biome-ignore lint/correctness/noUnusedPrivateClassMembers: Used for side effects\n  #targetController: TargetController = new TargetController(this);\n\n  @state()\n  targetElement: ContextMixinInterface | null = null;\n\n  @property({ type: String })\n  target = \"\";\n\n  render() {\n    return html`<canvas ${ref(this.canvasRef)}></canvas>`;\n  }\n\n  // Provide minimal temporal-like properties so EFTimegroup can schedule us\n  get rootTimegroup(): any {\n    // Prefer the target element's root timegroup if available\n    const target: any = this.targetElement;\n    if (target && \"rootTimegroup\" in target) {\n      return target.rootTimegroup;\n    }\n    // Fallback: nearest containing timegroup if any\n    let root: any = this.closest(\"ef-timegroup\");\n    while (root?.parentTimegroup) {\n      root = root.parentTimegroup;\n    }\n    return root;\n  }\n\n  get currentTimeMs(): number {\n    return this.rootTimegroup?.currentTimeMs ?? 0;\n  }\n\n  get durationMs(): number {\n    return this.rootTimegroup?.durationMs ?? 0;\n  }\n\n  get startTimeMs(): number {\n    return this.rootTimegroup?.startTimeMs ?? 0;\n  }\n\n  get endTimeMs(): number {\n    return this.startTimeMs + this.durationMs;\n  }\n\n  /**\n   * @deprecated Use FrameRenderable methods (prepareFrame, renderFrame) via FrameController instead.\n   * This is a compatibility wrapper that delegates to the new system.\n   */\n  #frameTaskPromise: Promise<void> = Promise.resolve();\n  \n  frameTask = (() => {\n    const self = this;\n    const taskObj: { run(): void | Promise<void>; taskComplete: Promise<void> } = {\n      run: () => {\n        const abortController = new AbortController();\n        const timeMs = self.currentTimeMs;\n        self.#frameTaskPromise = (async () => {\n          try {\n            await self.prepareFrame(timeMs, abortController.signal);\n            self.renderFrame(timeMs);\n          } catch (error) {\n            if (error instanceof DOMException && error.name === \"AbortError\") {\n              return;\n            }\n            throw error;\n          }\n        })();\n        taskObj.taskComplete = self.#frameTaskPromise;\n        return self.#frameTaskPromise;\n      },\n      taskComplete: Promise.resolve(),\n    };\n    return taskObj;\n  })();\n\n  // ============================================================================\n  // FrameRenderable Implementation\n  // Centralized frame control - replaces distributed Lit Task system\n  // ============================================================================\n\n  /**\n   * Query readiness state for a given time.\n   * @implements FrameRenderable\n   */\n  getFrameState(_timeMs: number): FrameState {\n    // Surface is ready when target element exists\n    const hasTarget = !!this.targetElement;\n\n    return {\n      needsPreparation: false, // Surface just copies, no async prep needed\n      isReady: hasTarget,\n      priority: 10, // Surface renders last (depends on other elements)\n    };\n  }\n\n  /**\n   * Async preparation - waits for target element's frameTask.\n   * @implements FrameRenderable\n   */\n  async prepareFrame(_timeMs: number, signal: AbortSignal): Promise<void> {\n    if (!this.targetElement) return;\n\n    // Wait for target's frame to be ready\n    const maybeTask = (this.targetElement as any).frameTask;\n    if (maybeTask && typeof maybeTask.run === \"function\") {\n      try {\n        maybeTask.run().catch(() => {});\n        await maybeTask.taskComplete;\n      } catch (error) {\n        if (error instanceof DOMException && error.name === \"AbortError\") {\n          signal.throwIfAborted();\n          return;\n        }\n        // Best-effort; continue to copy for other errors\n      }\n    }\n    signal.throwIfAborted();\n  }\n\n  /**\n   * Synchronous render - copies canvas from target element.\n   * @implements FrameRenderable\n   */\n  renderFrame(_timeMs: number): void {\n    if (this.targetElement) {\n      this.copyFromTarget(this.targetElement);\n    }\n  }\n\n  // ============================================================================\n  // End FrameRenderable Implementation\n  // ============================================================================\n\n  protected updated(): void {\n    if (this.targetElement) {\n      this.copyFromTarget(this.targetElement);\n    }\n  }\n\n  // Target resolution is handled by TargetController. No implicit discovery.\n\n  private getSourceCanvas(from: Element): HTMLCanvasElement | null {\n    const anyEl = from as any;\n    if (\"canvasElement\" in anyEl) {\n      return anyEl.canvasElement ?? null;\n    }\n    const sr = (from as HTMLElement).shadowRoot;\n    if (sr) {\n      const c = sr.querySelector(\"canvas\");\n      return (c as HTMLCanvasElement) ?? null;\n    }\n    return null;\n  }\n\n  private copyFromTarget(target: Element) {\n    const dst = this.canvasRef.value;\n    const src = this.getSourceCanvas(target);\n    if (!dst || !src) return;\n    if (!src.width || !src.height) return;\n\n    // Match source pixel size for a faithful mirror; layout scaling is handled by CSS\n    if (dst.width !== src.width || dst.height !== src.height) {\n      dst.width = src.width;\n      dst.height = src.height;\n    }\n\n    const ctx = dst.getContext(\"2d\");\n    if (!ctx) return;\n    ctx.drawImage(src, 0, 0, dst.width, dst.height);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-surface\": EFSurface;\n  }\n}\n"],"mappings":";;;;;;;AAQO,sBAAMA,oBAAkB,WAAsC;;;mBAgBvD,WAA8B;uBAOI;gBAGrC;0BA2CU;GACjB,MAAM,OAAO;GACb,MAAMC,UAAwE;IAC5E,WAAW;KACT,MAAM,kBAAkB,IAAI,iBAAiB;KAC7C,MAAM,SAAS,KAAK;AACpB,WAAKC,oBAAqB,YAAY;AACpC,UAAI;AACF,aAAM,KAAK,aAAa,QAAQ,gBAAgB,OAAO;AACvD,YAAK,YAAY,OAAO;eACjB,OAAO;AACd,WAAI,iBAAiB,gBAAgB,MAAM,SAAS,aAClD;AAEF,aAAM;;SAEN;AACJ,aAAQ,eAAe,MAAKA;AAC5B,YAAO,MAAKA;;IAEd,cAAc,QAAQ,SAAS;IAChC;AACD,UAAO;MACL;;;gBA3FY,CACd,GAAG;;;;;;;;;;;MAYJ;;CAMD,oBAAsC,IAAI,iBAAiB,KAAK;CAQhE,SAAS;AACP,SAAO,IAAI,WAAW,IAAI,KAAK,UAAU,CAAC;;CAI5C,IAAI,gBAAqB;EAEvB,MAAMC,SAAc,KAAK;AACzB,MAAI,UAAU,mBAAmB,OAC/B,QAAO,OAAO;EAGhB,IAAIC,OAAY,KAAK,QAAQ,eAAe;AAC5C,SAAO,MAAM,gBACX,QAAO,KAAK;AAEd,SAAO;;CAGT,IAAI,gBAAwB;AAC1B,SAAO,KAAK,eAAe,iBAAiB;;CAG9C,IAAI,aAAqB;AACvB,SAAO,KAAK,eAAe,cAAc;;CAG3C,IAAI,cAAsB;AACxB,SAAO,KAAK,eAAe,eAAe;;CAG5C,IAAI,YAAoB;AACtB,SAAO,KAAK,cAAc,KAAK;;;;;;CAOjC,oBAAmC,QAAQ,SAAS;;;;;CAoCpD,cAAc,SAA6B;AAIzC,SAAO;GACL,kBAAkB;GAClB,SAJgB,CAAC,CAAC,KAAK;GAKvB,UAAU;GACX;;;;;;CAOH,MAAM,aAAa,SAAiB,QAAoC;AACtE,MAAI,CAAC,KAAK,cAAe;EAGzB,MAAM,YAAa,KAAK,cAAsB;AAC9C,MAAI,aAAa,OAAO,UAAU,QAAQ,WACxC,KAAI;AACF,aAAU,KAAK,CAAC,YAAY,GAAG;AAC/B,SAAM,UAAU;WACT,OAAO;AACd,OAAI,iBAAiB,gBAAgB,MAAM,SAAS,cAAc;AAChE,WAAO,gBAAgB;AACvB;;;AAKN,SAAO,gBAAgB;;;;;;CAOzB,YAAY,SAAuB;AACjC,MAAI,KAAK,cACP,MAAK,eAAe,KAAK,cAAc;;CAQ3C,AAAU,UAAgB;AACxB,MAAI,KAAK,cACP,MAAK,eAAe,KAAK,cAAc;;CAM3C,AAAQ,gBAAgB,MAAyC;EAC/D,MAAM,QAAQ;AACd,MAAI,mBAAmB,MACrB,QAAO,MAAM,iBAAiB;EAEhC,MAAM,KAAM,KAAqB;AACjC,MAAI,GAEF,QADU,GAAG,cAAc,SAAS,IACD;AAErC,SAAO;;CAGT,AAAQ,eAAe,QAAiB;EACtC,MAAM,MAAM,KAAK,UAAU;EAC3B,MAAM,MAAM,KAAK,gBAAgB,OAAO;AACxC,MAAI,CAAC,OAAO,CAAC,IAAK;AAClB,MAAI,CAAC,IAAI,SAAS,CAAC,IAAI,OAAQ;AAG/B,MAAI,IAAI,UAAU,IAAI,SAAS,IAAI,WAAW,IAAI,QAAQ;AACxD,OAAI,QAAQ,IAAI;AAChB,OAAI,SAAS,IAAI;;EAGnB,MAAM,MAAM,IAAI,WAAW,KAAK;AAChC,MAAI,CAAC,IAAK;AACV,MAAI,UAAU,KAAK,GAAG,GAAG,IAAI,OAAO,IAAI,OAAO;;;YArKhD,OAAO;YAGP,SAAS,EAAE,MAAM,QAAQ,CAAC;wBA1B5B,cAAc,aAAa"}
+{"version":3,"file":"EFSurface.js","names":["EFSurface","target: any","root: any"],"sources":["../../src/elements/EFSurface.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { customElement, property, state } from \"lit/decorators.js\";\nimport { createRef, ref } from \"lit/directives/ref.js\";\nimport type { ContextMixinInterface } from \"../gui/ContextMixin.ts\";\nimport type {\n  FrameRenderable,\n  FrameState,\n} from \"../preview/FrameController.js\";\nimport { TargetController } from \"./TargetController.ts\";\n\n@customElement(\"ef-surface\")\nexport class EFSurface extends LitElement implements FrameRenderable {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        position: relative;\n      }\n      canvas {\n        all: inherit;\n        width: 100%;\n        height: 100%;\n        display: block;\n      }\n    `,\n  ];\n\n  canvasRef = createRef<HTMLCanvasElement>();\n\n  // @ts-expect-error controller is intentionally not referenced directly\n  // biome-ignore lint/correctness/noUnusedPrivateClassMembers: Used for side effects\n  #targetController: TargetController = new TargetController(this);\n\n  @state()\n  targetElement: ContextMixinInterface | null = null;\n\n  @property({ type: String })\n  target = \"\";\n\n  render() {\n    return html`<canvas ${ref(this.canvasRef)}></canvas>`;\n  }\n\n  // Provide minimal temporal-like properties so EFTimegroup can schedule us\n  get rootTimegroup(): any {\n    // Prefer the target element's root timegroup if available\n    const target: any = this.targetElement;\n    if (target && \"rootTimegroup\" in target) {\n      return target.rootTimegroup;\n    }\n    // Fallback: nearest containing timegroup if any\n    let root: any = this.closest(\"ef-timegroup\");\n    while (root?.parentTimegroup) {\n      root = root.parentTimegroup;\n    }\n    return root;\n  }\n\n  get currentTimeMs(): number {\n    return this.rootTimegroup?.currentTimeMs ?? 0;\n  }\n\n  get durationMs(): number {\n    return this.rootTimegroup?.durationMs ?? 0;\n  }\n\n  get startTimeMs(): number {\n    return this.rootTimegroup?.startTimeMs ?? 0;\n  }\n\n  get endTimeMs(): number {\n    return this.startTimeMs + this.durationMs;\n  }\n\n  // ============================================================================\n  // FrameRenderable Implementation\n  // ============================================================================\n\n  /**\n   * Query readiness state for a given time.\n   * @implements FrameRenderable\n   */\n  getFrameState(_timeMs: number): FrameState {\n    // Surface is ready when target element exists\n    const hasTarget = !!this.targetElement;\n\n    return {\n      needsPreparation: false, // Surface just copies, no async prep needed\n      isReady: hasTarget,\n      priority: 10, // Surface renders last (depends on other elements)\n    };\n  }\n\n  /**\n   * Async preparation - no preparation needed.\n   * FrameController's priority system ensures dependencies render first.\n   * @implements FrameRenderable\n   */\n  async prepareFrame(_timeMs: number, _signal: AbortSignal): Promise<void> {\n    // No preparation needed - FrameController handles dependencies via priority\n  }\n\n  /**\n   * Synchronous render - copies canvas from target element.\n   * @implements FrameRenderable\n   */\n  renderFrame(_timeMs: number): void {\n    if (this.targetElement) {\n      this.copyFromTarget(this.targetElement);\n    }\n  }\n\n  // ============================================================================\n  // End FrameRenderable Implementation\n  // ============================================================================\n\n  protected updated(): void {\n    if (this.targetElement) {\n      this.copyFromTarget(this.targetElement);\n    }\n  }\n\n  // Target resolution is handled by TargetController. No implicit discovery.\n\n  private getSourceCanvas(from: Element): HTMLCanvasElement | null {\n    const anyEl = from as any;\n    if (\"canvasElement\" in anyEl) {\n      return anyEl.canvasElement ?? null;\n    }\n    const sr = (from as HTMLElement).shadowRoot;\n    if (sr) {\n      const c = sr.querySelector(\"canvas\");\n      return (c as HTMLCanvasElement) ?? null;\n    }\n    return null;\n  }\n\n  private copyFromTarget(target: Element) {\n    const dst = this.canvasRef.value;\n    const src = this.getSourceCanvas(target);\n    if (!dst || !src) return;\n    if (!src.width || !src.height) return;\n\n    // Match source pixel size for a faithful mirror; layout scaling is handled by CSS\n    if (dst.width !== src.width || dst.height !== src.height) {\n      dst.width = src.width;\n      dst.height = src.height;\n    }\n\n    const ctx = dst.getContext(\"2d\", { willReadFrequently: true });\n    if (!ctx) return;\n    ctx.drawImage(src, 0, 0, dst.width, dst.height);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"ef-surface\": EFSurface;\n  }\n}\n"],"mappings":";;;;;;;AAWO,sBAAMA,oBAAkB,WAAsC;;;mBAgBvD,WAA8B;uBAOI;gBAGrC;;;gBAzBO,CACd,GAAG;;;;;;;;;;;MAYJ;;CAMD,oBAAsC,IAAI,iBAAiB,KAAK;CAQhE,SAAS;AACP,SAAO,IAAI,WAAW,IAAI,KAAK,UAAU,CAAC;;CAI5C,IAAI,gBAAqB;EAEvB,MAAMC,SAAc,KAAK;AACzB,MAAI,UAAU,mBAAmB,OAC/B,QAAO,OAAO;EAGhB,IAAIC,OAAY,KAAK,QAAQ,eAAe;AAC5C,SAAO,MAAM,gBACX,QAAO,KAAK;AAEd,SAAO;;CAGT,IAAI,gBAAwB;AAC1B,SAAO,KAAK,eAAe,iBAAiB;;CAG9C,IAAI,aAAqB;AACvB,SAAO,KAAK,eAAe,cAAc;;CAG3C,IAAI,cAAsB;AACxB,SAAO,KAAK,eAAe,eAAe;;CAG5C,IAAI,YAAoB;AACtB,SAAO,KAAK,cAAc,KAAK;;;;;;CAWjC,cAAc,SAA6B;AAIzC,SAAO;GACL,kBAAkB;GAClB,SAJgB,CAAC,CAAC,KAAK;GAKvB,UAAU;GACX;;;;;;;CAQH,MAAM,aAAa,SAAiB,SAAqC;;;;;CAQzE,YAAY,SAAuB;AACjC,MAAI,KAAK,cACP,MAAK,eAAe,KAAK,cAAc;;CAQ3C,AAAU,UAAgB;AACxB,MAAI,KAAK,cACP,MAAK,eAAe,KAAK,cAAc;;CAM3C,AAAQ,gBAAgB,MAAyC;EAC/D,MAAM,QAAQ;AACd,MAAI,mBAAmB,MACrB,QAAO,MAAM,iBAAiB;EAEhC,MAAM,KAAM,KAAqB;AACjC,MAAI,GAEF,QADU,GAAG,cAAc,SAAS,IACD;AAErC,SAAO;;CAGT,AAAQ,eAAe,QAAiB;EACtC,MAAM,MAAM,KAAK,UAAU;EAC3B,MAAM,MAAM,KAAK,gBAAgB,OAAO;AACxC,MAAI,CAAC,OAAO,CAAC,IAAK;AAClB,MAAI,CAAC,IAAI,SAAS,CAAC,IAAI,OAAQ;AAG/B,MAAI,IAAI,UAAU,IAAI,SAAS,IAAI,WAAW,IAAI,QAAQ;AACxD,OAAI,QAAQ,IAAI;AAChB,OAAI,SAAS,IAAI;;EAGnB,MAAM,MAAM,IAAI,WAAW,MAAM,EAAE,oBAAoB,MAAM,CAAC;AAC9D,MAAI,CAAC,IAAK;AACV,MAAI,UAAU,KAAK,GAAG,GAAG,IAAI,OAAO,IAAI,OAAO;;;YAtHhD,OAAO;YAGP,SAAS,EAAE,MAAM,QAAQ,CAAC;wBA1B5B,cAAc,aAAa"}

package/dist/elements/EFTemporal.d.ts

@@ -4,6 +4,8 @@ import { LitElement, ReactiveController } from "lit";
 
 //#region src/elements/EFTemporal.d.ts
 
+type ContentReadyState = "idle" | "loading" | "ready" | "error";
+type ContentChangeReason = "source" | "bounds" | "structure" | "content";
 declare class TemporalMixinInterface {
   playbackController?: PlaybackController;
   playing: boolean;
@@ -136,6 +138,12 @@ declare class TemporalMixinInterface {
    * played.
    */
   get ownCurrentTimeMs(): number;
+  /**
+   * Set the base local time (ms) used by ownCurrentTimeMs when no playback
+   * controller is present. Used by seekForRender() on render clones.
+   * @internal
+   */
+  _setLocalTimeMs(value: number): void;
   /**
    * Element's current time for progress calculation.
    * For timegroups: their timeline currentTimeMs
@@ -190,16 +198,33 @@ declare class TemporalMixinInterface {
    * A convenience property for getting the root timegroup of the media element.
    */
   rootTimegroup?: EFTimegroup;
-  /**
-   * Frame task interface. Can be a Lit Task or a simple object with run() and taskComplete.
-   * @deprecated Prefer using FrameRenderable interface via FrameController.
-   */
-  frameTask: {
-    run(): void | Promise<void>;
-    taskComplete: Promise<unknown>;
-  };
   didBecomeRoot(): void;
   didBecomeChild(): void;
+  /**
+   * The readiness state of this element's content.
+   * "idle" — no content / not connected
+   * "loading" — async resources are loading
+   * "ready" — element can render / extract frames
+   * "error" — resource loading failed
+   *
+   * @domAttribute "content-ready-state"
+   */
+  contentReadyState: ContentReadyState;
+  /**
+   * Transition to a new readiness state.
+   * Dispatches a non-bubbling `readystatechange` CustomEvent if the state changed.
+   */
+  setContentReadyState(state: ContentReadyState): void;
+  /**
+   * Dispatch a non-bubbling `contentchange` CustomEvent.
+   * Signals that cached renderable output is stale.
+   */
+  emitContentChange(reason: ContentChangeReason): void;
+  /**
+   * Whether this element should auto-transition to "ready" after first update.
+   * Override to return false for elements with async loading (EFMedia, EFCaptions).
+   */
+  shouldAutoReady(): boolean;
   updateComplete: Promise<boolean>;
 }
 declare const isEFTemporal: (obj: any) => obj is TemporalMixinInterface;

package/dist/elements/EFTemporal.js

@@ -121,13 +121,32 @@ function determineCurrentTimeSource(playbackController, rootTimegroup, isRootTim
 }
 const isEFTemporal = (obj) => obj[EF_TEMPORAL];
 const EF_TEMPORAL = Symbol("EF_TEMPORAL");
-const deepGetTemporalElements = (element, temporals = []) => {
-	const children = getChildrenIncludingSlotted(element);
-	for (const child of children) {
-		if (isEFTemporal(child)) temporals.push(child);
-		deepGetTemporalElements(child, temporals);
-	}
-	return temporals;
+const deepGetTemporalElements = (element, timeMs) => {
+	const elements = [];
+	const pruned = /* @__PURE__ */ new Set();
+	const walk = (el) => {
+		const children = getChildrenIncludingSlotted(el);
+		for (const child of children) {
+			if (isEFTemporal(child)) {
+				const temporal = child;
+				elements.push(temporal);
+				if (timeMs !== void 0) {
+					const startMs = temporal.startTimeMs;
+					const endMs = temporal.endTimeMs;
+					if (endMs > startMs && (timeMs < startMs || timeMs >= endMs)) {
+						pruned.add(temporal);
+						continue;
+					}
+				}
+			}
+			walk(child);
+		}
+	};
+	walk(element);
+	return {
+		elements,
+		pruned
+	};
 };
 /**
 * Gets all child elements including slotted content for shadow DOM elements.
@@ -146,14 +165,6 @@ const getChildrenIncludingSlotted = (element) => {
 	}
 	return Array.from(element.children);
 };
-const deepGetElementsWithFrameTasks = (element, elements = []) => {
-	const children = getChildrenIncludingSlotted(element);
-	for (const child of children) {
-		if ("frameTask" in child && child.frameTask != null && typeof child.frameTask.run === "function") elements.push(child);
-		deepGetElementsWithFrameTasks(child, elements);
-	}
-	return elements;
-};
 let temporalCache;
 let temporalCacheResetScheduled = false;
 const resetTemporalCache = () => {
@@ -187,9 +198,9 @@ var OwnCurrentTimeController = class {
 		const currentTimeMs = this.host.currentTimeMs;
 		if (this.#lastKnownTimeMs === currentTimeMs) return;
 		this.#lastKnownTimeMs = currentTimeMs;
-		setTimeout(() => {
+		queueMicrotask(() => {
 			this.temporal.requestUpdate("ownCurrentTimeMs");
-		}, 0);
+		});
 	}
 	remove() {
 		this.host.removeController(this);
@@ -222,18 +233,34 @@ const EFTemporal = (superClass) => {
 			this._sourceOutMs = void 0;
 			this._startOffsetMs = 0;
 			this.rootTimegroup = this.getRootTimegroup();
-			this.frameTask = (() => {
-				const self = this;
-				const taskObj = {
-					run: () => {
-						self.#frameTaskPromise = self.updateComplete.then(() => {});
-						taskObj.taskComplete = self.#frameTaskPromise;
-						return self.#frameTaskPromise;
-					},
-					taskComplete: Promise.resolve()
-				};
-				return taskObj;
-			})();
+		}
+		#contentReadyState = "idle";
+		get contentReadyState() {
+			return this.#contentReadyState;
+		}
+		set contentReadyState(value) {
+			this.setContentReadyState(value);
+		}
+		setContentReadyState(state$1) {
+			if (state$1 === this.#contentReadyState) return;
+			const old = this.#contentReadyState;
+			this.#contentReadyState = state$1;
+			this.requestUpdate("contentReadyState", old);
+			this.dispatchEvent(new CustomEvent("readystatechange", {
+				detail: { state: state$1 },
+				bubbles: false,
+				composed: false
+			}));
+		}
+		emitContentChange(reason) {
+			this.dispatchEvent(new CustomEvent("contentchange", {
+				detail: { reason },
+				bubbles: false,
+				composed: false
+			}));
+		}
+		shouldAutoReady() {
+			return true;
 		}
 		#ownCurrentTimeController;
 		#parentTimegroup;
@@ -259,6 +286,7 @@ const EFTemporal = (superClass) => {
 		}
 		disconnectedCallback() {
 			super.disconnectedCallback();
+			if (this.canvasPreviewActive) return;
 			this.#ownCurrentTimeController?.remove();
 			if (this.playbackController) {
 				this.playbackController.remove();
@@ -270,11 +298,16 @@ const EFTemporal = (superClass) => {
 		}
 		connectedCallback() {
 			super.connectedCallback();
+			if (this.canvasPreviewActive) return;
 			this.#ownCurrentTimeController?.remove();
 			if (!(this.parentElement?.closest("ef-timegroup") != null) && !this.playbackController) this.updateComplete.then(() => {
 				if (!this.isConnected) return;
 				if (!this.playbackController) this.didBecomeRoot();
 			});
+			if (this.shouldAutoReady()) this.updateComplete.then(() => {
+				if (!this.isConnected) return;
+				if (this.#contentReadyState === "idle") this.setContentReadyState("ready");
+			});
 		}
 		get parentTimegroup() {
 			return this.#parentTimegroup;
@@ -346,6 +379,16 @@ const EFTemporal = (superClass) => {
 		set sourceOutMs(value) {
 			this._sourceOutMs = value;
 		}
+		updated(changedProperties) {
+			super.updated?.(changedProperties);
+			const sourceChanged = changedProperties.has("_sourceInMs") || changedProperties.has("_sourceOutMs");
+			const trimChanged = changedProperties.has("_trimStartMs") || changedProperties.has("_trimEndMs");
+			const becameReady = changedProperties.has("contentReadyState") && changedProperties.get("contentReadyState") !== "ready" && this.contentReadyState === "ready";
+			if (sourceChanged || trimChanged || becameReady) {
+				if (this.rootTimegroup) this.rootTimegroup.requestFrameRender();
+				else if (this.playbackController) this.playbackController.runThrottledFrameTask();
+			}
+		}
 		get startOffsetMs() {
 			return this._startOffsetMs;
 		}
@@ -402,6 +445,15 @@ const EFTemporal = (superClass) => {
 		}
 		#currentTimeMs = 0;
 		/**
+		* Set the base local time (ms) used by ownCurrentTimeMs when no playback
+		* controller is present. Called by EFTimegroup.seekForRender() to keep the
+		* mixin's internal time in sync with the timegroup's own time state.
+		* @internal
+		*/
+		_setLocalTimeMs(value) {
+			this.#currentTimeMs = value;
+		}
+		/**
 		* The current time of the element within itself.
 		* Compare with `currentTimeMs` to see the current time with respect to the root timegroup
 		*/
@@ -441,17 +493,12 @@ const EFTemporal = (superClass) => {
 			const leadingTrimMs = this.sourceInMs || this.trimStartMs || 0;
 			return this.ownCurrentTimeMs + leadingTrimMs;
 		}
-		/**
-		* @deprecated Use FrameRenderable interface via FrameController instead.
-		* This is a compatibility wrapper - base class just waits for updateComplete.
-		*/
-		#frameTaskPromise = Promise.resolve();
 		didBecomeRoot() {
-			if (this.closest?.(".ef-render-clone-container")) return;
-			if (!this.playbackController) {
-				this.playbackController = new PlaybackController(this);
-				if (this.#loop) this.playbackController.setLoop(this.#loop);
-			}
+			const noPlayback = this.hasAttribute?.("data-no-playback-controller");
+			const isRendering = typeof window !== "undefined" && "FRAMEGEN_BRIDGE" in window;
+			if (noPlayback || this.playbackController || isRendering) return;
+			this.playbackController = new PlaybackController(this);
+			if (this.#loop) this.playbackController.setLoop(this.#loop);
 		}
 		didBecomeChild() {
 			if (this.playbackController) {
@@ -460,6 +507,11 @@ const EFTemporal = (superClass) => {
 			}
 		}
 	}
+	__decorate([property({
+		type: String,
+		reflect: true,
+		attribute: "content-ready-state"
+	})], TemporalMixinClass.prototype, "contentReadyState", null);
 	__decorate([consume({
 		context: timegroupContext,
 		subscribe: true
@@ -510,5 +562,5 @@ const EFTemporal = (superClass) => {
 };
 
 //#endregion
-export { EFTemporal, deepGetElementsWithFrameTasks, deepGetTemporalElements, flushStartTimeMsCache, isEFTemporal, registerIsTimegroupCalculatingDuration, resetTemporalCache, shallowGetTemporalElements, timegroupContext };
+export { EFTemporal, deepGetTemporalElements, flushStartTimeMsCache, isEFTemporal, registerIsTimegroupCalculatingDuration, resetTemporalCache, shallowGetTemporalElements, timegroupContext };
 //# sourceMappingURL=EFTemporal.js.map