@editframe/elements 0.24.1-beta.0 → 0.25.0-beta.0

package/dist/elements/EFMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EFMedia.js","names":[],"sources":["../../src/elements/EFMedia.ts"],"sourcesContent":["import { provide } from \"@lit/context\";\nimport { css, LitElement, type PropertyValueMap } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { isContextMixin } from \"../gui/ContextMixin.js\";\nimport type { ControllableInterface } from \"../gui/Controllable.js\";\nimport { efContext } from \"../gui/efContext.js\";\nimport { withSpan } from \"../otel/tracingHelpers.js\";\nimport type { AudioSpan } from \"../transcoding/types/index.ts\";\nimport { UrlGenerator } from \"../transcoding/utils/UrlGenerator.ts\";\nimport { makeAudioBufferTask } from \"./EFMedia/audioTasks/makeAudioBufferTask.ts\";\nimport { makeAudioFrequencyAnalysisTask } from \"./EFMedia/audioTasks/makeAudioFrequencyAnalysisTask.ts\";\nimport { makeAudioInitSegmentFetchTask } from \"./EFMedia/audioTasks/makeAudioInitSegmentFetchTask.ts\";\nimport { makeAudioInputTask } from \"./EFMedia/audioTasks/makeAudioInputTask.ts\";\nimport { makeAudioSeekTask } from \"./EFMedia/audioTasks/makeAudioSeekTask.ts\";\nimport { makeAudioSegmentFetchTask } from \"./EFMedia/audioTasks/makeAudioSegmentFetchTask.ts\";\nimport { makeAudioSegmentIdTask } from \"./EFMedia/audioTasks/makeAudioSegmentIdTask.ts\";\nimport { makeAudioTimeDomainAnalysisTask } from \"./EFMedia/audioTasks/makeAudioTimeDomainAnalysisTask.ts\";\nimport { fetchAudioSpanningTime } from \"./EFMedia/shared/AudioSpanUtils.ts\";\nimport { makeMediaEngineTask } from \"./EFMedia/tasks/makeMediaEngineTask.ts\";\nimport { EFSourceMixin } from \"./EFSourceMixin.js\";\nimport { EFTemporal } from \"./EFTemporal.js\";\nimport { FetchMixin } from \"./FetchMixin.js\";\nimport { renderTemporalAudio } from \"./renderTemporalAudio.js\";\nimport { EFTargetable } from \"./TargetController.ts\";\n\n// EF_FRAMEGEN is a global instance created in EF_FRAMEGEN.ts\ndeclare global {\n  var EF_FRAMEGEN: import(\"../EF_FRAMEGEN.js\").EFFramegen;\n}\n\nconst freqWeightsCache = new Map<number, Float32Array>();\n\nexport class IgnorableError extends Error {}\n\nexport const deepGetMediaElements = (\n  element: Element,\n  medias: EFMedia[] = [],\n) => {\n  for (const child of Array.from(element.children)) {\n    if (child instanceof EFMedia) {\n      medias.push(child);\n    } else {\n      deepGetMediaElements(child, medias);\n    }\n  }\n  return medias;\n};\n\nexport class EFMedia extends EFTargetable(\n  EFSourceMixin(EFTemporal(FetchMixin(LitElement)), {\n    assetType: \"isobmff_files\",\n  }),\n) {\n  @provide({ context: efContext })\n  get efContext(): ControllableInterface | null {\n    return this.rootTimegroup ?? this;\n  }\n\n  // Sample buffer size configuration\n  static readonly VIDEO_SAMPLE_BUFFER_SIZE = 30;\n  static readonly AUDIO_SAMPLE_BUFFER_SIZE = 120;\n\n  static get observedAttributes() {\n    // biome-ignore lint/complexity/noThisInStatic: We need to access super\n    const parentAttributes = super.observedAttributes || [];\n    return [\n      ...parentAttributes,\n      \"mute\",\n      \"fft-size\",\n      \"fft-decay\",\n      \"fft-gain\",\n      \"interpolate-frequencies\",\n      \"asset-id\",\n      \"audio-buffer-duration\",\n      \"max-audio-buffer-fetches\",\n      \"enable-audio-buffering\",\n      \"sourcein\",\n      \"sourceout\",\n    ];\n  }\n\n  static styles = [\n    css`\n      :host {\n        display: block;\n        position: relative;\n        overflow: hidden;\n      }\n    `,\n  ];\n\n  /**\n   * Duration in milliseconds for audio buffering ahead of current time\n   * @domAttribute \"audio-buffer-duration\"\n   */\n  @property({ type: Number, attribute: \"audio-buffer-duration\" })\n  audioBufferDurationMs = 10000; // 10 seconds - reasonable for JIT encoding\n\n  /**\n   * Maximum number of concurrent audio segment fetches for buffering\n   * @domAttribute \"max-audio-buffer-fetches\"\n   */\n  @property({ type: Number, attribute: \"max-audio-buffer-fetches\" })\n  maxAudioBufferFetches = 2;\n\n  /**\n   * Enable/disable audio buffering system\n   * @domAttribute \"enable-audio-buffering\"\n   */\n  @property({ type: Boolean, attribute: \"enable-audio-buffering\" })\n  enableAudioBuffering = true;\n\n  /**\n   * Mute/unmute the media element\n   * @domAttribute \"mute\"\n   */\n  @property({\n    type: Boolean,\n    attribute: \"mute\",\n    reflect: true,\n  })\n  mute = false;\n\n  /**\n   * FFT size for frequency analysis\n   * @domAttribute \"fft-size\"\n   */\n  @property({ type: Number, attribute: \"fft-size\", reflect: true })\n  fftSize = 128;\n\n  /**\n   * FFT decay rate for frequency analysis\n   * @domAttribute \"fft-decay\"\n   */\n  @property({ type: Number, attribute: \"fft-decay\", reflect: true })\n  fftDecay = 8;\n\n  /**\n   * FFT gain for frequency analysis\n   * @domAttribute \"fft-gain\"\n   */\n  @property({ type: Number, attribute: \"fft-gain\", reflect: true })\n  fftGain = 3.0;\n\n  /**\n   * Enable/disable frequency interpolation\n   * @domAttribute \"interpolate-frequencies\"\n   */\n  @property({\n    type: Boolean,\n    attribute: \"interpolate-frequencies\",\n    reflect: true,\n  })\n  interpolateFrequencies = false;\n\n  // Update FREQ_WEIGHTS to use the instance fftSize instead of a static value\n  get FREQ_WEIGHTS() {\n    if (freqWeightsCache.has(this.fftSize)) {\n      // biome-ignore lint/style/noNonNullAssertion: We know the value is set due to the guard above\n      return freqWeightsCache.get(this.fftSize)!;\n    }\n\n    const weights = new Float32Array(this.fftSize / 2).map((_, i) => {\n      const frequency = (i * 48000) / this.fftSize;\n      if (frequency < 60) return 0.3;\n      if (frequency < 250) return 0.4;\n      if (frequency < 500) return 0.6;\n      if (frequency < 2000) return 0.8;\n      if (frequency < 4000) return 1.2;\n      if (frequency < 8000) return 1.6;\n      return 2.0;\n    });\n\n    freqWeightsCache.set(this.fftSize, weights);\n    return weights;\n  }\n\n  // Helper getter for backwards compatibility\n  get shouldInterpolateFrequencies() {\n    return this.interpolateFrequencies;\n  }\n\n  get urlGenerator() {\n    return new UrlGenerator(() => this.apiHost ?? \"\");\n  }\n\n  mediaEngineTask = makeMediaEngineTask(this);\n\n  audioSegmentIdTask = makeAudioSegmentIdTask(this);\n  audioInitSegmentFetchTask = makeAudioInitSegmentFetchTask(this);\n  audioSegmentFetchTask = makeAudioSegmentFetchTask(this);\n  audioInputTask = makeAudioInputTask(this);\n  audioSeekTask = makeAudioSeekTask(this);\n\n  audioBufferTask = makeAudioBufferTask(this);\n\n  // Audio analysis tasks for frequency and time domain analysis\n  byteTimeDomainTask = makeAudioTimeDomainAnalysisTask(this);\n  frequencyDataTask = makeAudioFrequencyAnalysisTask(this);\n\n  /**\n   * The unique identifier for the media asset.\n   * This property can be set programmatically or via the \"asset-id\" attribute.\n   * @domAttribute \"asset-id\"\n   */\n  @property({ type: String, attribute: \"asset-id\", reflect: true })\n  assetId: string | null = null;\n\n  get intrinsicDurationMs() {\n    return this.mediaEngineTask.value?.durationMs ?? 0;\n  }\n\n  protected updated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(changedProperties);\n\n    // Check if our timeline position has actually changed, even if ownCurrentTimeMs isn't tracked as a property\n    const newCurrentSourceTimeMs = this.currentSourceTimeMs;\n    if (newCurrentSourceTimeMs !== this.desiredSeekTimeMs) {\n      this.executeSeek(newCurrentSourceTimeMs);\n    }\n\n    if (changedProperties.has(\"ownCurrentTimeMs\")) {\n      this.executeSeek(this.currentSourceTimeMs);\n    }\n\n    // Check if trim/source properties changed that affect duration\n    const durationAffectingProps = [\n      \"_trimStartMs\",\n      \"_trimEndMs\",\n      \"_sourceInMs\",\n      \"_sourceOutMs\",\n    ];\n\n    const hasDurationChange = durationAffectingProps.some((prop) =>\n      changedProperties.has(prop),\n    );\n\n    if (hasDurationChange) {\n      // Notify parent timegroup to recalculate its duration (same pattern as EFCaptions)\n      if (this.parentTimegroup) {\n        this.parentTimegroup.requestUpdate(\"durationMs\");\n        this.parentTimegroup.requestUpdate(\"currentTime\");\n\n        // Also find and directly notify any context provider (ContextMixin)\n        let parent = this.parentNode;\n        while (parent) {\n          if (isContextMixin(parent)) {\n            parent.dispatchEvent(\n              new CustomEvent(\"child-duration-changed\", {\n                detail: { source: this },\n              }),\n            );\n            break;\n          }\n          parent = parent.parentNode;\n        }\n      }\n    }\n  }\n\n  get hasOwnDuration() {\n    return true;\n  }\n\n  @state()\n  private _desiredSeekTimeMs = 0; // Initialize to 0 for proper segment loading\n\n  get desiredSeekTimeMs() {\n    return this._desiredSeekTimeMs;\n  }\n\n  set desiredSeekTimeMs(value: number) {\n    if (this._desiredSeekTimeMs !== value) {\n      this._desiredSeekTimeMs = value;\n    }\n  }\n\n  protected async executeSeek(seekToMs: number) {\n    // The seekToMs parameter should be the timeline-relative media time\n    // calculated from currentSourceTimeMs which includes timeline positioning\n    this.desiredSeekTimeMs = seekToMs;\n  }\n\n  /**\n   * Main integration method for EFTimegroup audio playback\n   * Now powered by clean, testable utility functions\n   * Returns undefined if no audio rendition is available\n   */\n  async fetchAudioSpanningTime(\n    fromMs: number,\n    toMs: number,\n    signal: AbortSignal = new AbortController().signal,\n  ): Promise<AudioSpan | undefined> {\n    return withSpan(\n      \"media.fetchAudioSpanningTime\",\n      {\n        elementId: this.id || \"unknown\",\n        tagName: this.tagName.toLowerCase(),\n        fromMs,\n        toMs,\n        durationMs: toMs - fromMs,\n        src: this.src || \"none\",\n      },\n      undefined,\n      async () => {\n        return fetchAudioSpanningTime(this, fromMs, toMs, signal);\n      },\n    );\n  }\n\n  /**\n   * Wait for media engine to load and determine duration\n   * Ensures media is ready for playback\n   */\n  async waitForMediaDurations(): Promise<void> {\n    if (this.mediaEngineTask.value) {\n      return;\n    }\n    await this.mediaEngineTask.run();\n  }\n\n  /**\n   * Returns media elements for playback audio rendering\n   * For standalone media, returns [this]; for timegroups, returns all descendants\n   * Used by PlaybackController for audio-driven playback\n   */\n  getMediaElements(): EFMedia[] {\n    return [this];\n  }\n\n  /**\n   * Render audio buffer for playback\n   * Called by PlaybackController during live playback\n   * Delegates to shared renderTemporalAudio utility for consistent behavior\n   */\n  async renderAudio(fromMs: number, toMs: number): Promise<AudioBuffer> {\n    return renderTemporalAudio(this, fromMs, toMs);\n  }\n}\n"],"mappings":"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"}

package/dist/elements/EFSourceMixin.d.ts

@@ -1,12 +1,11 @@
-import { LitElement } from 'lit';
-export declare class EFSourceMixinInterface {
-    apiHost?: string;
-    productionSrc(): string;
-    src: string;
+import { LitElement } from "lit";
+
+//#region src/elements/EFSourceMixin.d.ts
+declare class EFSourceMixinInterface {
+  apiHost?: string;
+  productionSrc(): string;
+  src: string;
 }
-interface EFSourceMixinOptions {
-    assetType: string;
-}
-type Constructor<T = {}> = new (...args: any[]) => T;
-export declare function EFSourceMixin<T extends Constructor<LitElement>>(superClass: T, options: EFSourceMixinOptions): Constructor<EFSourceMixinInterface> & T;
-export {};
+//#endregion
+export { EFSourceMixinInterface };
+//# sourceMappingURL=EFSourceMixin.d.ts.map

package/dist/elements/EFSourceMixin.js

@@ -1,6 +1,8 @@
 import { __decorate } from "../_virtual/_@oxc-project_runtime@0.94.0/helpers/decorate.js";
 import { Task } from "@lit/task";
 import { property } from "lit/decorators/property.js";
+
+//#region src/elements/EFSourceMixin.ts
 function EFSourceMixin(superClass, options) {
 	class EFSourceElement extends superClass {
 		constructor(..._args) {
@@ -30,4 +32,7 @@ function EFSourceMixin(superClass, options) {
 	__decorate([property({ type: String })], EFSourceElement.prototype, "src", void 0);
 	return EFSourceElement;
 }
+
+//#endregion
 export { EFSourceMixin };
+//# sourceMappingURL=EFSourceMixin.js.map

package/dist/elements/EFSourceMixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EFSourceMixin.js","names":[],"sources":["../../src/elements/EFSourceMixin.ts"],"sourcesContent":["import { Task } from \"@lit/task\";\nimport 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 apiHost || \"https://editframe.dev\";\n    }\n\n    @property({ type: String })\n    src = \"\";\n\n    productionSrc() {\n      if (!this.md5SumLoader.value) {\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.md5SumLoader.value}`;\n    }\n\n    md5SumLoader = new Task(this, {\n      autoRun: false,\n      args: () => [this.src] as const,\n      task: async ([src], { signal }) => {\n        const md5Path = `/@ef-asset/${src}`;\n        const response = await fetch(md5Path, { method: \"HEAD\", signal });\n        return response.headers.get(\"etag\") ?? undefined;\n      },\n    });\n  }\n\n  return EFSourceElement as Constructor<EFSourceMixinInterface> & T;\n}\n"],"mappings":";;;;;AAcA,SAAgB,cACd,YACA,SACA;CACA,MAAM,wBAAwB,WAAW;;;cAWjC;uBAkBS,IAAI,KAAK,MAAM;IAC5B,SAAS;IACT,YAAY,CAAC,KAAK,IAAI;IACtB,MAAM,OAAO,CAAC,MAAM,EAAE,aAAa;KACjC,MAAM,UAAU,cAAc;AAE9B,aADiB,MAAM,MAAM,SAAS;MAAE,QAAQ;MAAQ;MAAQ,CAAC,EACjD,QAAQ,IAAI,OAAO,IAAI;;IAE1C,CAAC;;EApCF,IAAI,UAAU;AAMZ,WAJE,KAAK,QAAQ,mBAAmB,EAAE,WAClC,KAAK,QAAQ,eAAe,EAAE,WAC9B,KAAK,QAAQ,aAAa,EAAE,YAEZ;;EAMpB,gBAAgB;AACd,OAAI,CAAC,KAAK,aAAa,MACrB,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,KAAK,aAAa;;;aAhBzE,SAAS,EAAE,MAAM,QAAQ,CAAC;AA8B7B,QAAO"}

package/dist/elements/EFSurface.d.ts

@@ -1,30 +1,38 @@
-import { Task } from '@lit/task';
-import { LitElement } from 'lit';
-import { ContextMixinInterface } from '../gui/ContextMixin.ts';
-export declare class EFSurface extends LitElement {
-    #private;
-    static styles: import('lit').CSSResult[];
-    canvasRef: import('lit-html/directives/ref').Ref<HTMLCanvasElement>;
-    targetElement: ContextMixinInterface | null;
-    target: string;
-    render(): import('lit-html').TemplateResult<1>;
-    get rootTimegroup(): any;
-    get currentTimeMs(): number;
-    get durationMs(): number;
-    get startTimeMs(): number;
-    get endTimeMs(): number;
-    /**
-     * Minimal integration with EFTimegroup's frame scheduling:
-     * - Waits for the target video element's frameTask to complete (ensuring it painted)
-     * - Copies the target's canvas into this element's canvas
-     */
-    frameTask: Task<readonly [ContextMixinInterface | null], void>;
-    protected updated(): void;
-    private getSourceCanvas;
-    private copyFromTarget;
+import { ContextMixinInterface } from "../gui/ContextMixin.js";
+import { Task } from "@lit/task";
+import * as lit24 from "lit";
+import { LitElement } from "lit";
+import * as lit_html21 from "lit-html";
+import * as lit_html_directives_ref5 from "lit-html/directives/ref";
+
+//#region src/elements/EFSurface.d.ts
+declare class EFSurface extends LitElement {
+  #private;
+  static styles: lit24.CSSResult[];
+  canvasRef: lit_html_directives_ref5.Ref<HTMLCanvasElement>;
+  targetElement: ContextMixinInterface | null;
+  target: string;
+  render(): lit_html21.TemplateResult<1>;
+  get rootTimegroup(): any;
+  get currentTimeMs(): number;
+  get durationMs(): number;
+  get startTimeMs(): number;
+  get endTimeMs(): number;
+  /**
+   * Minimal integration with EFTimegroup's frame scheduling:
+   * - Waits for the target video element's frameTask to complete (ensuring it painted)
+   * - Copies the target's canvas into this element's canvas
+   */
+  frameTask: Task<readonly [ContextMixinInterface | null], void>;
+  protected updated(): void;
+  private getSourceCanvas;
+  private copyFromTarget;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        "ef-surface": EFSurface;
-    }
+  interface HTMLElementTagNameMap {
+    "ef-surface": EFSurface;
+  }
 }
+//#endregion
+export { EFSurface };
+//# sourceMappingURL=EFSurface.d.ts.map

package/dist/elements/EFSurface.js

@@ -4,7 +4,9 @@ import { Task } from "@lit/task";
 import { LitElement, css, html } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
-var EFSurface = class EFSurface$1 extends LitElement {
+
+//#region src/elements/EFSurface.ts
+let EFSurface = class EFSurface$1 extends LitElement {
 	constructor(..._args) {
 		super(..._args);
 		this.canvasRef = createRef();
@@ -90,4 +92,7 @@ var EFSurface = class EFSurface$1 extends LitElement {
 __decorate([state()], EFSurface.prototype, "targetElement", void 0);
 __decorate([property({ type: String })], EFSurface.prototype, "target", void 0);
 EFSurface = __decorate([customElement("ef-surface")], EFSurface);
+
+//#endregion
 export { EFSurface };
+//# sourceMappingURL=EFSurface.js.map

package/dist/elements/EFSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EFSurface.js","names":["EFSurface","target: any","root: any"],"sources":["../../src/elements/EFSurface.ts"],"sourcesContent":["import { Task } from \"@lit/task\";\nimport { 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 { TargetController } from \"./TargetController.ts\";\n\n@customElement(\"ef-surface\")\nexport class EFSurface extends LitElement {\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   * Minimal integration with EFTimegroup's frame scheduling:\n   * - Waits for the target video element's frameTask to complete (ensuring it painted)\n   * - Copies the target's canvas into this element's canvas\n   */\n  frameTask = new Task(this, {\n    autoRun: false,\n    args: () => [this.targetElement] as const,\n    task: async ([target]) => {\n      if (!target) return;\n\n      // Ensure the target has painted its frame for this tick\n      try {\n        const maybeTask = (target as any).frameTask;\n        if (maybeTask && typeof maybeTask.run === \"function\") {\n          // Run (idempotent) and then wait for completion\n          maybeTask.run();\n          await maybeTask.taskComplete;\n        }\n      } catch (_err) {\n        // Best-effort; continue to attempt copy\n      }\n\n      this.copyFromTarget(target);\n    },\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,WAAW;;;mBAgB5B,WAA8B;uBAOI;gBAGrC;mBA0CG,IAAI,KAAK,MAAM;GACzB,SAAS;GACT,YAAY,CAAC,KAAK,cAAc;GAChC,MAAM,OAAO,CAAC,YAAY;AACxB,QAAI,CAAC,OAAQ;AAGb,QAAI;KACF,MAAM,YAAa,OAAe;AAClC,SAAI,aAAa,OAAO,UAAU,QAAQ,YAAY;AAEpD,gBAAU,KAAK;AACf,YAAM,UAAU;;aAEX,MAAM;AAIf,SAAK,eAAe,OAAO;;GAE9B,CAAC;;;gBAvFc,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;;CA8BjC,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;;;YAvGhD,OAAO;YAGP,SAAS,EAAE,MAAM,QAAQ,CAAC;wBA1B5B,cAAc,aAAa"}

package/dist/elements/EFTemporal.d.ts

@@ -1,214 +1,201 @@
-import { Task } from '@lit/task';
-import { LitElement, ReactiveController } from 'lit';
-import { PlaybackController } from '../gui/PlaybackController.js';
-import { EFTimegroup } from './EFTimegroup.js';
-export declare const timegroupContext: {
-    __context__: EFTimegroup;
-};
-export declare class TemporalMixinInterface {
-    playbackController?: PlaybackController;
-    playing: boolean;
-    loop: boolean;
-    play(): void;
-    pause(): void;
-    get hasOwnDuration(): boolean;
-    /**
-     * Whether the element has a duration set as an attribute.
-     */
-    get hasExplicitDuration(): boolean;
-    get sourceStartMs(): number;
-    /**
-     * Used to trim the start of the media.
-     *
-     * This can be set in either seconds or milliseconds.
-     *
-     * For example, `trimstart="10s"` is equivalent to `trimstart="10000ms"`.
-     *
-     * @domAttribute "trimstart"
-     */
-    get trimStartMs(): number | undefined;
-    /**
-     * Used to trim the end of the media.
-     *
-     * This can be set in either seconds or milliseconds.
-     *
-     * For example, `trimend="10s"` is equivalent to `trimend="10000ms"`.
-     *
-     * @domAttribute "trimend"
-     */
-    get trimEndMs(): number;
-    set trimStartMs(value: number | undefined);
-    set trimEndMs(value: number | undefined);
-    set trimstart(value: string | undefined);
-    set trimend(value: string | undefined);
-    /**
-     * The source in time of the element.
-     *
-     * This is an amount of time to trim off the beginning of the media.
-     *
-     * This can be set in either seconds or milliseconds.
-     *
-     * For example, `sourcein="10s"` is equivalent to `sourcein="10000ms"`.
-     *
-     * If the sourcein time is greater than the duration of the media, the media
-     * will not be played.
-     *
-     * If the media is 20 seconds long, and the `sourcein` value is set to `10s`, the
-     * media will play for 10 seconds, starting at the 10 second mark.
-     *
-     * Can be used in conjunction with `sourceout` to create a trimmed media.
-     *
-     * @domAttribute "sourcein"
-     */
-    get sourceInMs(): number | undefined;
-    /**
-     * The source out time of the element.
-     *
-     * This is the point in time in the media that will be treated as the end of
-     * the media.
-     *
-     * This can be set in either seconds or milliseconds.
-     *
-     * For example, `sourceout="10s"` is equivalent to `sourceout="10000ms"`.
-     *
-     * If the sourceout time is greater than the duration of the media, the media
-     * will play until the end of the media.
-     *
-     * If the media is 20 seconds long, and the `sourceout` value is set to `10s`,
-     * the media will play for 10 seconds, starting at zero seconds and ending at
-     * the 10 second mark.
-     *
-     * Can be used in conjunction with `sourcein` to create a trimmed media.
-     *
-     * @domAttribute "sourceout"
-     */
-    get sourceOutMs(): number | undefined;
-    set sourceInMs(value: number | undefined);
-    set sourceOutMs(value: number | undefined);
-    set sourcein(value: string | undefined);
-    set sourceout(value: string | undefined);
-    /**
-     * @domAttribute "duration"
-     */
-    get durationMs(): number;
-    get explicitDurationMs(): number | undefined;
-    get intrinsicDurationMs(): number | undefined;
-    /**
-     * The start time of the element within its root timegroup in milliseconds.
-     *
-     * This is an absolute time according to the highest scoped timegroup the media element is contained within.
-     *
-     * The calculated value will depend on the mode of the timegroup and the offset of the media element.
-     *
-     * If the parent time group is in `sequence` mode, the start time will be the
-     * start time of the previous sibling element plus the previous sibling's duration
-     * minus the overlap of the previous sibling and the current sibling.
-     *
-     * If the parent time group is in `contain` or `fixed` mode, the start time will be
-     * the start time of the parent time group plus the offset of the media element.
-     */
-    get startTimeMs(): number;
-    /**
-     * The end time of the element within its root timegroup in milliseconds.
-     *
-     * This is an absolute time according to the highest scoped timegroup the media
-     * element is contained within. Computed by adding the media's duration to its
-     * start time.
-     *
-     * If the media element has been trimmed, its end time will be calculated according it
-     * its trimmed duration, not its original duration.
-     */
-    get endTimeMs(): number;
-    /**
-     * The start time of the element within its parent timegroup in milliseconds.
-     *
-     * This is a relative time according to the closest timegroup the media element
-     * is contained within. Unless the media element has been given any kind of specific offset
-     * it is common for this time to be zero.
-     */
-    get startTimeWithinParentMs(): number;
-    /**
-     * The current time of the element in milliseconds.
-     *
-     * This is a relative time according to the closest timegroup the media element
-     * is contained within.
-     *
-     * This is suitable for determining the percentage of the media that has been
-     * played.
-     */
-    get ownCurrentTimeMs(): number;
-    /**
-     * Element's current time for progress calculation.
-     * For timegroups: their timeline currentTimeMs
-     * For other temporal elements: their ownCurrentTimeMs
-     */
-    get currentTimeMs(): number;
-    set currentTimeMs(value: number);
-    /**
-     * The current time of the element in milliseconds, adjusted for trimming.
-     *
-     * This is suitable for mapping to internal media time codes for audio/video
-     * elements.
-     *
-     * For example, if the media has a `sourcein` value of 10s, when `ownCurrentTimeMs` is 0s,
-     * `currentSourceTimeMs` will be 10s.
-     *
-     *            sourcein=10s     sourceout=10s
-     * /         /                /
-     * |--------|=================|---------|
-     *          ^
-     *          |_
-     *            currentSourceTimeMs === 10s
-     *          |_
-     *            ownCurrentTimeMs === 0s
-     */
-    get currentSourceTimeMs(): number;
-    set duration(value: string);
-    get duration(): string;
-    /**
-     * The offset of the element within its parent timegroup in milliseconds.
-     *
-     * This can be set in either seconds or milliseconds.
-     *
-     * For example, `offset="10s"` is equivalent to `offset="10000ms"`.
-     *
-     * This can be used to create a negative or positive offset for the start time of the media.
-     *
-     * This will change the start time of the media relative to it's otherwise normal start time.
-     *
-     * The duration of the element, or it's parent, or the start and end time of it's temporal siblings will not
-     * be affected by this offset.
-     *
-     * @domAttribute "offset"
-     */
-    set offset(value: string);
-    get offset(): string;
-    /**
-     * A convenience property for getting the nearest containing timegroup of the media element.
-     */
-    parentTimegroup?: EFTimegroup;
-    /**
-     * A convenience property for getting the root timegroup of the media element.
-     */
-    rootTimegroup?: EFTimegroup;
-    frameTask: Task<readonly unknown[], unknown>;
-    didBecomeRoot(): void;
-    didBecomeChild(): void;
-    updateComplete: Promise<boolean>;
+import { PlaybackController } from "../gui/PlaybackController.js";
+import { EFTimegroup } from "./EFTimegroup.js";
+import { Task } from "@lit/task";
+import { LitElement, ReactiveController } from "lit";
+
+//#region src/elements/EFTemporal.d.ts
+
+declare class TemporalMixinInterface {
+  playbackController?: PlaybackController;
+  playing: boolean;
+  loop: boolean;
+  play(): void;
+  pause(): void;
+  get hasOwnDuration(): boolean;
+  /**
+   * Whether the element has a duration set as an attribute.
+   */
+  get hasExplicitDuration(): boolean;
+  get sourceStartMs(): number;
+  /**
+   * Used to trim the start of the media.
+   *
+   * This can be set in either seconds or milliseconds.
+   *
+   * For example, `trimstart="10s"` is equivalent to `trimstart="10000ms"`.
+   *
+   * @domAttribute "trimstart"
+   */
+  get trimStartMs(): number | undefined;
+  /**
+   * Used to trim the end of the media.
+   *
+   * This can be set in either seconds or milliseconds.
+   *
+   * For example, `trimend="10s"` is equivalent to `trimend="10000ms"`.
+   *
+   * @domAttribute "trimend"
+   */
+  get trimEndMs(): number;
+  set trimStartMs(value: number | undefined);
+  set trimEndMs(value: number | undefined);
+  set trimstart(value: string | undefined);
+  set trimend(value: string | undefined);
+  /**
+   * The source in time of the element.
+   *
+   * This is an amount of time to trim off the beginning of the media.
+   *
+   * This can be set in either seconds or milliseconds.
+   *
+   * For example, `sourcein="10s"` is equivalent to `sourcein="10000ms"`.
+   *
+   * If the sourcein time is greater than the duration of the media, the media
+   * will not be played.
+   *
+   * If the media is 20 seconds long, and the `sourcein` value is set to `10s`, the
+   * media will play for 10 seconds, starting at the 10 second mark.
+   *
+   * Can be used in conjunction with `sourceout` to create a trimmed media.
+   *
+   * @domAttribute "sourcein"
+   */
+  get sourceInMs(): number | undefined;
+  /**
+   * The source out time of the element.
+   *
+   * This is the point in time in the media that will be treated as the end of
+   * the media.
+   *
+   * This can be set in either seconds or milliseconds.
+   *
+   * For example, `sourceout="10s"` is equivalent to `sourceout="10000ms"`.
+   *
+   * If the sourceout time is greater than the duration of the media, the media
+   * will play until the end of the media.
+   *
+   * If the media is 20 seconds long, and the `sourceout` value is set to `10s`,
+   * the media will play for 10 seconds, starting at zero seconds and ending at
+   * the 10 second mark.
+   *
+   * Can be used in conjunction with `sourcein` to create a trimmed media.
+   *
+   * @domAttribute "sourceout"
+   */
+  get sourceOutMs(): number | undefined;
+  set sourceInMs(value: number | undefined);
+  set sourceOutMs(value: number | undefined);
+  set sourcein(value: string | undefined);
+  set sourceout(value: string | undefined);
+  /**
+   * @domAttribute "duration"
+   */
+  get durationMs(): number;
+  get explicitDurationMs(): number | undefined;
+  get intrinsicDurationMs(): number | undefined;
+  /**
+   * The start time of the element within its root timegroup in milliseconds.
+   *
+   * This is an absolute time according to the highest scoped timegroup the media element is contained within.
+   *
+   * The calculated value will depend on the mode of the timegroup and the offset of the media element.
+   *
+   * If the parent time group is in `sequence` mode, the start time will be the
+   * start time of the previous sibling element plus the previous sibling's duration
+   * minus the overlap of the previous sibling and the current sibling.
+   *
+   * If the parent time group is in `contain` or `fixed` mode, the start time will be
+   * the start time of the parent time group plus the offset of the media element.
+   */
+  get startTimeMs(): number;
+  /**
+   * The end time of the element within its root timegroup in milliseconds.
+   *
+   * This is an absolute time according to the highest scoped timegroup the media
+   * element is contained within. Computed by adding the media's duration to its
+   * start time.
+   *
+   * If the media element has been trimmed, its end time will be calculated according it
+   * its trimmed duration, not its original duration.
+   */
+  get endTimeMs(): number;
+  /**
+   * The start time of the element within its parent timegroup in milliseconds.
+   *
+   * This is a relative time according to the closest timegroup the media element
+   * is contained within. Unless the media element has been given any kind of specific offset
+   * it is common for this time to be zero.
+   */
+  get startTimeWithinParentMs(): number;
+  /**
+   * The current time of the element in milliseconds.
+   *
+   * This is a relative time according to the closest timegroup the media element
+   * is contained within.
+   *
+   * This is suitable for determining the percentage of the media that has been
+   * played.
+   */
+  get ownCurrentTimeMs(): number;
+  /**
+   * Element's current time for progress calculation.
+   * For timegroups: their timeline currentTimeMs
+   * For other temporal elements: their ownCurrentTimeMs
+   */
+  get currentTimeMs(): number;
+  set currentTimeMs(value: number);
+  /**
+   * The current time of the element in milliseconds, adjusted for trimming.
+   *
+   * This is suitable for mapping to internal media time codes for audio/video
+   * elements.
+   *
+   * For example, if the media has a `sourcein` value of 10s, when `ownCurrentTimeMs` is 0s,
+   * `currentSourceTimeMs` will be 10s.
+   *
+   *            sourcein=10s     sourceout=10s
+   * /         /                /
+   * |--------|=================|---------|
+   *          ^
+   *          |_
+   *            currentSourceTimeMs === 10s
+   *          |_
+   *            ownCurrentTimeMs === 0s
+   */
+  get currentSourceTimeMs(): number;
+  set duration(value: string);
+  get duration(): string;
+  /**
+   * The offset of the element within its parent timegroup in milliseconds.
+   *
+   * This can be set in either seconds or milliseconds.
+   *
+   * For example, `offset="10s"` is equivalent to `offset="10000ms"`.
+   *
+   * This can be used to create a negative or positive offset for the start time of the media.
+   *
+   * This will change the start time of the media relative to it's otherwise normal start time.
+   *
+   * The duration of the element, or it's parent, or the start and end time of it's temporal siblings will not
+   * be affected by this offset.
+   *
+   * @domAttribute "offset"
+   */
+  set offset(value: string);
+  get offset(): string;
+  /**
+   * A convenience property for getting the nearest containing timegroup of the media element.
+   */
+  parentTimegroup?: EFTimegroup;
+  /**
+   * A convenience property for getting the root timegroup of the media element.
+   */
+  rootTimegroup?: EFTimegroup;
+  frameTask: Task<readonly unknown[], unknown>;
+  didBecomeRoot(): void;
+  didBecomeChild(): void;
+  updateComplete: Promise<boolean>;
 }
-export declare const isEFTemporal: (obj: any) => obj is TemporalMixinInterface;
-export declare const deepGetTemporalElements: (element: Element, temporals?: Array<TemporalMixinInterface & HTMLElement>) => (TemporalMixinInterface & HTMLElement)[];
-export declare const deepGetElementsWithFrameTasks: (element: Element, elements?: Array<TemporalMixinInterface & HTMLElement>) => (TemporalMixinInterface & HTMLElement)[];
-export declare const resetTemporalCache: () => void;
-export declare const shallowGetTemporalElements: (element: Element, temporals?: TemporalMixinInterface[]) => TemporalMixinInterface[];
-export declare class OwnCurrentTimeController implements ReactiveController {
-    private host;
-    private temporal;
-    constructor(host: EFTimegroup, temporal: TemporalMixinInterface & LitElement);
-    hostUpdated(): void;
-    remove(): void;
-}
-type Constructor<T = {}> = new (...args: any[]) => T;
-export declare const flushStartTimeMsCache: () => void;
-export declare const EFTemporal: <T extends Constructor<LitElement>>(superClass: T) => Constructor<TemporalMixinInterface> & T;
-export {};
+//#endregion
+export { TemporalMixinInterface };
+//# sourceMappingURL=EFTemporal.d.ts.map