@editframe/elements 0.45.2 → 0.45.3

package/dist/elements/EFMedia/videoTasks/ScrubInputCache.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrubInputCache.js","names":["cached","#urlCache","pending","#pendingByUrl","promise","#getCacheKey","#cache","#pendingBySegment","#maxCacheSize"],"sources":["../../../../src/elements/EFMedia/videoTasks/ScrubInputCache.ts"],"sourcesContent":["import type { BufferedSeekingInput } from \"../BufferedSeekingInput\";\n\n/**\n * Cache for scrub BufferedSeekingInput instances.\n *\n * For JIT media (segmented scrub tracks), caches by src + segment ID.\n * For Asset media (single-file scrub tracks), caches by URL so all segments\n * share the same BufferedSeekingInput instance.\n *\n * Uses promise deduplication to prevent race conditions when multiple\n * concurrent requests arrive for the same segment.\n */\nexport class ScrubInputCache {\n  // Changed from Map<number> to Map<string> to include src in key\n  #cache = new Map<string, BufferedSeekingInput>();\n  #urlCache = new Map<string, BufferedSeekingInput>();\n  #pendingBySegment = new Map<\n    string,\n    Promise<BufferedSeekingInput | undefined>\n  >();\n  #pendingByUrl = new Map<string, Promise<BufferedSeekingInput | undefined>>();\n  #maxCacheSize = 5;\n\n  /**\n   * Create a cache key that uniquely identifies a segment for a specific video\n   */\n  #getCacheKey(src: string, segmentId: number): string {\n    return `${src}:${segmentId}`;\n  }\n\n  /**\n   * Get or create BufferedSeekingInput for a scrub segment.\n   *\n   * Uses promise deduplication to prevent race conditions when multiple\n   * concurrent requests arrive for the same segment.\n   *\n   * @param src - The source URL of the video (required to distinguish between videos)\n   * @param segmentId - The segment ID\n   * @param createInputFn - Factory function to create the input\n   * @param scrubUrl - Optional URL for single-file scrub tracks (all segments share same input)\n   */\n  async getOrCreateInput(\n    src: string,\n    segmentId: number,\n    createInputFn: () => Promise<BufferedSeekingInput | undefined>,\n    scrubUrl?: string,\n  ): Promise<BufferedSeekingInput | undefined> {\n    // For single-file scrub tracks (AssetMediaEngine), use URL-based caching\n    // This ensures all segments share the same BufferedSeekingInput\n    if (scrubUrl) {\n      // Check completed cache\n      const cached = this.#urlCache.get(scrubUrl);\n      if (cached) {\n        return cached;\n      }\n\n      // Check pending requests (deduplication)\n      const pending = this.#pendingByUrl.get(scrubUrl);\n      if (pending) {\n        return pending;\n      }\n\n      // Create promise and cache immediately\n      const promise = createInputFn()\n        .then((input) => {\n          this.#pendingByUrl.delete(scrubUrl);\n          if (input) {\n            this.#urlCache.set(scrubUrl, input);\n          }\n          return input;\n        })\n        .catch((error) => {\n          this.#pendingByUrl.delete(scrubUrl);\n          throw error;\n        });\n\n      this.#pendingByUrl.set(scrubUrl, promise);\n      return promise;\n    }\n\n    // For segmented scrub tracks (JIT), use src + segment-based caching\n    const cacheKey = this.#getCacheKey(src, segmentId);\n    const cached = this.#cache.get(cacheKey);\n    if (cached) {\n      return cached;\n    }\n\n    // Check pending requests (deduplication)\n    const pending = this.#pendingBySegment.get(cacheKey);\n    if (pending) {\n      return pending;\n    }\n\n    // Create promise and cache immediately\n    const promise = createInputFn()\n      .then((input) => {\n        this.#pendingBySegment.delete(cacheKey);\n\n        if (input) {\n          this.#cache.set(cacheKey, input);\n\n          // Evict oldest entries if cache is too large\n          if (this.#cache.size > this.#maxCacheSize) {\n            const oldestKey = this.#cache.keys().next().value;\n            if (oldestKey !== undefined) {\n              this.#cache.delete(oldestKey);\n            }\n          }\n        }\n\n        return input;\n      })\n      .catch((error) => {\n        this.#pendingBySegment.delete(cacheKey);\n        throw error;\n      });\n\n    this.#pendingBySegment.set(cacheKey, promise);\n    return promise;\n  }\n\n  /**\n   * Clear the entire cache (called when video changes)\n   */\n  clear() {\n    this.#cache.clear();\n    this.#urlCache.clear();\n    this.#pendingBySegment.clear();\n    this.#pendingByUrl.clear();\n  }\n\n  /**\n   * Get cache statistics\n   */\n  getStats() {\n    return {\n      size: this.#cache.size,\n      urlCacheSize: this.#urlCache.size,\n      pendingCount: this.#pendingBySegment.size + this.#pendingByUrl.size,\n      cacheKeys: Array.from(this.#cache.keys()),\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;AAYA,IAAa,kBAAb,MAA6B;CAE3B,yBAAS,IAAI,KAAmC;CAChD,4BAAY,IAAI,KAAmC;CACnD,oCAAoB,IAAI,KAGrB;CACH,gCAAgB,IAAI,KAAwD;CAC5E,gBAAgB;;;;CAKhB,aAAa,KAAa,WAA2B;AACnD,SAAO,GAAG,IAAI,GAAG;;;;;;;;;;;;;CAcnB,MAAM,iBACJ,KACA,WACA,eACA,UAC2C;AAG3C,MAAI,UAAU;GAEZ,MAAMA,WAAS,MAAKC,SAAU,IAAI,SAAS;AAC3C,OAAID,SACF,QAAOA;GAIT,MAAME,YAAU,MAAKC,aAAc,IAAI,SAAS;AAChD,OAAID,UACF,QAAOA;GAIT,MAAME,YAAU,eAAe,CAC5B,MAAM,UAAU;AACf,UAAKD,aAAc,OAAO,SAAS;AACnC,QAAI,MACF,OAAKF,SAAU,IAAI,UAAU,MAAM;AAErC,WAAO;KACP,CACD,OAAO,UAAU;AAChB,UAAKE,aAAc,OAAO,SAAS;AACnC,UAAM;KACN;AAEJ,SAAKA,aAAc,IAAI,UAAUC,UAAQ;AACzC,UAAOA;;EAIT,MAAM,WAAW,MAAKC,YAAa,KAAK,UAAU;EAClD,MAAM,SAAS,MAAKC,MAAO,IAAI,SAAS;AACxC,MAAI,OACF,QAAO;EAIT,MAAM,UAAU,MAAKC,iBAAkB,IAAI,SAAS;AACpD,MAAI,QACF,QAAO;EAIT,MAAM,UAAU,eAAe,CAC5B,MAAM,UAAU;AACf,SAAKA,iBAAkB,OAAO,SAAS;AAEvC,OAAI,OAAO;AACT,UAAKD,MAAO,IAAI,UAAU,MAAM;AAGhC,QAAI,MAAKA,MAAO,OAAO,MAAKE,cAAe;KACzC,MAAM,YAAY,MAAKF,MAAO,MAAM,CAAC,MAAM,CAAC;AAC5C,SAAI,cAAc,OAChB,OAAKA,MAAO,OAAO,UAAU;;;AAKnC,UAAO;IACP,CACD,OAAO,UAAU;AAChB,SAAKC,iBAAkB,OAAO,SAAS;AACvC,SAAM;IACN;AAEJ,QAAKA,iBAAkB,IAAI,UAAU,QAAQ;AAC7C,SAAO;;;;;CAMT,QAAQ;AACN,QAAKD,MAAO,OAAO;AACnB,QAAKL,SAAU,OAAO;AACtB,QAAKM,iBAAkB,OAAO;AAC9B,QAAKJ,aAAc,OAAO;;;;;CAM5B,WAAW;AACT,SAAO;GACL,MAAM,MAAKG,MAAO;GAClB,cAAc,MAAKL,SAAU;GAC7B,cAAc,MAAKM,iBAAkB,OAAO,MAAKJ,aAAc;GAC/D,WAAW,MAAM,KAAK,MAAKG,MAAO,MAAM,CAAC;GAC1C"}
+{"version":3,"file":"ScrubInputCache.js","names":["cached","#urlCache","pending","#pendingByUrl","promise","#getCacheKey","#cache","#pendingBySegment","#maxCacheSize"],"sources":["../../../../src/elements/EFMedia/videoTasks/ScrubInputCache.ts"],"sourcesContent":["import type { BufferedSeekingInput } from \"../BufferedSeekingInput\";\n\n/**\n * Cache for scrub BufferedSeekingInput instances.\n *\n * For JIT media (segmented scrub tracks), caches by src + segment ID.\n * For Asset media (single-file scrub tracks), caches by URL so all segments\n * share the same BufferedSeekingInput instance.\n *\n * Uses promise deduplication to prevent race conditions when multiple\n * concurrent requests arrive for the same segment.\n */\nexport class ScrubInputCache {\n  // Changed from Map<number> to Map<string> to include src in key\n  #cache = new Map<string, BufferedSeekingInput>();\n  #urlCache = new Map<string, BufferedSeekingInput>();\n  #pendingBySegment = new Map<string, Promise<BufferedSeekingInput | undefined>>();\n  #pendingByUrl = new Map<string, Promise<BufferedSeekingInput | undefined>>();\n  #maxCacheSize = 5;\n\n  /**\n   * Create a cache key that uniquely identifies a segment for a specific video\n   */\n  #getCacheKey(src: string, segmentId: number): string {\n    return `${src}:${segmentId}`;\n  }\n\n  /**\n   * Get or create BufferedSeekingInput for a scrub segment.\n   *\n   * Uses promise deduplication to prevent race conditions when multiple\n   * concurrent requests arrive for the same segment.\n   *\n   * @param src - The source URL of the video (required to distinguish between videos)\n   * @param segmentId - The segment ID\n   * @param createInputFn - Factory function to create the input\n   * @param scrubUrl - Optional URL for single-file scrub tracks (all segments share same input)\n   */\n  async getOrCreateInput(\n    src: string,\n    segmentId: number,\n    createInputFn: () => Promise<BufferedSeekingInput | undefined>,\n    scrubUrl?: string,\n  ): Promise<BufferedSeekingInput | undefined> {\n    // For single-file scrub tracks (AssetMediaEngine), use URL-based caching\n    // This ensures all segments share the same BufferedSeekingInput\n    if (scrubUrl) {\n      // Check completed cache\n      const cached = this.#urlCache.get(scrubUrl);\n      if (cached) {\n        return cached;\n      }\n\n      // Check pending requests (deduplication)\n      const pending = this.#pendingByUrl.get(scrubUrl);\n      if (pending) {\n        return pending;\n      }\n\n      // Create promise and cache immediately\n      const promise = createInputFn()\n        .then((input) => {\n          this.#pendingByUrl.delete(scrubUrl);\n          if (input) {\n            this.#urlCache.set(scrubUrl, input);\n          }\n          return input;\n        })\n        .catch((error) => {\n          this.#pendingByUrl.delete(scrubUrl);\n          throw error;\n        });\n\n      this.#pendingByUrl.set(scrubUrl, promise);\n      return promise;\n    }\n\n    // For segmented scrub tracks (JIT), use src + segment-based caching\n    const cacheKey = this.#getCacheKey(src, segmentId);\n    const cached = this.#cache.get(cacheKey);\n    if (cached) {\n      return cached;\n    }\n\n    // Check pending requests (deduplication)\n    const pending = this.#pendingBySegment.get(cacheKey);\n    if (pending) {\n      return pending;\n    }\n\n    // Create promise and cache immediately\n    const promise = createInputFn()\n      .then((input) => {\n        this.#pendingBySegment.delete(cacheKey);\n\n        if (input) {\n          this.#cache.set(cacheKey, input);\n\n          // Evict oldest entries if cache is too large\n          if (this.#cache.size > this.#maxCacheSize) {\n            const oldestKey = this.#cache.keys().next().value;\n            if (oldestKey !== undefined) {\n              this.#cache.delete(oldestKey);\n            }\n          }\n        }\n\n        return input;\n      })\n      .catch((error) => {\n        this.#pendingBySegment.delete(cacheKey);\n        throw error;\n      });\n\n    this.#pendingBySegment.set(cacheKey, promise);\n    return promise;\n  }\n\n  /**\n   * Clear the entire cache (called when video changes)\n   */\n  clear() {\n    this.#cache.clear();\n    this.#urlCache.clear();\n    this.#pendingBySegment.clear();\n    this.#pendingByUrl.clear();\n  }\n\n  /**\n   * Get cache statistics\n   */\n  getStats() {\n    return {\n      size: this.#cache.size,\n      urlCacheSize: this.#urlCache.size,\n      pendingCount: this.#pendingBySegment.size + this.#pendingByUrl.size,\n      cacheKeys: Array.from(this.#cache.keys()),\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;AAYA,IAAa,kBAAb,MAA6B;CAE3B,yBAAS,IAAI,KAAmC;CAChD,4BAAY,IAAI,KAAmC;CACnD,oCAAoB,IAAI,KAAwD;CAChF,gCAAgB,IAAI,KAAwD;CAC5E,gBAAgB;;;;CAKhB,aAAa,KAAa,WAA2B;AACnD,SAAO,GAAG,IAAI,GAAG;;;;;;;;;;;;;CAcnB,MAAM,iBACJ,KACA,WACA,eACA,UAC2C;AAG3C,MAAI,UAAU;GAEZ,MAAMA,WAAS,MAAKC,SAAU,IAAI,SAAS;AAC3C,OAAID,SACF,QAAOA;GAIT,MAAME,YAAU,MAAKC,aAAc,IAAI,SAAS;AAChD,OAAID,UACF,QAAOA;GAIT,MAAME,YAAU,eAAe,CAC5B,MAAM,UAAU;AACf,UAAKD,aAAc,OAAO,SAAS;AACnC,QAAI,MACF,OAAKF,SAAU,IAAI,UAAU,MAAM;AAErC,WAAO;KACP,CACD,OAAO,UAAU;AAChB,UAAKE,aAAc,OAAO,SAAS;AACnC,UAAM;KACN;AAEJ,SAAKA,aAAc,IAAI,UAAUC,UAAQ;AACzC,UAAOA;;EAIT,MAAM,WAAW,MAAKC,YAAa,KAAK,UAAU;EAClD,MAAM,SAAS,MAAKC,MAAO,IAAI,SAAS;AACxC,MAAI,OACF,QAAO;EAIT,MAAM,UAAU,MAAKC,iBAAkB,IAAI,SAAS;AACpD,MAAI,QACF,QAAO;EAIT,MAAM,UAAU,eAAe,CAC5B,MAAM,UAAU;AACf,SAAKA,iBAAkB,OAAO,SAAS;AAEvC,OAAI,OAAO;AACT,UAAKD,MAAO,IAAI,UAAU,MAAM;AAGhC,QAAI,MAAKA,MAAO,OAAO,MAAKE,cAAe;KACzC,MAAM,YAAY,MAAKF,MAAO,MAAM,CAAC,MAAM,CAAC;AAC5C,SAAI,cAAc,OAChB,OAAKA,MAAO,OAAO,UAAU;;;AAKnC,UAAO;IACP,CACD,OAAO,UAAU;AAChB,SAAKC,iBAAkB,OAAO,SAAS;AACvC,SAAM;IACN;AAEJ,QAAKA,iBAAkB,IAAI,UAAU,QAAQ;AAC7C,SAAO;;;;;CAMT,QAAQ;AACN,QAAKD,MAAO,OAAO;AACnB,QAAKL,SAAU,OAAO;AACtB,QAAKM,iBAAkB,OAAO;AAC9B,QAAKJ,aAAc,OAAO;;;;;CAM5B,WAAW;AACT,SAAO;GACL,MAAM,MAAKG,MAAO;GAClB,cAAc,MAAKL,SAAU;GAC7B,cAAc,MAAKM,iBAAkB,OAAO,MAAKJ,aAAc;GAC/D,WAAW,MAAM,KAAK,MAAKG,MAAO,MAAM,CAAC;GAC1C"}

package/dist/elements/EFMedia.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFMedia.js","names":["assignedElements: Element[]","#value","#error","#status","#promise","#resolvePromise","#mediaEngineSrcKey","#mediaEngine","#mediaEnginePromise","#loadMediaEngine","#createMediaEngine","#mediaEngineError","#handleMediaEngineComplete","#frequencyDataCache","#analyzeFrequencies","#timeDomainDataCache","#analyzeTimeDomain"],"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 { MediaEngine } from \"../transcoding/types/index.ts\";\nimport type { AudioSpan } from \"../transcoding/types/index.ts\";\nimport { createMediaEngineFromSource } from \"./EFMedia/MediaEngine.js\";\nimport { UrlGenerator } from \"../transcoding/utils/UrlGenerator.ts\";\nimport { LRUCache } from \"../utils/LRUCache.js\";\nimport { EFSourceMixin } from \"./EFSourceMixin.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\n/**\n * Gets all child elements including slotted content for shadow DOM elements.\n * Duplicated here to avoid circular imports from EFTemporal.\n */\nconst getChildrenIncludingSlotted = (element: Element): Element[] => {\n  if (element.shadowRoot) {\n    const slots = element.shadowRoot.querySelectorAll(\"slot\");\n    if (slots.length > 0) {\n      const assignedElements: Element[] = [];\n      for (const slot of slots) {\n        assignedElements.push(...slot.assignedElements());\n      }\n      for (const child of element.shadowRoot.children) {\n        if (child.tagName !== \"SLOT\") {\n          assignedElements.push(child);\n        }\n      }\n      return assignedElements;\n    }\n  }\n  return Array.from(element.children);\n};\n\nexport const deepGetMediaElements = (\n  element: Element,\n  medias: EFMedia[] = [],\n) => {\n  const children = getChildrenIncludingSlotted(element);\n  for (const child of children) {\n    if (child instanceof EFMedia) {\n      medias.push(child);\n    } else {\n      deepGetMediaElements(child, medias);\n    }\n  }\n  return medias;\n};\n\n// Import EFTemporal - use a function wrapper to defer evaluation until class definition\n// This breaks the circular dependency: EFTimegroup -> EFMedia -> EFTemporal\nimport { EFTemporal } from \"./EFTemporal.js\";\n\n/**\n * Simple async value wrapper that mimics Lit Task interface.\n * Used for backwards compatibility with code expecting task-like objects.\n */\nexport class AsyncValue<T> {\n  #value: T | undefined = undefined;\n  #error: Error | undefined = undefined;\n  #status: \"initial\" | \"pending\" | \"complete\" | \"error\" = \"initial\";\n  #promise: Promise<T | undefined> = Promise.resolve(undefined);\n  #resolvePromise: ((value: T | undefined) => void) | undefined;\n\n  // Use properties instead of getters to avoid TypeScript declaration generation bug\n  get value(): T | undefined {\n    return this.#value;\n  }\n\n  get error(): Error | undefined {\n    return this.#error;\n  }\n\n  get status(): number {\n    // Match TaskStatus enum: INITIAL=0, PENDING=1, COMPLETE=2, ERROR=3\n    switch (this.#status) {\n      case \"initial\":\n        return 0;\n      case \"pending\":\n        return 1;\n      case \"complete\":\n        return 2;\n      case \"error\":\n        return 3;\n    }\n  }\n\n  get taskComplete(): Promise<T | undefined> {\n    return this.#promise;\n  }\n\n  /**\n   * Set the value (marks status as complete)\n   */\n  setValue(value: T): void {\n    this.#value = value;\n    this.#error = undefined;\n    this.#status = \"complete\";\n    this.#resolvePromise?.(value);\n  }\n\n  /**\n   * Set an error (marks status as error)\n   */\n  setError(error: Error): void {\n    this.#error = error;\n    this.#value = undefined;\n    this.#status = \"error\";\n    // Don't reject - just resolve with undefined to match old behavior\n    this.#resolvePromise?.(undefined);\n  }\n\n  /**\n   * Start a new async operation\n   */\n  startPending(): void {\n    this.#status = \"pending\";\n    this.#promise = new Promise((resolve) => {\n      this.#resolvePromise = resolve;\n    });\n    // Prevent unhandled rejection warnings\n    this.#promise.catch(() => {});\n  }\n\n  /**\n   * Run an async function and update status accordingly\n   */\n  async run(fn: () => Promise<T>): Promise<T | undefined> {\n    this.startPending();\n    try {\n      const result = await fn();\n      this.setValue(result);\n      return result;\n    } catch (error) {\n      if (error instanceof Error) {\n        this.setError(error);\n      } else {\n        this.setError(new Error(String(error)));\n      }\n      return undefined;\n    }\n  }\n}\n\n// Audio analysis helper functions\nconst DECAY_WEIGHT = 0.8;\n\nfunction processFFTData(\n  fftData: Uint8Array,\n  zeroThresholdPercent = 0.1,\n): Uint8Array {\n  const totalBins = fftData.length;\n  const zeroThresholdCount = Math.floor(totalBins * zeroThresholdPercent);\n\n  let zeroCount = 0;\n  let cutoffIndex = totalBins;\n\n  for (let i = totalBins - 1; i >= 0; i--) {\n    if (fftData[i] ?? 0 < 10) {\n      zeroCount++;\n    } else {\n      if (zeroCount >= zeroThresholdCount) {\n        cutoffIndex = i + 1;\n        break;\n      }\n    }\n  }\n\n  if (cutoffIndex < zeroThresholdCount) {\n    return fftData;\n  }\n\n  const goodData = fftData.slice(0, cutoffIndex);\n  const resampledData = interpolateData(goodData, fftData.length);\n\n  const attenuationStartIndex = Math.floor(totalBins * 0.9);\n  for (let i = attenuationStartIndex; i < totalBins; i++) {\n    const attenuationProgress =\n      (i - attenuationStartIndex) / (totalBins - attenuationStartIndex) + 0.2;\n    const attenuationFactor = Math.max(0, 1 - attenuationProgress);\n    resampledData[i] = Math.floor((resampledData[i] ?? 0) * attenuationFactor);\n  }\n\n  return resampledData;\n}\n\nfunction interpolateData(data: Uint8Array, targetSize: number): Uint8Array {\n  const resampled = new Uint8Array(targetSize);\n  const dataLength = data.length;\n\n  for (let i = 0; i < targetSize; i++) {\n    const ratio = (i / (targetSize - 1)) * (dataLength - 1);\n    const index = Math.floor(ratio);\n    const fraction = ratio - index;\n\n    if (index >= dataLength - 1) {\n      resampled[i] = data[dataLength - 1] ?? 0;\n    } else {\n      resampled[i] = Math.round(\n        (data[index] ?? 0) * (1 - fraction) + (data[index + 1] ?? 0) * fraction,\n      );\n    }\n  }\n\n  return resampled;\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  override shouldAutoReady(): boolean {\n    return false;\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  /**\n   * Which tracks this media element requires.\n   * Subclasses can override to specify their needs:\n   * - \"audio\" - Only needs audio track (e.g., EFAudio)\n   * - \"video\" - Only needs video track\n   * - \"both\" - Needs both tracks (default for backwards compatibility)\n   *\n   * This is used during media engine creation to skip validation\n   * of tracks that won't be used, avoiding unnecessary network requests.\n   */\n  get requiredTracks(): \"audio\" | \"video\" | \"both\" {\n    return \"both\";\n  }\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      \"file-id\",\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  attributeChangedCallback(\n    name: string,\n    oldValue: string | null,\n    newValue: string | null,\n  ): void {\n    if (name === \"asset-id\") {\n      this.fileId = newValue;\n      return;\n    }\n    super.attributeChangedCallback(name, oldValue, newValue);\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  getFreqWeights() {\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 method for backwards compatibility\n  getShouldInterpolateFrequencies() {\n    return this.interpolateFrequencies;\n  }\n\n  getUrlGenerator() {\n    return new UrlGenerator(() => this.apiHost ?? \"\");\n  }\n\n  // ============================================================================\n  // Media Engine - replaced task with async method + cached wrapper\n  // ============================================================================\n\n  #mediaEngine: MediaEngine | undefined = undefined;\n  #mediaEnginePromise: Promise<MediaEngine | undefined> | undefined = undefined;\n  #mediaEngineError: Error | undefined = undefined;\n  #mediaEngineSrcKey: string | null = null;\n\n  /**\n   * Async wrapper that mimics Task interface for backwards compatibility.\n   * Code expecting mediaEngineTask.value, .taskComplete, .error, .status will still work.\n   */\n  mediaEngineTask = new AsyncValue<MediaEngine>();\n\n  /**\n   * Get or create the MediaEngine for this element.\n   * Uses caching based on src/fileId to avoid redundant fetches.\n   */\n  async getMediaEngine(signal?: AbortSignal): Promise<MediaEngine | undefined> {\n    if (!this.src && !this.fileId) {\n      return undefined;\n    }\n\n    const srcKey = `${this.src}|${this.fileId}`;\n\n    // Return cached if src hasn't changed\n    if (this.#mediaEngineSrcKey === srcKey && this.#mediaEngine) {\n      this.setContentReadyState(\"ready\");\n      return this.#mediaEngine;\n    }\n\n    // If already loading for this src, wait for it\n    if (this.#mediaEngineSrcKey === srcKey && this.#mediaEnginePromise) {\n      return this.#mediaEnginePromise;\n    }\n\n    // Start new load\n    this.#mediaEngineSrcKey = srcKey;\n    this.mediaEngineTask.startPending();\n    this.setContentReadyState(\"loading\");\n\n    // Store the handled promise so that concurrent callers at the cache check\n    // (line above) get a resolved promise, not a raw rejecting one.\n    const loadPromise = this.#loadMediaEngine(signal);\n    this.#mediaEnginePromise = loadPromise;\n    return loadPromise;\n  }\n\n  async #loadMediaEngine(\n    signal?: AbortSignal,\n  ): Promise<MediaEngine | undefined> {\n    try {\n      this.#mediaEngine = await this.#createMediaEngine(signal);\n      this.#mediaEngineError = undefined;\n      if (this.#mediaEngine) {\n        this.mediaEngineTask.setValue(this.#mediaEngine);\n        this.#handleMediaEngineComplete();\n        this.setContentReadyState(\"ready\");\n      } else {\n        // No engine (empty/invalid src) — return to idle\n        this.setContentReadyState(\"idle\");\n      }\n      return this.#mediaEngine;\n    } catch (error) {\n      this.#mediaEngineError =\n        error instanceof Error ? error : new Error(String(error));\n      this.mediaEngineTask.setError(this.#mediaEngineError);\n      this.setContentReadyState(\"error\");\n\n      // Don't throw for expected errors\n      const isExpectedError =\n        (error instanceof DOMException && error.name === \"AbortError\") ||\n        (error instanceof Error &&\n          (error.message === \"No valid media source\" ||\n            error.message.includes(\"File not found\") ||\n            error.message.includes(\"404\") ||\n            error.message.includes(\"Failed to fetch\")));\n\n      if (!isExpectedError) {\n        console.error(\"Media engine error:\", error);\n      }\n\n      return undefined;\n    }\n  }\n\n  async #createMediaEngine(\n    signal?: AbortSignal,\n  ): Promise<MediaEngine | undefined> {\n    const { src, fileId, apiHost, requiredTracks } = this;\n    const urlGenerator = this.getUrlGenerator();\n    return createMediaEngineFromSource({\n      src,\n      fileId,\n      apiHost,\n      requiredTracks,\n      fetchFn: (url, init) => this.fetch(url, init),\n      urlGenerator,\n      signal,\n    });\n  }\n\n  #handleMediaEngineComplete(): void {\n    // Update self synchronously\n    this.requestUpdate(\"intrinsicDurationMs\");\n    this.requestUpdate(\"ownCurrentTimeMs\");\n\n    // Defer updates to parent/root timegroup\n    if (this.rootTimegroup) {\n      queueMicrotask(() => {\n        this.rootTimegroup?.requestUpdate(\"ownCurrentTimeMs\");\n        this.rootTimegroup?.requestUpdate(\"durationMs\");\n      });\n    }\n  }\n\n  // ============================================================================\n  // Audio Analysis - replaced tasks with async methods + cached wrappers\n  // ============================================================================\n\n  #frequencyDataCache = new LRUCache<string, Uint8Array>(100);\n  #timeDomainDataCache = new LRUCache<string, Uint8Array>(100);\n\n  /**\n   * Async wrapper for frequency data - mimics Task interface for EFWaveform compatibility\n   */\n  frequencyDataTask = new AsyncValue<Uint8Array | null>();\n\n  /**\n   * Async wrapper for time domain data - mimics Task interface for EFWaveform compatibility\n   */\n  byteTimeDomainTask = new AsyncValue<Uint8Array | null>();\n\n  /**\n   * Get frequency data for audio visualization at a given time.\n   */\n  async getFrequencyData(\n    timeMs: number,\n    signal?: AbortSignal,\n  ): Promise<Uint8Array | null> {\n    if (timeMs < 0) return null;\n\n    const cacheKey = `${this.getShouldInterpolateFrequencies()}:${this.fftSize}:${this.fftDecay}:${this.fftGain}:${timeMs}`;\n    const cached = this.#frequencyDataCache.get(cacheKey);\n    if (cached) return cached;\n\n    try {\n      const result = await this.#analyzeFrequencies(timeMs, signal);\n      if (result) {\n        this.#frequencyDataCache.set(cacheKey, result);\n        this.frequencyDataTask.setValue(result);\n      }\n      return result;\n    } catch (error) {\n      if (error instanceof DOMException && error.name === \"AbortError\") {\n        throw error;\n      }\n      return null;\n    }\n  }\n\n  /**\n   * Get time domain data for audio visualization at a given time.\n   */\n  async getTimeDomainData(\n    timeMs: number,\n    signal?: AbortSignal,\n  ): Promise<Uint8Array | null> {\n    if (timeMs < 0) return null;\n\n    const cacheKey = `${this.fftSize}:${timeMs}`;\n    const cached = this.#timeDomainDataCache.get(cacheKey);\n    if (cached) return cached;\n\n    try {\n      const result = await this.#analyzeTimeDomain(timeMs, signal);\n      if (result) {\n        this.#timeDomainDataCache.set(cacheKey, result);\n        this.byteTimeDomainTask.setValue(result);\n      }\n      return result;\n    } catch (error) {\n      if (error instanceof DOMException && error.name === \"AbortError\") {\n        throw error;\n      }\n      return null;\n    }\n  }\n\n  async #analyzeFrequencies(\n    currentTimeMs: number,\n    signal?: AbortSignal,\n  ): Promise<Uint8Array | null> {\n    const mediaEngine = await this.getMediaEngine(signal);\n    signal?.throwIfAborted();\n\n    if (!mediaEngine?.tracks.audio) {\n      return null;\n    }\n\n    // Calculate exact audio window needed based on fftDecay and frame timing\n    const frameIntervalMs = 1000 / 30;\n    const earliestFrameMs =\n      currentTimeMs - (this.fftDecay - 1) * frameIntervalMs;\n    const fromMs = Math.max(0, earliestFrameMs);\n    const maxToMs = currentTimeMs + frameIntervalMs;\n    const videoDurationMs = this.intrinsicDurationMs || 0;\n    const toMs =\n      videoDurationMs > 0 ? Math.min(maxToMs, videoDurationMs) : maxToMs;\n\n    if (fromMs >= toMs) {\n      return null;\n    }\n\n    const { fetchAudioSpanningTime: fetchAudioSpan } =\n      await import(\"./EFMedia/shared/AudioSpanUtils.js\");\n\n    let audioSpan;\n    try {\n      audioSpan = await fetchAudioSpan(this, fromMs, toMs, signal!);\n    } catch (error) {\n      if (error instanceof DOMException && error.name === \"AbortError\") {\n        throw error;\n      }\n      return null;\n    }\n\n    if (!audioSpan?.blob || audioSpan.blob.size < 100) {\n      return null;\n    }\n\n    // Decode the real audio data\n    const tempAudioContext = new OfflineAudioContext(2, 48000, 48000);\n    const arrayBuffer = await audioSpan.blob.arrayBuffer();\n    signal?.throwIfAborted();\n\n    let audioBuffer;\n    try {\n      audioBuffer = await tempAudioContext.decodeAudioData(arrayBuffer);\n      signal?.throwIfAborted();\n    } catch {\n      return null;\n    }\n\n    const startOffsetMs = audioSpan.startMs;\n\n    const framesData = await Promise.all(\n      Array.from({ length: this.fftDecay }, async (_, i) => {\n        const frameOffset = i * (1000 / 30);\n        const startTime = Math.max(\n          0,\n          (currentTimeMs - frameOffset - startOffsetMs) / 1000,\n        );\n\n        const SIZE = 48000 / 30;\n        const audioContext = new OfflineAudioContext(2, SIZE, 48000);\n        const analyser = audioContext.createAnalyser();\n        analyser.fftSize = this.fftSize;\n        analyser.minDecibels = -90;\n        analyser.maxDecibels = -10;\n\n        const gainNode = audioContext.createGain();\n        gainNode.gain.value = this.fftGain;\n\n        const filter = audioContext.createBiquadFilter();\n        filter.type = \"bandpass\";\n        filter.frequency.value = 15000;\n        filter.Q.value = 0.05;\n\n        const audioBufferSource = audioContext.createBufferSource();\n        audioBufferSource.buffer = audioBuffer;\n\n        audioBufferSource.connect(filter);\n        filter.connect(gainNode);\n        gainNode.connect(analyser);\n        analyser.connect(audioContext.destination);\n\n        audioBufferSource.start(0, startTime, 1 / 30);\n\n        try {\n          await audioContext.startRendering();\n          signal?.throwIfAborted();\n\n          const frameData = new Uint8Array(this.fftSize / 2);\n          analyser.getByteFrequencyData(frameData);\n          return frameData;\n        } finally {\n          audioBufferSource.disconnect();\n          analyser.disconnect();\n        }\n      }),\n    );\n\n    const frameLength = framesData[0]?.length ?? 0;\n\n    // Combine frames with decay\n    const smoothedData = new Uint8Array(frameLength);\n    for (let i = 0; i < frameLength; i++) {\n      let weightedSum = 0;\n      let weightSum = 0;\n\n      framesData.forEach((frame: Uint8Array, frameIndex: number) => {\n        const decayWeight = DECAY_WEIGHT ** frameIndex;\n        weightedSum += (frame[i] ?? 0) * decayWeight;\n        weightSum += decayWeight;\n      });\n\n      smoothedData[i] = Math.min(255, Math.round(weightedSum / weightSum));\n    }\n\n    // Apply frequency weights\n    smoothedData.forEach((value, i) => {\n      const freqWeight = this.getFreqWeights()[i] ?? 0;\n      smoothedData[i] = Math.min(255, Math.round(value * freqWeight));\n    });\n\n    // Only return the lower half of the frequency data\n    const slicedData = smoothedData.slice(\n      0,\n      Math.floor(smoothedData.length / 2),\n    );\n    return this.getShouldInterpolateFrequencies()\n      ? processFFTData(slicedData)\n      : slicedData;\n  }\n\n  async #analyzeTimeDomain(\n    currentTimeMs: number,\n    signal?: AbortSignal,\n  ): Promise<Uint8Array | null> {\n    const mediaEngine = await this.getMediaEngine(signal);\n    signal?.throwIfAborted();\n\n    if (!mediaEngine?.tracks.audio) {\n      return null;\n    }\n\n    const frameIntervalMs = 1000 / 30;\n    const earliestFrameMs =\n      currentTimeMs - (this.fftDecay - 1) * frameIntervalMs;\n    const fromMs = Math.max(0, earliestFrameMs);\n    const maxToMs = currentTimeMs + frameIntervalMs;\n    const videoDurationMs = this.intrinsicDurationMs || 0;\n    const toMs =\n      videoDurationMs > 0 ? Math.min(maxToMs, videoDurationMs) : maxToMs;\n\n    if (fromMs >= toMs) {\n      return null;\n    }\n\n    const { fetchAudioSpanningTime: fetchAudioSpan } =\n      await import(\"./EFMedia/shared/AudioSpanUtils.js\");\n\n    let audioSpan;\n    try {\n      audioSpan = await fetchAudioSpan(this, fromMs, toMs, signal!);\n    } catch (error) {\n      if (error instanceof DOMException && error.name === \"AbortError\") {\n        throw error;\n      }\n      return null;\n    }\n\n    if (!audioSpan?.blob || audioSpan.blob.size < 100) {\n      return null;\n    }\n\n    const tempAudioContext = new OfflineAudioContext(2, 48000, 48000);\n    const arrayBuffer = await audioSpan.blob.arrayBuffer();\n    signal?.throwIfAborted();\n\n    let audioBuffer;\n    try {\n      audioBuffer = await tempAudioContext.decodeAudioData(arrayBuffer);\n      signal?.throwIfAborted();\n    } catch {\n      return null;\n    }\n\n    const startOffsetMs = audioSpan.startMs;\n\n    const framesData = await Promise.all(\n      Array.from({ length: this.fftDecay }, async (_, i) => {\n        const frameOffset = i * (1000 / 30);\n        const startTime = Math.max(\n          0,\n          (currentTimeMs - frameOffset - startOffsetMs) / 1000,\n        );\n\n        const SIZE = 48000 / 30;\n        const audioContext = new OfflineAudioContext(2, SIZE, 48000);\n        const analyser = audioContext.createAnalyser();\n        analyser.fftSize = this.fftSize;\n        analyser.minDecibels = -90;\n        analyser.maxDecibels = -10;\n\n        const gainNode = audioContext.createGain();\n        gainNode.gain.value = this.fftGain;\n\n        const filter = audioContext.createBiquadFilter();\n        filter.type = \"bandpass\";\n        filter.frequency.value = 15000;\n        filter.Q.value = 0.05;\n\n        const audioBufferSource = audioContext.createBufferSource();\n        audioBufferSource.buffer = audioBuffer;\n\n        audioBufferSource.connect(filter);\n        filter.connect(gainNode);\n        gainNode.connect(analyser);\n        analyser.connect(audioContext.destination);\n\n        audioBufferSource.start(0, startTime, 1 / 30);\n\n        try {\n          await audioContext.startRendering();\n          signal?.throwIfAborted();\n\n          const frameData = new Uint8Array(this.fftSize);\n          analyser.getByteTimeDomainData(frameData);\n          return frameData;\n        } finally {\n          audioBufferSource.disconnect();\n          analyser.disconnect();\n        }\n      }),\n    );\n\n    const frameLength = framesData[0]?.length ?? 0;\n\n    // Use RMS calculation to preserve waveform shape\n    const smoothedData = new Uint8Array(frameLength);\n    for (let i = 0; i < frameLength; i++) {\n      let sumSquares = 0;\n      framesData.forEach((frame: Uint8Array) => {\n        const value = (frame[i] ?? 128) - 128;\n        sumSquares += value * value;\n      });\n      const rms = Math.sqrt(sumSquares / framesData.length);\n      smoothedData[i] = Math.min(255, Math.max(0, Math.round(rms + 128)));\n    }\n\n    return smoothedData;\n  }\n\n  // ============================================================================\n  // Removed task properties - these are kept as stubs for backwards compatibility\n  // ============================================================================\n\n  // These tasks are no longer used but kept for API compatibility\n  audioSegmentIdTask = new AsyncValue<number | undefined>();\n  audioInitSegmentFetchTask = new AsyncValue<ArrayBuffer | undefined>();\n  audioSegmentFetchTask = new AsyncValue<ArrayBuffer | undefined>();\n  audioInputTask = new AsyncValue<any>();\n  audioSeekTask = new AsyncValue<any>();\n  audioBufferTask = new AsyncValue<any>();\n\n  /**\n   * The unique identifier for the media file.\n   * This property can be set programmatically or via the \"file-id\" attribute.\n   * The \"asset-id\" attribute is also supported for backward compatibility.\n   * @domAttribute \"file-id\"\n   */\n  @property({ type: String, attribute: \"file-id\", reflect: true })\n  fileId: string | null = null;\n\n  /** @deprecated Use fileId instead */\n  get assetId(): string | null {\n    return this.fileId;\n  }\n  set assetId(value: string | null) {\n    this.fileId = value;\n  }\n\n  get intrinsicDurationMs(): number | undefined {\n    return this.#mediaEngine?.durationMs;\n  }\n\n  protected updated(\n    changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>,\n  ): void {\n    super.updated(changedProperties);\n\n    // Trigger media engine load when src or fileId changes\n    if (changedProperties.has(\"src\") || changedProperties.has(\"fileId\")) {\n      this.getMediaEngine().catch(() => {});\n      // Source identity changed — cached renderable output is stale\n      if (\n        changedProperties.get(\"src\") !== undefined ||\n        changedProperties.get(\"fileId\") !== undefined\n      ) {\n        this.emitContentChange(\"source\");\n      }\n    }\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      this.emitContentChange(\"bounds\");\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(): boolean {\n    return true;\n  }\n\n  @state()\n  private _desiredSeekTimeMs = 0; // Initialize to 0 for proper segment loading\n\n  get desiredSeekTimeMs(): number {\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,\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        // Create a default signal if not provided (public API convenience)\n        const effectiveSignal = signal ?? new AbortController().signal;\n        const { fetchAudioSpanningTime } =\n          await import(\"./EFMedia/shared/AudioSpanUtils.js\");\n        return fetchAudioSpanningTime(this, fromMs, toMs, effectiveSignal);\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(signal?: AbortSignal): Promise<void> {\n    if (this.#mediaEngine) {\n      return;\n    }\n\n    try {\n      await this.getMediaEngine(signal);\n    } catch (error) {\n      // Don't throw AbortError - these are intentional cancellations when element is disconnected\n      const isAbortError =\n        (error instanceof DOMException && error.name === \"AbortError\") ||\n        (error instanceof Error &&\n          (error.name === \"AbortError\" ||\n            error.message.includes(\"signal is aborted\") ||\n            error.message.includes(\"The user aborted a request\")));\n\n      // If explicitly aborted via signal, throw to propagate cancellation\n      if (signal?.aborted) {\n        throw error;\n      }\n\n      // For task abort (element disconnected), silently return\n      if (isAbortError) {\n        return;\n      }\n\n      // Re-throw other errors\n      throw error;\n    }\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":";;;;;;;;;;;;;;;;;AAsBA,MAAM,mCAAmB,IAAI,KAA2B;;;;;AAQxD,MAAM,+BAA+B,YAAgC;AACnE,KAAI,QAAQ,YAAY;EACtB,MAAM,QAAQ,QAAQ,WAAW,iBAAiB,OAAO;AACzD,MAAI,MAAM,SAAS,GAAG;GACpB,MAAMA,mBAA8B,EAAE;AACtC,QAAK,MAAM,QAAQ,MACjB,kBAAiB,KAAK,GAAG,KAAK,kBAAkB,CAAC;AAEnD,QAAK,MAAM,SAAS,QAAQ,WAAW,SACrC,KAAI,MAAM,YAAY,OACpB,kBAAiB,KAAK,MAAM;AAGhC,UAAO;;;AAGX,QAAO,MAAM,KAAK,QAAQ,SAAS;;AAGrC,MAAa,wBACX,SACA,SAAoB,EAAE,KACnB;CACH,MAAM,WAAW,4BAA4B,QAAQ;AACrD,MAAK,MAAM,SAAS,SAClB,KAAI,iBAAiB,QACnB,QAAO,KAAK,MAAM;KAElB,sBAAqB,OAAO,OAAO;AAGvC,QAAO;;;;;;AAWT,IAAa,aAAb,MAA2B;CACzB,SAAwB;CACxB,SAA4B;CAC5B,UAAwD;CACxD,WAAmC,QAAQ,QAAQ,OAAU;CAC7D;CAGA,IAAI,QAAuB;AACzB,SAAO,MAAKC;;CAGd,IAAI,QAA2B;AAC7B,SAAO,MAAKC;;CAGd,IAAI,SAAiB;AAEnB,UAAQ,MAAKC,QAAb;GACE,KAAK,UACH,QAAO;GACT,KAAK,UACH,QAAO;GACT,KAAK,WACH,QAAO;GACT,KAAK,QACH,QAAO;;;CAIb,IAAI,eAAuC;AACzC,SAAO,MAAKC;;;;;CAMd,SAAS,OAAgB;AACvB,QAAKH,QAAS;AACd,QAAKC,QAAS;AACd,QAAKC,SAAU;AACf,QAAKE,iBAAkB,MAAM;;;;;CAM/B,SAAS,OAAoB;AAC3B,QAAKH,QAAS;AACd,QAAKD,QAAS;AACd,QAAKE,SAAU;AAEf,QAAKE,iBAAkB,OAAU;;;;;CAMnC,eAAqB;AACnB,QAAKF,SAAU;AACf,QAAKC,UAAW,IAAI,SAAS,YAAY;AACvC,SAAKC,iBAAkB;IACvB;AAEF,QAAKD,QAAS,YAAY,GAAG;;;;;CAM/B,MAAM,IAAI,IAA8C;AACtD,OAAK,cAAc;AACnB,MAAI;GACF,MAAM,SAAS,MAAM,IAAI;AACzB,QAAK,SAAS,OAAO;AACrB,UAAO;WACA,OAAO;AACd,OAAI,iBAAiB,MACnB,MAAK,SAAS,MAAM;OAEpB,MAAK,SAAS,IAAI,MAAM,OAAO,MAAM,CAAC,CAAC;AAEzC;;;;AAMN,MAAM,eAAe;AAErB,SAAS,eACP,SACA,uBAAuB,IACX;CACZ,MAAM,YAAY,QAAQ;CAC1B,MAAM,qBAAqB,KAAK,MAAM,YAAY,qBAAqB;CAEvE,IAAI,YAAY;CAChB,IAAI,cAAc;AAElB,MAAK,IAAI,IAAI,YAAY,GAAG,KAAK,GAAG,IAClC,KAAI,QAAQ,MAAM,KAChB;UAEI,aAAa,oBAAoB;AACnC,gBAAc,IAAI;AAClB;;AAKN,KAAI,cAAc,mBAChB,QAAO;CAIT,MAAM,gBAAgB,gBADL,QAAQ,MAAM,GAAG,YAAY,EACE,QAAQ,OAAO;CAE/D,MAAM,wBAAwB,KAAK,MAAM,YAAY,GAAI;AACzD,MAAK,IAAI,IAAI,uBAAuB,IAAI,WAAW,KAAK;EACtD,MAAM,uBACH,IAAI,0BAA0B,YAAY,yBAAyB;EACtE,MAAM,oBAAoB,KAAK,IAAI,GAAG,IAAI,oBAAoB;AAC9D,gBAAc,KAAK,KAAK,OAAO,cAAc,MAAM,KAAK,kBAAkB;;AAG5E,QAAO;;AAGT,SAAS,gBAAgB,MAAkB,YAAgC;CACzE,MAAM,YAAY,IAAI,WAAW,WAAW;CAC5C,MAAM,aAAa,KAAK;AAExB,MAAK,IAAI,IAAI,GAAG,IAAI,YAAY,KAAK;EACnC,MAAM,QAAS,KAAK,aAAa,MAAO,aAAa;EACrD,MAAM,QAAQ,KAAK,MAAM,MAAM;EAC/B,MAAM,WAAW,QAAQ;AAEzB,MAAI,SAAS,aAAa,EACxB,WAAU,KAAK,KAAK,aAAa,MAAM;MAEvC,WAAU,KAAK,KAAK,OACjB,KAAK,UAAU,MAAM,IAAI,aAAa,KAAK,QAAQ,MAAM,KAAK,SAChE;;AAIL,QAAO;;AAGT,IAAa,UAAb,cAA6B,aAC3B,cAAc,WAAW,WAAW,WAAW,CAAC,EAAE,EAChD,WAAW,iBACZ,CAAC,CACH,CAAC;;;+BA2EwB;+BAOA;8BAOD;cAWhB;iBAOG;kBAOC;iBAOD;gCAWe;yBA8CP,IAAI,YAAyB;2BAkH3B,IAAI,YAA+B;4BAKlC,IAAI,YAA+B;4BA+TnC,IAAI,YAAgC;mCAC7B,IAAI,YAAqC;+BAC7C,IAAI,YAAqC;wBAChD,IAAI,YAAiB;uBACtB,IAAI,YAAiB;yBACnB,IAAI,YAAiB;gBASf;4BAiFK;;CAtsB7B,IACI,YAA0C;AAC5C,SAAO,KAAK,iBAAiB;;CAG/B,AAAS,kBAA2B;AAClC,SAAO;;;kCAIkC;;;kCACA;;;;;;;;;;;;CAY3C,IAAI,iBAA6C;AAC/C,SAAO;;CAGT,WAAW,qBAAqB;AAG9B,SAAO;GACL,GAFuB,MAAM,sBAAsB,EAAE;GAGrD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD;;;gBAGa,CACd,GAAG;;;;;;MAOJ;;CAED,yBACE,MACA,UACA,UACM;AACN,MAAI,SAAS,YAAY;AACvB,QAAK,SAAS;AACd;;AAEF,QAAM,yBAAyB,MAAM,UAAU,SAAS;;CAoE1D,iBAAiB;AACf,MAAI,iBAAiB,IAAI,KAAK,QAAQ,CAEpC,QAAO,iBAAiB,IAAI,KAAK,QAAQ;EAG3C,MAAM,UAAU,IAAI,aAAa,KAAK,UAAU,EAAE,CAAC,KAAK,GAAG,MAAM;GAC/D,MAAM,YAAa,IAAI,OAAS,KAAK;AACrC,OAAI,YAAY,GAAI,QAAO;AAC3B,OAAI,YAAY,IAAK,QAAO;AAC5B,OAAI,YAAY,IAAK,QAAO;AAC5B,OAAI,YAAY,IAAM,QAAO;AAC7B,OAAI,YAAY,IAAM,QAAO;AAC7B,OAAI,YAAY,IAAM,QAAO;AAC7B,UAAO;IACP;AAEF,mBAAiB,IAAI,KAAK,SAAS,QAAQ;AAC3C,SAAO;;CAIT,kCAAkC;AAChC,SAAO,KAAK;;CAGd,kBAAkB;AAChB,SAAO,IAAI,mBAAmB,KAAK,WAAW,GAAG;;CAOnD,eAAwC;CACxC,sBAAoE;CACpE,oBAAuC;CACvC,qBAAoC;;;;;CAYpC,MAAM,eAAe,QAAwD;AAC3E,MAAI,CAAC,KAAK,OAAO,CAAC,KAAK,OACrB;EAGF,MAAM,SAAS,GAAG,KAAK,IAAI,GAAG,KAAK;AAGnC,MAAI,MAAKE,sBAAuB,UAAU,MAAKC,aAAc;AAC3D,QAAK,qBAAqB,QAAQ;AAClC,UAAO,MAAKA;;AAId,MAAI,MAAKD,sBAAuB,UAAU,MAAKE,mBAC7C,QAAO,MAAKA;AAId,QAAKF,oBAAqB;AAC1B,OAAK,gBAAgB,cAAc;AACnC,OAAK,qBAAqB,UAAU;EAIpC,MAAM,cAAc,MAAKG,gBAAiB,OAAO;AACjD,QAAKD,qBAAsB;AAC3B,SAAO;;CAGT,OAAMC,gBACJ,QACkC;AAClC,MAAI;AACF,SAAKF,cAAe,MAAM,MAAKG,kBAAmB,OAAO;AACzD,SAAKC,mBAAoB;AACzB,OAAI,MAAKJ,aAAc;AACrB,SAAK,gBAAgB,SAAS,MAAKA,YAAa;AAChD,UAAKK,2BAA4B;AACjC,SAAK,qBAAqB,QAAQ;SAGlC,MAAK,qBAAqB,OAAO;AAEnC,UAAO,MAAKL;WACL,OAAO;AACd,SAAKI,mBACH,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,MAAM,CAAC;AAC3D,QAAK,gBAAgB,SAAS,MAAKA,iBAAkB;AACrD,QAAK,qBAAqB,QAAQ;AAWlC,OAAI,EAPD,iBAAiB,gBAAgB,MAAM,SAAS,gBAChD,iBAAiB,UACf,MAAM,YAAY,2BACjB,MAAM,QAAQ,SAAS,iBAAiB,IACxC,MAAM,QAAQ,SAAS,MAAM,IAC7B,MAAM,QAAQ,SAAS,kBAAkB,GAG7C,SAAQ,MAAM,uBAAuB,MAAM;AAG7C;;;CAIJ,OAAMD,kBACJ,QACkC;EAClC,MAAM,EAAE,KAAK,QAAQ,SAAS,mBAAmB;AAEjD,SAAO,4BAA4B;GACjC;GACA;GACA;GACA;GACA,UAAU,KAAK,SAAS,KAAK,MAAM,KAAK,KAAK;GAC7C,cAPmB,KAAK,iBAAiB;GAQzC;GACD,CAAC;;CAGJ,6BAAmC;AAEjC,OAAK,cAAc,sBAAsB;AACzC,OAAK,cAAc,mBAAmB;AAGtC,MAAI,KAAK,cACP,sBAAqB;AACnB,QAAK,eAAe,cAAc,mBAAmB;AACrD,QAAK,eAAe,cAAc,aAAa;IAC/C;;CAQN,sBAAsB,IAAI,SAA6B,IAAI;CAC3D,uBAAuB,IAAI,SAA6B,IAAI;;;;CAe5D,MAAM,iBACJ,QACA,QAC4B;AAC5B,MAAI,SAAS,EAAG,QAAO;EAEvB,MAAM,WAAW,GAAG,KAAK,iCAAiC,CAAC,GAAG,KAAK,QAAQ,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,GAAG;EAC/G,MAAM,SAAS,MAAKG,mBAAoB,IAAI,SAAS;AACrD,MAAI,OAAQ,QAAO;AAEnB,MAAI;GACF,MAAM,SAAS,MAAM,MAAKC,mBAAoB,QAAQ,OAAO;AAC7D,OAAI,QAAQ;AACV,UAAKD,mBAAoB,IAAI,UAAU,OAAO;AAC9C,SAAK,kBAAkB,SAAS,OAAO;;AAEzC,UAAO;WACA,OAAO;AACd,OAAI,iBAAiB,gBAAgB,MAAM,SAAS,aAClD,OAAM;AAER,UAAO;;;;;;CAOX,MAAM,kBACJ,QACA,QAC4B;AAC5B,MAAI,SAAS,EAAG,QAAO;EAEvB,MAAM,WAAW,GAAG,KAAK,QAAQ,GAAG;EACpC,MAAM,SAAS,MAAKE,oBAAqB,IAAI,SAAS;AACtD,MAAI,OAAQ,QAAO;AAEnB,MAAI;GACF,MAAM,SAAS,MAAM,MAAKC,kBAAmB,QAAQ,OAAO;AAC5D,OAAI,QAAQ;AACV,UAAKD,oBAAqB,IAAI,UAAU,OAAO;AAC/C,SAAK,mBAAmB,SAAS,OAAO;;AAE1C,UAAO;WACA,OAAO;AACd,OAAI,iBAAiB,gBAAgB,MAAM,SAAS,aAClD,OAAM;AAER,UAAO;;;CAIX,OAAMD,mBACJ,eACA,QAC4B;EAC5B,MAAM,cAAc,MAAM,KAAK,eAAe,OAAO;AACrD,UAAQ,gBAAgB;AAExB,MAAI,CAAC,aAAa,OAAO,MACvB,QAAO;EAIT,MAAM,kBAAkB,MAAO;EAC/B,MAAM,kBACJ,iBAAiB,KAAK,WAAW,KAAK;EACxC,MAAM,SAAS,KAAK,IAAI,GAAG,gBAAgB;EAC3C,MAAM,UAAU,gBAAgB;EAChC,MAAM,kBAAkB,KAAK,uBAAuB;EACpD,MAAM,OACJ,kBAAkB,IAAI,KAAK,IAAI,SAAS,gBAAgB,GAAG;AAE7D,MAAI,UAAU,KACZ,QAAO;EAGT,MAAM,EAAE,wBAAwB,mBAC9B,MAAM,OAAO;EAEf,IAAI;AACJ,MAAI;AACF,eAAY,MAAM,eAAe,MAAM,QAAQ,MAAM,OAAQ;WACtD,OAAO;AACd,OAAI,iBAAiB,gBAAgB,MAAM,SAAS,aAClD,OAAM;AAER,UAAO;;AAGT,MAAI,CAAC,WAAW,QAAQ,UAAU,KAAK,OAAO,IAC5C,QAAO;EAIT,MAAM,mBAAmB,IAAI,oBAAoB,GAAG,MAAO,KAAM;EACjE,MAAM,cAAc,MAAM,UAAU,KAAK,aAAa;AACtD,UAAQ,gBAAgB;EAExB,IAAI;AACJ,MAAI;AACF,iBAAc,MAAM,iBAAiB,gBAAgB,YAAY;AACjE,WAAQ,gBAAgB;UAClB;AACN,UAAO;;EAGT,MAAM,gBAAgB,UAAU;EAEhC,MAAM,aAAa,MAAM,QAAQ,IAC/B,MAAM,KAAK,EAAE,QAAQ,KAAK,UAAU,EAAE,OAAO,GAAG,MAAM;GACpD,MAAM,cAAc,KAAK,MAAO;GAChC,MAAM,YAAY,KAAK,IACrB,IACC,gBAAgB,cAAc,iBAAiB,IACjD;GAGD,MAAM,eAAe,IAAI,oBAAoB,GADhC,OAAQ,IACiC,KAAM;GAC5D,MAAM,WAAW,aAAa,gBAAgB;AAC9C,YAAS,UAAU,KAAK;AACxB,YAAS,cAAc;AACvB,YAAS,cAAc;GAEvB,MAAM,WAAW,aAAa,YAAY;AAC1C,YAAS,KAAK,QAAQ,KAAK;GAE3B,MAAM,SAAS,aAAa,oBAAoB;AAChD,UAAO,OAAO;AACd,UAAO,UAAU,QAAQ;AACzB,UAAO,EAAE,QAAQ;GAEjB,MAAM,oBAAoB,aAAa,oBAAoB;AAC3D,qBAAkB,SAAS;AAE3B,qBAAkB,QAAQ,OAAO;AACjC,UAAO,QAAQ,SAAS;AACxB,YAAS,QAAQ,SAAS;AAC1B,YAAS,QAAQ,aAAa,YAAY;AAE1C,qBAAkB,MAAM,GAAG,WAAW,IAAI,GAAG;AAE7C,OAAI;AACF,UAAM,aAAa,gBAAgB;AACnC,YAAQ,gBAAgB;IAExB,MAAM,YAAY,IAAI,WAAW,KAAK,UAAU,EAAE;AAClD,aAAS,qBAAqB,UAAU;AACxC,WAAO;aACC;AACR,sBAAkB,YAAY;AAC9B,aAAS,YAAY;;IAEvB,CACH;EAED,MAAM,cAAc,WAAW,IAAI,UAAU;EAG7C,MAAM,eAAe,IAAI,WAAW,YAAY;AAChD,OAAK,IAAI,IAAI,GAAG,IAAI,aAAa,KAAK;GACpC,IAAI,cAAc;GAClB,IAAI,YAAY;AAEhB,cAAW,SAAS,OAAmB,eAAuB;IAC5D,MAAM,cAAc,gBAAgB;AACpC,oBAAgB,MAAM,MAAM,KAAK;AACjC,iBAAa;KACb;AAEF,gBAAa,KAAK,KAAK,IAAI,KAAK,KAAK,MAAM,cAAc,UAAU,CAAC;;AAItE,eAAa,SAAS,OAAO,MAAM;GACjC,MAAM,aAAa,KAAK,gBAAgB,CAAC,MAAM;AAC/C,gBAAa,KAAK,KAAK,IAAI,KAAK,KAAK,MAAM,QAAQ,WAAW,CAAC;IAC/D;EAGF,MAAM,aAAa,aAAa,MAC9B,GACA,KAAK,MAAM,aAAa,SAAS,EAAE,CACpC;AACD,SAAO,KAAK,iCAAiC,GACzC,eAAe,WAAW,GAC1B;;CAGN,OAAME,kBACJ,eACA,QAC4B;EAC5B,MAAM,cAAc,MAAM,KAAK,eAAe,OAAO;AACrD,UAAQ,gBAAgB;AAExB,MAAI,CAAC,aAAa,OAAO,MACvB,QAAO;EAGT,MAAM,kBAAkB,MAAO;EAC/B,MAAM,kBACJ,iBAAiB,KAAK,WAAW,KAAK;EACxC,MAAM,SAAS,KAAK,IAAI,GAAG,gBAAgB;EAC3C,MAAM,UAAU,gBAAgB;EAChC,MAAM,kBAAkB,KAAK,uBAAuB;EACpD,MAAM,OACJ,kBAAkB,IAAI,KAAK,IAAI,SAAS,gBAAgB,GAAG;AAE7D,MAAI,UAAU,KACZ,QAAO;EAGT,MAAM,EAAE,wBAAwB,mBAC9B,MAAM,OAAO;EAEf,IAAI;AACJ,MAAI;AACF,eAAY,MAAM,eAAe,MAAM,QAAQ,MAAM,OAAQ;WACtD,OAAO;AACd,OAAI,iBAAiB,gBAAgB,MAAM,SAAS,aAClD,OAAM;AAER,UAAO;;AAGT,MAAI,CAAC,WAAW,QAAQ,UAAU,KAAK,OAAO,IAC5C,QAAO;EAGT,MAAM,mBAAmB,IAAI,oBAAoB,GAAG,MAAO,KAAM;EACjE,MAAM,cAAc,MAAM,UAAU,KAAK,aAAa;AACtD,UAAQ,gBAAgB;EAExB,IAAI;AACJ,MAAI;AACF,iBAAc,MAAM,iBAAiB,gBAAgB,YAAY;AACjE,WAAQ,gBAAgB;UAClB;AACN,UAAO;;EAGT,MAAM,gBAAgB,UAAU;EAEhC,MAAM,aAAa,MAAM,QAAQ,IAC/B,MAAM,KAAK,EAAE,QAAQ,KAAK,UAAU,EAAE,OAAO,GAAG,MAAM;GACpD,MAAM,cAAc,KAAK,MAAO;GAChC,MAAM,YAAY,KAAK,IACrB,IACC,gBAAgB,cAAc,iBAAiB,IACjD;GAGD,MAAM,eAAe,IAAI,oBAAoB,GADhC,OAAQ,IACiC,KAAM;GAC5D,MAAM,WAAW,aAAa,gBAAgB;AAC9C,YAAS,UAAU,KAAK;AACxB,YAAS,cAAc;AACvB,YAAS,cAAc;GAEvB,MAAM,WAAW,aAAa,YAAY;AAC1C,YAAS,KAAK,QAAQ,KAAK;GAE3B,MAAM,SAAS,aAAa,oBAAoB;AAChD,UAAO,OAAO;AACd,UAAO,UAAU,QAAQ;AACzB,UAAO,EAAE,QAAQ;GAEjB,MAAM,oBAAoB,aAAa,oBAAoB;AAC3D,qBAAkB,SAAS;AAE3B,qBAAkB,QAAQ,OAAO;AACjC,UAAO,QAAQ,SAAS;AACxB,YAAS,QAAQ,SAAS;AAC1B,YAAS,QAAQ,aAAa,YAAY;AAE1C,qBAAkB,MAAM,GAAG,WAAW,IAAI,GAAG;AAE7C,OAAI;AACF,UAAM,aAAa,gBAAgB;AACnC,YAAQ,gBAAgB;IAExB,MAAM,YAAY,IAAI,WAAW,KAAK,QAAQ;AAC9C,aAAS,sBAAsB,UAAU;AACzC,WAAO;aACC;AACR,sBAAkB,YAAY;AAC9B,aAAS,YAAY;;IAEvB,CACH;EAED,MAAM,cAAc,WAAW,IAAI,UAAU;EAG7C,MAAM,eAAe,IAAI,WAAW,YAAY;AAChD,OAAK,IAAI,IAAI,GAAG,IAAI,aAAa,KAAK;GACpC,IAAI,aAAa;AACjB,cAAW,SAAS,UAAsB;IACxC,MAAM,SAAS,MAAM,MAAM,OAAO;AAClC,kBAAc,QAAQ;KACtB;GACF,MAAM,MAAM,KAAK,KAAK,aAAa,WAAW,OAAO;AACrD,gBAAa,KAAK,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC,CAAC;;AAGrE,SAAO;;;CAyBT,IAAI,UAAyB;AAC3B,SAAO,KAAK;;CAEd,IAAI,QAAQ,OAAsB;AAChC,OAAK,SAAS;;CAGhB,IAAI,sBAA0C;AAC5C,SAAO,MAAKT,aAAc;;CAG5B,AAAU,QACR,mBACM;AACN,QAAM,QAAQ,kBAAkB;AAGhC,MAAI,kBAAkB,IAAI,MAAM,IAAI,kBAAkB,IAAI,SAAS,EAAE;AACnE,QAAK,gBAAgB,CAAC,YAAY,GAAG;AAErC,OACE,kBAAkB,IAAI,MAAM,KAAK,UACjC,kBAAkB,IAAI,SAAS,KAAK,OAEpC,MAAK,kBAAkB,SAAS;;EAKpC,MAAM,yBAAyB,KAAK;AACpC,MAAI,2BAA2B,KAAK,kBAClC,MAAK,YAAY,uBAAuB;AAG1C,MAAI,kBAAkB,IAAI,mBAAmB,CAC3C,MAAK,YAAY,KAAK,oBAAoB;AAe5C,MAX+B;GAC7B;GACA;GACA;GACA;GACD,CAEgD,MAAM,SACrD,kBAAkB,IAAI,KAAK,CAC5B,EAEsB;AACrB,QAAK,kBAAkB,SAAS;AAChC,OAAI,KAAK,iBAAiB;AACxB,SAAK,gBAAgB,cAAc,aAAa;AAChD,SAAK,gBAAgB,cAAc,cAAc;IAGjD,IAAI,SAAS,KAAK;AAClB,WAAO,QAAQ;AACb,SAAI,eAAe,OAAO,EAAE;AAC1B,aAAO,cACL,IAAI,YAAY,0BAA0B,EACxC,QAAQ,EAAE,QAAQ,MAAM,EACzB,CAAC,CACH;AACD;;AAEF,cAAS,OAAO;;;;;CAMxB,IAAI,iBAA0B;AAC5B,SAAO;;CAMT,IAAI,oBAA4B;AAC9B,SAAO,KAAK;;CAGd,IAAI,kBAAkB,OAAe;AACnC,MAAI,KAAK,uBAAuB,MAC9B,MAAK,qBAAqB;;CAI9B,MAAgB,YAAY,UAAkB;AAG5C,OAAK,qBAAqB;;;;;;;CAQ5B,MAAM,uBACJ,QACA,MACA,QACgC;AAChC,SAAO,SACL,gCACA;GACE,WAAW,KAAK,MAAM;GACtB,SAAS,KAAK,QAAQ,aAAa;GACnC;GACA;GACA,YAAY,OAAO;GACnB,KAAK,KAAK,OAAO;GAClB,EACD,QACA,YAAY;GAEV,MAAM,kBAAkB,UAAU,IAAI,iBAAiB,CAAC;GACxD,MAAM,EAAE,2BACN,MAAM,OAAO;AACf,UAAO,uBAAuB,MAAM,QAAQ,MAAM,gBAAgB;IAErE;;;;;;CAOH,MAAM,sBAAsB,QAAqC;AAC/D,MAAI,MAAKA,YACP;AAGF,MAAI;AACF,SAAM,KAAK,eAAe,OAAO;WAC1B,OAAO;GAEd,MAAM,eACH,iBAAiB,gBAAgB,MAAM,SAAS,gBAChD,iBAAiB,UACf,MAAM,SAAS,gBACd,MAAM,QAAQ,SAAS,oBAAoB,IAC3C,MAAM,QAAQ,SAAS,6BAA6B;AAG1D,OAAI,QAAQ,QACV,OAAM;AAIR,OAAI,aACF;AAIF,SAAM;;;;;;;;CASV,mBAA8B;AAC5B,SAAO,CAAC,KAAK;;;;;;;CAQf,MAAM,YAAY,QAAgB,MAAoC;AACpE,SAAO,oBAAoB,MAAM,QAAQ,KAAK;;;YAzyB/C,QAAQ,EAAE,SAAS,WAAW,CAAC;YAyE/B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAyB,CAAC;YAO9D,SAAS;CAAE,MAAM;CAAQ,WAAW;CAA4B,CAAC;YAOjE,SAAS;CAAE,MAAM;CAAS,WAAW;CAA0B,CAAC;YAOhE,SAAS;CACR,MAAM;CACN,WAAW;CACX,SAAS;CACV,CAAC;YAOD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAY,SAAS;CAAM,CAAC;YAOhE,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,SAAS;CAAM,CAAC;YAOjE,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAY,SAAS;CAAM,CAAC;YAOhE,SAAS;CACR,MAAM;CACN,WAAW;CACX,SAAS;CACV,CAAC;YAkfD,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAW,SAAS;CAAM,CAAC;YAiF/D,OAAO"}
+{"version":3,"file":"EFMedia.js","names":["assignedElements: Element[]","#value","#error","#status","#promise","#resolvePromise","#mediaEngineSrcKey","#mediaEngine","#mediaEnginePromise","#loadMediaEngine","#createMediaEngine","#mediaEngineError","#handleMediaEngineComplete","#frequencyDataCache","#analyzeFrequencies","#timeDomainDataCache","#analyzeTimeDomain"],"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 { MediaEngine } from \"../transcoding/types/index.ts\";\nimport type { AudioSpan } from \"../transcoding/types/index.ts\";\nimport { createMediaEngineFromSource } from \"./EFMedia/MediaEngine.js\";\nimport { UrlGenerator } from \"../transcoding/utils/UrlGenerator.ts\";\nimport { LRUCache } from \"../utils/LRUCache.js\";\nimport { EFSourceMixin } from \"./EFSourceMixin.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\n/**\n * Gets all child elements including slotted content for shadow DOM elements.\n * Duplicated here to avoid circular imports from EFTemporal.\n */\nconst getChildrenIncludingSlotted = (element: Element): Element[] => {\n  if (element.shadowRoot) {\n    const slots = element.shadowRoot.querySelectorAll(\"slot\");\n    if (slots.length > 0) {\n      const assignedElements: Element[] = [];\n      for (const slot of slots) {\n        assignedElements.push(...slot.assignedElements());\n      }\n      for (const child of element.shadowRoot.children) {\n        if (child.tagName !== \"SLOT\") {\n          assignedElements.push(child);\n        }\n      }\n      return assignedElements;\n    }\n  }\n  return Array.from(element.children);\n};\n\nexport const deepGetMediaElements = (element: Element, medias: EFMedia[] = []) => {\n  const children = getChildrenIncludingSlotted(element);\n  for (const child of children) {\n    if (child instanceof EFMedia) {\n      medias.push(child);\n    } else {\n      deepGetMediaElements(child, medias);\n    }\n  }\n  return medias;\n};\n\n// Import EFTemporal - use a function wrapper to defer evaluation until class definition\n// This breaks the circular dependency: EFTimegroup -> EFMedia -> EFTemporal\nimport { EFTemporal } from \"./EFTemporal.js\";\n\n/**\n * Simple async value wrapper that mimics Lit Task interface.\n * Used for backwards compatibility with code expecting task-like objects.\n */\nexport class AsyncValue<T> {\n  #value: T | undefined = undefined;\n  #error: Error | undefined = undefined;\n  // oxlint-disable-next-line no-unused-private-class-members -- false positive; read via get status()\n  #status: \"initial\" | \"pending\" | \"complete\" | \"error\" = \"initial\";\n  #promise: Promise<T | undefined> = Promise.resolve(undefined);\n  #resolvePromise: ((value: T | undefined) => void) | undefined;\n\n  // Use properties instead of getters to avoid TypeScript declaration generation bug\n  get value(): T | undefined {\n    return this.#value;\n  }\n\n  get error(): Error | undefined {\n    return this.#error;\n  }\n\n  get status(): number {\n    // Match TaskStatus enum: INITIAL=0, PENDING=1, COMPLETE=2, ERROR=3\n    switch (this.#status) {\n      case \"initial\":\n        return 0;\n      case \"pending\":\n        return 1;\n      case \"complete\":\n        return 2;\n      case \"error\":\n        return 3;\n    }\n  }\n\n  get taskComplete(): Promise<T | undefined> {\n    return this.#promise;\n  }\n\n  /**\n   * Set the value (marks status as complete)\n   */\n  setValue(value: T): void {\n    this.#value = value;\n    this.#error = undefined;\n    this.#status = \"complete\";\n    this.#resolvePromise?.(value);\n  }\n\n  /**\n   * Set an error (marks status as error)\n   */\n  setError(error: Error): void {\n    this.#error = error;\n    this.#value = undefined;\n    this.#status = \"error\";\n    // Don't reject - just resolve with undefined to match old behavior\n    this.#resolvePromise?.(undefined);\n  }\n\n  /**\n   * Start a new async operation\n   */\n  startPending(): void {\n    this.#status = \"pending\";\n    this.#promise = new Promise((resolve) => {\n      this.#resolvePromise = resolve;\n    });\n    // Prevent unhandled rejection warnings\n    this.#promise.catch(() => {});\n  }\n\n  /**\n   * Run an async function and update status accordingly\n   */\n  async run(fn: () => Promise<T>): Promise<T | undefined> {\n    this.startPending();\n    try {\n      const result = await fn();\n      this.setValue(result);\n      return result;\n    } catch (error) {\n      if (error instanceof Error) {\n        this.setError(error);\n      } else {\n        this.setError(new Error(String(error)));\n      }\n      return undefined;\n    }\n  }\n}\n\n// Audio analysis helper functions\nconst DECAY_WEIGHT = 0.8;\n\nfunction processFFTData(fftData: Uint8Array, zeroThresholdPercent = 0.1): Uint8Array {\n  const totalBins = fftData.length;\n  const zeroThresholdCount = Math.floor(totalBins * zeroThresholdPercent);\n\n  let zeroCount = 0;\n  let cutoffIndex = totalBins;\n\n  for (let i = totalBins - 1; i >= 0; i--) {\n    if (fftData[i] ?? 0 < 10) {\n      zeroCount++;\n    } else {\n      if (zeroCount >= zeroThresholdCount) {\n        cutoffIndex = i + 1;\n        break;\n      }\n    }\n  }\n\n  if (cutoffIndex < zeroThresholdCount) {\n    return fftData;\n  }\n\n  const goodData = fftData.slice(0, cutoffIndex);\n  const resampledData = interpolateData(goodData, fftData.length);\n\n  const attenuationStartIndex = Math.floor(totalBins * 0.9);\n  for (let i = attenuationStartIndex; i < totalBins; i++) {\n    const attenuationProgress =\n      (i - attenuationStartIndex) / (totalBins - attenuationStartIndex) + 0.2;\n    const attenuationFactor = Math.max(0, 1 - attenuationProgress);\n    resampledData[i] = Math.floor((resampledData[i] ?? 0) * attenuationFactor);\n  }\n\n  return resampledData;\n}\n\nfunction interpolateData(data: Uint8Array, targetSize: number): Uint8Array {\n  const resampled = new Uint8Array(targetSize);\n  const dataLength = data.length;\n\n  for (let i = 0; i < targetSize; i++) {\n    const ratio = (i / (targetSize - 1)) * (dataLength - 1);\n    const index = Math.floor(ratio);\n    const fraction = ratio - index;\n\n    if (index >= dataLength - 1) {\n      resampled[i] = data[dataLength - 1] ?? 0;\n    } else {\n      resampled[i] = Math.round(\n        (data[index] ?? 0) * (1 - fraction) + (data[index + 1] ?? 0) * fraction,\n      );\n    }\n  }\n\n  return resampled;\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  override shouldAutoReady(): boolean {\n    return false;\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  /**\n   * Which tracks this media element requires.\n   * Subclasses can override to specify their needs:\n   * - \"audio\" - Only needs audio track (e.g., EFAudio)\n   * - \"video\" - Only needs video track\n   * - \"both\" - Needs both tracks (default for backwards compatibility)\n   *\n   * This is used during media engine creation to skip validation\n   * of tracks that won't be used, avoiding unnecessary network requests.\n   */\n  get requiredTracks(): \"audio\" | \"video\" | \"both\" {\n    return \"both\";\n  }\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      \"file-id\",\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  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void {\n    if (name === \"asset-id\") {\n      this.fileId = newValue;\n      return;\n    }\n    super.attributeChangedCallback(name, oldValue, newValue);\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  getFreqWeights() {\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 method for backwards compatibility\n  getShouldInterpolateFrequencies() {\n    return this.interpolateFrequencies;\n  }\n\n  getUrlGenerator() {\n    return new UrlGenerator(() => this.apiHost ?? \"\");\n  }\n\n  // ============================================================================\n  // Media Engine - replaced task with async method + cached wrapper\n  // ============================================================================\n\n  #mediaEngine: MediaEngine | undefined = undefined;\n  #mediaEnginePromise: Promise<MediaEngine | undefined> | undefined = undefined;\n  #mediaEngineError: Error | undefined = undefined;\n  #mediaEngineSrcKey: string | null = null;\n\n  /**\n   * Async wrapper that mimics Task interface for backwards compatibility.\n   * Code expecting mediaEngineTask.value, .taskComplete, .error, .status will still work.\n   */\n  mediaEngineTask = new AsyncValue<MediaEngine>();\n\n  /**\n   * Get or create the MediaEngine for this element.\n   * Uses caching based on src/fileId to avoid redundant fetches.\n   */\n  async getMediaEngine(signal?: AbortSignal): Promise<MediaEngine | undefined> {\n    if (!this.src && !this.fileId) {\n      return undefined;\n    }\n\n    const srcKey = `${this.src}|${this.fileId}`;\n\n    // Return cached if src hasn't changed\n    if (this.#mediaEngineSrcKey === srcKey && this.#mediaEngine) {\n      this.setContentReadyState(\"ready\");\n      return this.#mediaEngine;\n    }\n\n    // If already loading for this src, wait for it\n    if (this.#mediaEngineSrcKey === srcKey && this.#mediaEnginePromise) {\n      return this.#mediaEnginePromise;\n    }\n\n    // Start new load\n    this.#mediaEngineSrcKey = srcKey;\n    this.mediaEngineTask.startPending();\n    this.setContentReadyState(\"loading\");\n\n    // Store the handled promise so that concurrent callers at the cache check\n    // (line above) get a resolved promise, not a raw rejecting one.\n    const loadPromise = this.#loadMediaEngine(signal);\n    this.#mediaEnginePromise = loadPromise;\n    return loadPromise;\n  }\n\n  async #loadMediaEngine(signal?: AbortSignal): Promise<MediaEngine | undefined> {\n    try {\n      this.#mediaEngine = await this.#createMediaEngine(signal);\n      this.#mediaEngineError = undefined;\n      if (this.#mediaEngine) {\n        this.mediaEngineTask.setValue(this.#mediaEngine);\n        this.#handleMediaEngineComplete();\n        this.setContentReadyState(\"ready\");\n      } else {\n        // No engine (empty/invalid src) — return to idle\n        this.setContentReadyState(\"idle\");\n      }\n      return this.#mediaEngine;\n    } catch (error) {\n      this.#mediaEngineError = error instanceof Error ? error : new Error(String(error));\n      this.mediaEngineTask.setError(this.#mediaEngineError);\n      this.setContentReadyState(\"error\");\n\n      // Don't throw for expected errors\n      const isExpectedError =\n        (error instanceof DOMException && error.name === \"AbortError\") ||\n        (error instanceof Error &&\n          (error.message === \"No valid media source\" ||\n            error.message.includes(\"File not found\") ||\n            error.message.includes(\"404\") ||\n            error.message.includes(\"Failed to fetch\")));\n\n      if (!isExpectedError) {\n        console.error(\"Media engine error:\", error);\n      }\n\n      return undefined;\n    }\n  }\n\n  async #createMediaEngine(signal?: AbortSignal): Promise<MediaEngine | undefined> {\n    const { src, fileId, apiHost, requiredTracks } = this;\n    const urlGenerator = this.getUrlGenerator();\n    return createMediaEngineFromSource({\n      src,\n      fileId,\n      apiHost,\n      requiredTracks,\n      fetchFn: (url, init) => this.fetch(url, init),\n      urlGenerator,\n      signal,\n    });\n  }\n\n  #handleMediaEngineComplete(): void {\n    // Update self synchronously\n    this.requestUpdate(\"intrinsicDurationMs\");\n    this.requestUpdate(\"ownCurrentTimeMs\");\n\n    // Defer updates to parent/root timegroup\n    if (this.rootTimegroup) {\n      queueMicrotask(() => {\n        this.rootTimegroup?.requestUpdate(\"ownCurrentTimeMs\");\n        this.rootTimegroup?.requestUpdate(\"durationMs\");\n      });\n    }\n  }\n\n  // ============================================================================\n  // Audio Analysis - replaced tasks with async methods + cached wrappers\n  // ============================================================================\n\n  #frequencyDataCache = new LRUCache<string, Uint8Array>(100);\n  #timeDomainDataCache = new LRUCache<string, Uint8Array>(100);\n\n  /**\n   * Async wrapper for frequency data - mimics Task interface for EFWaveform compatibility\n   */\n  frequencyDataTask = new AsyncValue<Uint8Array | null>();\n\n  /**\n   * Async wrapper for time domain data - mimics Task interface for EFWaveform compatibility\n   */\n  byteTimeDomainTask = new AsyncValue<Uint8Array | null>();\n\n  /**\n   * Get frequency data for audio visualization at a given time.\n   */\n  async getFrequencyData(timeMs: number, signal?: AbortSignal): Promise<Uint8Array | null> {\n    if (timeMs < 0) return null;\n\n    const cacheKey = `${this.getShouldInterpolateFrequencies()}:${this.fftSize}:${this.fftDecay}:${this.fftGain}:${timeMs}`;\n    const cached = this.#frequencyDataCache.get(cacheKey);\n    if (cached) return cached;\n\n    try {\n      const result = await this.#analyzeFrequencies(timeMs, signal);\n      if (result) {\n        this.#frequencyDataCache.set(cacheKey, result);\n        this.frequencyDataTask.setValue(result);\n      }\n      return result;\n    } catch (error) {\n      if (error instanceof DOMException && error.name === \"AbortError\") {\n        throw error;\n      }\n      return null;\n    }\n  }\n\n  /**\n   * Get time domain data for audio visualization at a given time.\n   */\n  async getTimeDomainData(timeMs: number, signal?: AbortSignal): Promise<Uint8Array | null> {\n    if (timeMs < 0) return null;\n\n    const cacheKey = `${this.fftSize}:${timeMs}`;\n    const cached = this.#timeDomainDataCache.get(cacheKey);\n    if (cached) return cached;\n\n    try {\n      const result = await this.#analyzeTimeDomain(timeMs, signal);\n      if (result) {\n        this.#timeDomainDataCache.set(cacheKey, result);\n        this.byteTimeDomainTask.setValue(result);\n      }\n      return result;\n    } catch (error) {\n      if (error instanceof DOMException && error.name === \"AbortError\") {\n        throw error;\n      }\n      return null;\n    }\n  }\n\n  async #analyzeFrequencies(\n    currentTimeMs: number,\n    signal?: AbortSignal,\n  ): Promise<Uint8Array | null> {\n    const mediaEngine = await this.getMediaEngine(signal);\n    signal?.throwIfAborted();\n\n    if (!mediaEngine?.tracks.audio) {\n      return null;\n    }\n\n    // Calculate exact audio window needed based on fftDecay and frame timing\n    const frameIntervalMs = 1000 / 30;\n    const earliestFrameMs = currentTimeMs - (this.fftDecay - 1) * frameIntervalMs;\n    const fromMs = Math.max(0, earliestFrameMs);\n    const maxToMs = currentTimeMs + frameIntervalMs;\n    const videoDurationMs = this.intrinsicDurationMs || 0;\n    const toMs = videoDurationMs > 0 ? Math.min(maxToMs, videoDurationMs) : maxToMs;\n\n    if (fromMs >= toMs) {\n      return null;\n    }\n\n    const { fetchAudioSpanningTime: fetchAudioSpan } =\n      await import(\"./EFMedia/shared/AudioSpanUtils.js\");\n\n    let audioSpan;\n    try {\n      audioSpan = await fetchAudioSpan(this, fromMs, toMs, signal!);\n    } catch (error) {\n      if (error instanceof DOMException && error.name === \"AbortError\") {\n        throw error;\n      }\n      return null;\n    }\n\n    if (!audioSpan?.blob || audioSpan.blob.size < 100) {\n      return null;\n    }\n\n    // Decode the real audio data\n    const tempAudioContext = new OfflineAudioContext(2, 48000, 48000);\n    const arrayBuffer = await audioSpan.blob.arrayBuffer();\n    signal?.throwIfAborted();\n\n    let audioBuffer;\n    try {\n      audioBuffer = await tempAudioContext.decodeAudioData(arrayBuffer);\n      signal?.throwIfAborted();\n    } catch {\n      return null;\n    }\n\n    const startOffsetMs = audioSpan.startMs;\n\n    const framesData = await Promise.all(\n      Array.from({ length: this.fftDecay }, async (_, i) => {\n        const frameOffset = i * (1000 / 30);\n        const startTime = Math.max(0, (currentTimeMs - frameOffset - startOffsetMs) / 1000);\n\n        const SIZE = 48000 / 30;\n        const audioContext = new OfflineAudioContext(2, SIZE, 48000);\n        const analyser = audioContext.createAnalyser();\n        analyser.fftSize = this.fftSize;\n        analyser.minDecibels = -90;\n        analyser.maxDecibels = -10;\n\n        const gainNode = audioContext.createGain();\n        gainNode.gain.value = this.fftGain;\n\n        const filter = audioContext.createBiquadFilter();\n        filter.type = \"bandpass\";\n        filter.frequency.value = 15000;\n        filter.Q.value = 0.05;\n\n        const audioBufferSource = audioContext.createBufferSource();\n        audioBufferSource.buffer = audioBuffer;\n\n        audioBufferSource.connect(filter);\n        filter.connect(gainNode);\n        gainNode.connect(analyser);\n        analyser.connect(audioContext.destination);\n\n        audioBufferSource.start(0, startTime, 1 / 30);\n\n        try {\n          await audioContext.startRendering();\n          signal?.throwIfAborted();\n\n          const frameData = new Uint8Array(this.fftSize / 2);\n          analyser.getByteFrequencyData(frameData);\n          return frameData;\n        } finally {\n          audioBufferSource.disconnect();\n          analyser.disconnect();\n        }\n      }),\n    );\n\n    const frameLength = framesData[0]?.length ?? 0;\n\n    // Combine frames with decay\n    const smoothedData = new Uint8Array(frameLength);\n    for (let i = 0; i < frameLength; i++) {\n      let weightedSum = 0;\n      let weightSum = 0;\n\n      framesData.forEach((frame: Uint8Array, frameIndex: number) => {\n        const decayWeight = DECAY_WEIGHT ** frameIndex;\n        weightedSum += (frame[i] ?? 0) * decayWeight;\n        weightSum += decayWeight;\n      });\n\n      smoothedData[i] = Math.min(255, Math.round(weightedSum / weightSum));\n    }\n\n    // Apply frequency weights\n    smoothedData.forEach((value, i) => {\n      const freqWeight = this.getFreqWeights()[i] ?? 0;\n      smoothedData[i] = Math.min(255, Math.round(value * freqWeight));\n    });\n\n    // Only return the lower half of the frequency data\n    const slicedData = smoothedData.slice(0, Math.floor(smoothedData.length / 2));\n    return this.getShouldInterpolateFrequencies() ? processFFTData(slicedData) : slicedData;\n  }\n\n  async #analyzeTimeDomain(\n    currentTimeMs: number,\n    signal?: AbortSignal,\n  ): Promise<Uint8Array | null> {\n    const mediaEngine = await this.getMediaEngine(signal);\n    signal?.throwIfAborted();\n\n    if (!mediaEngine?.tracks.audio) {\n      return null;\n    }\n\n    const frameIntervalMs = 1000 / 30;\n    const earliestFrameMs = currentTimeMs - (this.fftDecay - 1) * frameIntervalMs;\n    const fromMs = Math.max(0, earliestFrameMs);\n    const maxToMs = currentTimeMs + frameIntervalMs;\n    const videoDurationMs = this.intrinsicDurationMs || 0;\n    const toMs = videoDurationMs > 0 ? Math.min(maxToMs, videoDurationMs) : maxToMs;\n\n    if (fromMs >= toMs) {\n      return null;\n    }\n\n    const { fetchAudioSpanningTime: fetchAudioSpan } =\n      await import(\"./EFMedia/shared/AudioSpanUtils.js\");\n\n    let audioSpan;\n    try {\n      audioSpan = await fetchAudioSpan(this, fromMs, toMs, signal!);\n    } catch (error) {\n      if (error instanceof DOMException && error.name === \"AbortError\") {\n        throw error;\n      }\n      return null;\n    }\n\n    if (!audioSpan?.blob || audioSpan.blob.size < 100) {\n      return null;\n    }\n\n    const tempAudioContext = new OfflineAudioContext(2, 48000, 48000);\n    const arrayBuffer = await audioSpan.blob.arrayBuffer();\n    signal?.throwIfAborted();\n\n    let audioBuffer;\n    try {\n      audioBuffer = await tempAudioContext.decodeAudioData(arrayBuffer);\n      signal?.throwIfAborted();\n    } catch {\n      return null;\n    }\n\n    const startOffsetMs = audioSpan.startMs;\n\n    const framesData = await Promise.all(\n      Array.from({ length: this.fftDecay }, async (_, i) => {\n        const frameOffset = i * (1000 / 30);\n        const startTime = Math.max(0, (currentTimeMs - frameOffset - startOffsetMs) / 1000);\n\n        const SIZE = 48000 / 30;\n        const audioContext = new OfflineAudioContext(2, SIZE, 48000);\n        const analyser = audioContext.createAnalyser();\n        analyser.fftSize = this.fftSize;\n        analyser.minDecibels = -90;\n        analyser.maxDecibels = -10;\n\n        const gainNode = audioContext.createGain();\n        gainNode.gain.value = this.fftGain;\n\n        const filter = audioContext.createBiquadFilter();\n        filter.type = \"bandpass\";\n        filter.frequency.value = 15000;\n        filter.Q.value = 0.05;\n\n        const audioBufferSource = audioContext.createBufferSource();\n        audioBufferSource.buffer = audioBuffer;\n\n        audioBufferSource.connect(filter);\n        filter.connect(gainNode);\n        gainNode.connect(analyser);\n        analyser.connect(audioContext.destination);\n\n        audioBufferSource.start(0, startTime, 1 / 30);\n\n        try {\n          await audioContext.startRendering();\n          signal?.throwIfAborted();\n\n          const frameData = new Uint8Array(this.fftSize);\n          analyser.getByteTimeDomainData(frameData);\n          return frameData;\n        } finally {\n          audioBufferSource.disconnect();\n          analyser.disconnect();\n        }\n      }),\n    );\n\n    const frameLength = framesData[0]?.length ?? 0;\n\n    // Use RMS calculation to preserve waveform shape\n    const smoothedData = new Uint8Array(frameLength);\n    for (let i = 0; i < frameLength; i++) {\n      let sumSquares = 0;\n      framesData.forEach((frame: Uint8Array) => {\n        const value = (frame[i] ?? 128) - 128;\n        sumSquares += value * value;\n      });\n      const rms = Math.sqrt(sumSquares / framesData.length);\n      smoothedData[i] = Math.min(255, Math.max(0, Math.round(rms + 128)));\n    }\n\n    return smoothedData;\n  }\n\n  // ============================================================================\n  // Removed task properties - these are kept as stubs for backwards compatibility\n  // ============================================================================\n\n  // These tasks are no longer used but kept for API compatibility\n  audioSegmentIdTask = new AsyncValue<number | undefined>();\n  audioInitSegmentFetchTask = new AsyncValue<ArrayBuffer | undefined>();\n  audioSegmentFetchTask = new AsyncValue<ArrayBuffer | undefined>();\n  audioInputTask = new AsyncValue<any>();\n  audioSeekTask = new AsyncValue<any>();\n  audioBufferTask = new AsyncValue<any>();\n\n  /**\n   * The unique identifier for the media file.\n   * This property can be set programmatically or via the \"file-id\" attribute.\n   * The \"asset-id\" attribute is also supported for backward compatibility.\n   * @domAttribute \"file-id\"\n   */\n  @property({ type: String, attribute: \"file-id\", reflect: true })\n  fileId: string | null = null;\n\n  /** @deprecated Use fileId instead */\n  get assetId(): string | null {\n    return this.fileId;\n  }\n  set assetId(value: string | null) {\n    this.fileId = value;\n  }\n\n  get intrinsicDurationMs(): number | undefined {\n    return this.#mediaEngine?.durationMs;\n  }\n\n  protected updated(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    super.updated(changedProperties);\n\n    // Trigger media engine load when src or fileId changes\n    if (changedProperties.has(\"src\") || changedProperties.has(\"fileId\")) {\n      this.getMediaEngine().catch(() => {});\n      // Source identity changed — cached renderable output is stale\n      if (\n        changedProperties.get(\"src\") !== undefined ||\n        changedProperties.get(\"fileId\") !== undefined\n      ) {\n        this.emitContentChange(\"source\");\n      }\n    }\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 = [\"_trimStartMs\", \"_trimEndMs\", \"_sourceInMs\", \"_sourceOutMs\"];\n\n    const hasDurationChange = durationAffectingProps.some((prop) => changedProperties.has(prop));\n\n    if (hasDurationChange) {\n      this.emitContentChange(\"bounds\");\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(): boolean {\n    return true;\n  }\n\n  @state()\n  private _desiredSeekTimeMs = 0; // Initialize to 0 for proper segment loading\n\n  get desiredSeekTimeMs(): number {\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,\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        // Create a default signal if not provided (public API convenience)\n        const effectiveSignal = signal ?? new AbortController().signal;\n        const { fetchAudioSpanningTime } = await import(\"./EFMedia/shared/AudioSpanUtils.js\");\n        return fetchAudioSpanningTime(this, fromMs, toMs, effectiveSignal);\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(signal?: AbortSignal): Promise<void> {\n    if (this.#mediaEngine) {\n      return;\n    }\n\n    try {\n      await this.getMediaEngine(signal);\n    } catch (error) {\n      // Don't throw AbortError - these are intentional cancellations when element is disconnected\n      const isAbortError =\n        (error instanceof DOMException && error.name === \"AbortError\") ||\n        (error instanceof Error &&\n          (error.name === \"AbortError\" ||\n            error.message.includes(\"signal is aborted\") ||\n            error.message.includes(\"The user aborted a request\")));\n\n      // If explicitly aborted via signal, throw to propagate cancellation\n      if (signal?.aborted) {\n        throw error;\n      }\n\n      // For task abort (element disconnected), silently return\n      if (isAbortError) {\n        return;\n      }\n\n      // Re-throw other errors\n      throw error;\n    }\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/EFPanZoom.js

@@ -22,15 +22,16 @@ let EFPanZoom = class EFPanZoom$1 extends LitElement {
 		this._dragStartTransform = null;
 		this._capturedPointerId = null;
 		this._onDocumentWheelCapture = (e) => {
-			let panZoom = null;
+			let isOverThisPanZoom = false;
 			if (e.target instanceof Element) {
-				panZoom = e.target.closest("ef-pan-zoom");
-				if (!panZoom && e.target.closest("ef-canvas-selection-overlay")) {
+				const targetPanZoom = e.target.closest("ef-pan-zoom");
+				if (targetPanZoom === this) isOverThisPanZoom = true;
+				else if (!targetPanZoom && e.target.closest("ef-canvas-selection-overlay")) {
 					const rect = this.getBoundingClientRect();
-					if (e.clientX >= rect.left && e.clientX <= rect.right && e.clientY >= rect.top && e.clientY <= rect.bottom) panZoom = this;
+					if (e.clientX >= rect.left && e.clientX <= rect.right && e.clientY >= rect.top && e.clientY <= rect.bottom) isOverThisPanZoom = true;
 				}
 			}
-			if (panZoom === this) e.preventDefault();
+			if (isOverThisPanZoom) e.preventDefault();
 		};
 		this._onPointerDown = (e) => {
 			if (e.button !== 0) return;
@@ -47,7 +48,7 @@ let EFPanZoom = class EFPanZoom$1 extends LitElement {
 			};
 			try {
 				this.setPointerCapture(e.pointerId);
-			} catch (err) {}
+			} catch (_err) {}
 		};
 		this._onPointerMove = (e) => {
 			if (!this._isDragging || !this._dragStartPointerPos || !this._dragStartTransform) return;
@@ -62,7 +63,7 @@ let EFPanZoom = class EFPanZoom$1 extends LitElement {
 			if (!this._isDragging) return;
 			if (this._capturedPointerId !== null) try {
 				this.releasePointerCapture(e.pointerId);
-			} catch (err) {}
+			} catch (_err) {}
 			this._isDragging = false;
 			this._capturedPointerId = null;
 			this._dragStartPointerPos = null;
@@ -138,7 +139,7 @@ let EFPanZoom = class EFPanZoom$1 extends LitElement {
 		this.removeEventListener("pointercancel", this._onPointerUp);
 		if (this._isDragging && this._capturedPointerId !== null) try {
 			this.releasePointerCapture(this._capturedPointerId);
-		} catch (err) {}
+		} catch (_err) {}
 	}
 	_updateTransform(updates) {
 		const newTransform = {

package/dist/elements/EFPanZoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"EFPanZoom.js","names":["EFPanZoom","panZoom: Element | null"],"sources":["../../src/elements/EFPanZoom.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { provide } from \"@lit/context\";\nimport { panZoomTransformContext } from \"../gui/panZoomTransformContext.js\";\n\nexport interface PanZoomTransform {\n  x: number;\n  y: number;\n  scale: number;\n}\n\n@customElement(\"ef-pan-zoom\")\nexport class EFPanZoom extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        overflow: hidden;\n        position: relative;\n        touch-action: none;\n      }\n      .content-wrapper {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        transform-origin: 0 0;\n      }\n    `,\n  ];\n\n  @property({ type: Number, reflect: true })\n  x = 0;\n\n  @property({ type: Number, reflect: true })\n  y = 0;\n\n  @property({ type: Number, reflect: true })\n  scale = 1;\n\n  /**\n   * When true, automatically fits content to view on first render.\n   * Centers content and scales it to fit within the container with padding.\n   */\n  @property({ type: Boolean, attribute: \"auto-fit\" })\n  autoFit = false;\n\n  @provide({ context: panZoomTransformContext })\n  panZoomTransform: PanZoomTransform = { x: 0, y: 0, scale: 1 };\n\n  private _isDragging = false;\n  private _dragStartPointerPos: { x: number; y: number } | null = null;\n  private _dragStartTransform: PanZoomTransform | null = null;\n  private _capturedPointerId: number | null = null;\n\n  /**\n   * Document-level wheel handler in capture phase to prevent browser navigation.\n   * This prevents back/forward navigation on two-finger swipe gestures.\n   * We use capture phase to catch events before they bubble, but only prevent default\n   * (not stop propagation) so the normal wheel handler can still process them.\n   */\n  private _onDocumentWheelCapture = (e: WheelEvent) => {\n    // Check if event is over this panzoom element or its children\n    let panZoom: Element | null = null;\n    if (e.target instanceof Element) {\n      panZoom = e.target.closest(\"ef-pan-zoom\");\n      // Also check if target is an overlay sibling (selection overlay, etc.)\n      // Overlays have pointer-events: none but can still be the event target\n      if (!panZoom && e.target.closest(\"ef-canvas-selection-overlay\")) {\n        // Event is over selection overlay - check if it's over this panzoom's area\n        const rect = this.getBoundingClientRect();\n        if (\n          e.clientX >= rect.left &&\n          e.clientX <= rect.right &&\n          e.clientY >= rect.top &&\n          e.clientY <= rect.bottom\n        ) {\n          panZoom = this;\n        }\n      }\n    }\n    if (panZoom === this) {\n      // Prevent browser navigation gestures (back/forward on swipe)\n      // Don't stop propagation - let the normal wheel handler process the event\n      e.preventDefault();\n    }\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    // Add document-level capture listener to prevent browser navigation\n    document.addEventListener(\"wheel\", this._onDocumentWheelCapture, {\n      passive: false,\n      capture: true,\n    });\n    // Add element-level event listeners\n    this.addEventListener(\"wheel\", this._onWheel, { passive: false });\n    this.addEventListener(\"pointerdown\", this._onPointerDown);\n    this.addEventListener(\"pointermove\", this._onPointerMove);\n    this.addEventListener(\"pointerup\", this._onPointerUp);\n    this.addEventListener(\"pointercancel\", this._onPointerUp);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    // Remove document-level capture listener\n    document.removeEventListener(\"wheel\", this._onDocumentWheelCapture, {\n      capture: true,\n    });\n    // Remove element-level event listeners\n    this.removeEventListener(\"wheel\", this._onWheel);\n    this.removeEventListener(\"pointerdown\", this._onPointerDown);\n    this.removeEventListener(\"pointermove\", this._onPointerMove);\n    this.removeEventListener(\"pointerup\", this._onPointerUp);\n    this.removeEventListener(\"pointercancel\", this._onPointerUp);\n    // Clean up pointer capture if dragging\n    if (this._isDragging && this._capturedPointerId !== null) {\n      try {\n        this.releasePointerCapture(this._capturedPointerId);\n      } catch (err) {\n        // Ignore pointer capture errors (e.g., in test environments)\n      }\n    }\n  }\n\n  private _updateTransform(updates: Partial<PanZoomTransform>) {\n    const newTransform = {\n      x: updates.x !== undefined ? updates.x : this.x,\n      y: updates.y !== undefined ? updates.y : this.y,\n      scale:\n        updates.scale !== undefined\n          ? Math.max(0.1, Math.min(5, updates.scale))\n          : this.scale,\n    };\n\n    const changed =\n      newTransform.x !== this.x ||\n      newTransform.y !== this.y ||\n      newTransform.scale !== this.scale;\n\n    if (changed) {\n      this.x = newTransform.x;\n      this.y = newTransform.y;\n      this.scale = newTransform.scale;\n\n      // Update context for overlay components\n      this.panZoomTransform = { ...newTransform };\n\n      this.dispatchEvent(\n        new CustomEvent<PanZoomTransform>(\"transform-changed\", {\n          detail: { ...newTransform },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    }\n  }\n\n  private _onPointerDown = (e: PointerEvent) => {\n    if (e.button !== 0) return;\n\n    this._isDragging = true;\n    this._capturedPointerId = e.pointerId;\n    this._dragStartPointerPos = { x: e.clientX, y: e.clientY };\n    this._dragStartTransform = {\n      x: this.x,\n      y: this.y,\n      scale: this.scale,\n    };\n\n    try {\n      this.setPointerCapture(e.pointerId);\n    } catch (err) {\n      // Ignore pointer capture errors (e.g., in test environments)\n    }\n  };\n\n  private _onPointerMove = (e: PointerEvent) => {\n    if (\n      !this._isDragging ||\n      !this._dragStartPointerPos ||\n      !this._dragStartTransform\n    )\n      return;\n\n    const deltaX = e.clientX - this._dragStartPointerPos.x;\n    const deltaY = e.clientY - this._dragStartPointerPos.y;\n\n    this._updateTransform({\n      x: this._dragStartTransform.x - deltaX,\n      y: this._dragStartTransform.y - deltaY,\n    });\n  };\n\n  private _onPointerUp = (e: PointerEvent) => {\n    if (!this._isDragging) return;\n    if (this._capturedPointerId !== null) {\n      try {\n        this.releasePointerCapture(e.pointerId);\n      } catch (err) {\n        // Ignore pointer capture errors (e.g., in test environments)\n      }\n    }\n\n    this._isDragging = false;\n    this._capturedPointerId = null;\n    this._dragStartPointerPos = null;\n    this._dragStartTransform = null;\n  };\n\n  private _onWheel = (e: WheelEvent) => {\n    // Always prevent default to prevent browser navigation (back/forward on swipe)\n    // This is critical for full-page app interfaces\n    e.preventDefault();\n    e.stopPropagation();\n\n    const isZoom = e.metaKey || e.ctrlKey;\n\n    if (isZoom) {\n      const containerRect = this.getBoundingClientRect();\n      const pointerX = e.clientX - containerRect.left;\n      const pointerY = e.clientY - containerRect.top;\n\n      const currentX = this.x;\n      const currentY = this.y;\n      const currentScale = this.scale;\n\n      const canvasX = (pointerX - currentX) / currentScale;\n      const canvasY = (pointerY - currentY) / currentScale;\n\n      const delta = e.deltaY > 0 ? 0.95 : 1.05;\n      const newScale = Math.max(0.1, Math.min(5, currentScale * delta));\n\n      const newX = pointerX - canvasX * newScale;\n      const newY = pointerY - canvasY * newScale;\n\n      this._updateTransform({\n        x: newX,\n        y: newY,\n        scale: newScale,\n      });\n    } else {\n      const deltaX = -e.deltaX;\n      const deltaY = -e.deltaY;\n\n      this._updateTransform({\n        x: this.x + deltaX,\n        y: this.y + deltaY,\n      });\n    }\n  };\n\n  firstUpdated(changedProperties: Map<PropertyKey, unknown>) {\n    super.firstUpdated(changedProperties);\n    // Initialize context with current transform\n    this.panZoomTransform = { x: this.x, y: this.y, scale: this.scale };\n\n    // Auto-fit content if enabled (use RAF to ensure content is rendered)\n    if (this.autoFit) {\n      requestAnimationFrame(() => {\n        this.fitToContent();\n      });\n    }\n  }\n\n  /**\n   * Convert screen coordinates (e.g., mouse event clientX/clientY) to canvas coordinates.\n   * This handles all pan/zoom transformations automatically.\n   *\n   * @param screenX - X coordinate in screen space (e.g., event.clientX)\n   * @param screenY - Y coordinate in screen space (e.g., event.clientY)\n   * @returns Object with x, y in canvas coordinate space\n   *\n   * @example\n   * handleClick(e: MouseEvent) {\n   *   const canvasPos = panZoom.screenToCanvas(e.clientX, e.clientY);\n   *   console.log(`Clicked at canvas position: ${canvasPos.x}, ${canvasPos.y}`);\n   * }\n   */\n  screenToCanvas(screenX: number, screenY: number): { x: number; y: number } {\n    const rect = this.getBoundingClientRect();\n    return {\n      x: (screenX - rect.left - this.x) / this.scale,\n      y: (screenY - rect.top - this.y) / this.scale,\n    };\n  }\n\n  /**\n   * Convert canvas coordinates to screen coordinates.\n   * Useful for positioning overlays or tooltips relative to canvas elements.\n   *\n   * @param canvasX - X coordinate in canvas space\n   * @param canvasY - Y coordinate in canvas space\n   * @returns Object with x, y in screen coordinate space\n   *\n   * @example\n   * const screenPos = panZoom.canvasToScreen(element.x, element.y);\n   * tooltip.style.left = `${screenPos.x}px`;\n   * tooltip.style.top = `${screenPos.y}px`;\n   */\n  canvasToScreen(canvasX: number, canvasY: number): { x: number; y: number } {\n    const rect = this.getBoundingClientRect();\n    return {\n      x: rect.left + canvasX * this.scale + this.x,\n      y: rect.top + canvasY * this.scale + this.y,\n    };\n  }\n\n  /**\n   * Reset the pan-zoom transform to its default values (x: 0, y: 0, scale: 1).\n   * This method can be called programmatically to reset the view.\n   *\n   * @example\n   * const panZoomRef = useRef(null);\n   * <button onClick={() => panZoomRef.current.reset()}>Reset View</button>\n   */\n  reset(): void {\n    this._updateTransform({ x: 0, y: 0, scale: 1 });\n  }\n\n  /**\n   * Fit content to the container, centering it and scaling to fit.\n   * Uses a padding factor to leave some margin around the content.\n   *\n   * @param padding - Padding factor (0-1), e.g., 0.1 = 10% padding on each side. Default: 0.05\n   */\n  fitToContent(padding = 0.05): void {\n    const containerRect = this.getBoundingClientRect();\n    if (containerRect.width === 0 || containerRect.height === 0) return;\n\n    // Find the first child element to measure\n    const contentWrapper = this.shadowRoot?.querySelector(\".content-wrapper\");\n    const slottedContent = contentWrapper\n      ?.querySelector(\"slot\")\n      ?.assignedElements()[0] as HTMLElement | undefined;\n\n    if (!slottedContent) return;\n\n    // Get content dimensions\n    const contentRect = slottedContent.getBoundingClientRect();\n    const contentWidth = contentRect.width / this.scale;\n    const contentHeight = contentRect.height / this.scale;\n\n    if (contentWidth === 0 || contentHeight === 0) return;\n\n    // Calculate available space with padding\n    const availableWidth = containerRect.width * (1 - 2 * padding);\n    const availableHeight = containerRect.height * (1 - 2 * padding);\n\n    // Calculate scale to fit\n    const scaleX = availableWidth / contentWidth;\n    const scaleY = availableHeight / contentHeight;\n    const newScale = Math.min(scaleX, scaleY);\n\n    // Calculate position to center\n    const scaledWidth = contentWidth * newScale;\n    const scaledHeight = contentHeight * newScale;\n    const newX = (containerRect.width - scaledWidth) / 2;\n    const newY = (containerRect.height - scaledHeight) / 2;\n\n    this._updateTransform({\n      x: newX,\n      y: newY,\n      scale: newScale,\n    });\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"content-wrapper\"\n        style=\"transform: translate(${this.x}px, ${this.y}px) scale(${this.scale});\"\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"EFPanZoom.js","names":["EFPanZoom"],"sources":["../../src/elements/EFPanZoom.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { provide } from \"@lit/context\";\nimport { panZoomTransformContext } from \"../gui/panZoomTransformContext.js\";\n\nexport interface PanZoomTransform {\n  x: number;\n  y: number;\n  scale: number;\n}\n\n@customElement(\"ef-pan-zoom\")\nexport class EFPanZoom extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        overflow: hidden;\n        position: relative;\n        touch-action: none;\n      }\n      .content-wrapper {\n        position: absolute;\n        inset: 0;\n        width: 100%;\n        height: 100%;\n        transform-origin: 0 0;\n      }\n    `,\n  ];\n\n  @property({ type: Number, reflect: true })\n  x = 0;\n\n  @property({ type: Number, reflect: true })\n  y = 0;\n\n  @property({ type: Number, reflect: true })\n  scale = 1;\n\n  /**\n   * When true, automatically fits content to view on first render.\n   * Centers content and scales it to fit within the container with padding.\n   */\n  @property({ type: Boolean, attribute: \"auto-fit\" })\n  autoFit = false;\n\n  @provide({ context: panZoomTransformContext })\n  panZoomTransform: PanZoomTransform = { x: 0, y: 0, scale: 1 };\n\n  private _isDragging = false;\n  private _dragStartPointerPos: { x: number; y: number } | null = null;\n  private _dragStartTransform: PanZoomTransform | null = null;\n  private _capturedPointerId: number | null = null;\n\n  /**\n   * Document-level wheel handler in capture phase to prevent browser navigation.\n   * This prevents back/forward navigation on two-finger swipe gestures.\n   * We use capture phase to catch events before they bubble, but only prevent default\n   * (not stop propagation) so the normal wheel handler can still process them.\n   */\n  private _onDocumentWheelCapture = (e: WheelEvent) => {\n    // Check if event is over this panzoom element or its children\n    let isOverThisPanZoom = false;\n    if (e.target instanceof Element) {\n      const targetPanZoom = e.target.closest(\"ef-pan-zoom\");\n      if (targetPanZoom === this) {\n        isOverThisPanZoom = true;\n      } else if (!targetPanZoom && e.target.closest(\"ef-canvas-selection-overlay\")) {\n        // Also check if target is an overlay sibling (selection overlay, etc.)\n        // Overlays have pointer-events: none but can still be the event target\n        // Event is over selection overlay - check if it's over this panzoom's area\n        const rect = this.getBoundingClientRect();\n        if (\n          e.clientX >= rect.left &&\n          e.clientX <= rect.right &&\n          e.clientY >= rect.top &&\n          e.clientY <= rect.bottom\n        ) {\n          isOverThisPanZoom = true;\n        }\n      }\n    }\n    if (isOverThisPanZoom) {\n      // Prevent browser navigation gestures (back/forward on swipe)\n      // Don't stop propagation - let the normal wheel handler process the event\n      e.preventDefault();\n    }\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    // Add document-level capture listener to prevent browser navigation\n    document.addEventListener(\"wheel\", this._onDocumentWheelCapture, {\n      passive: false,\n      capture: true,\n    });\n    // Add element-level event listeners\n    this.addEventListener(\"wheel\", this._onWheel, { passive: false });\n    this.addEventListener(\"pointerdown\", this._onPointerDown);\n    this.addEventListener(\"pointermove\", this._onPointerMove);\n    this.addEventListener(\"pointerup\", this._onPointerUp);\n    this.addEventListener(\"pointercancel\", this._onPointerUp);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    // Remove document-level capture listener\n    document.removeEventListener(\"wheel\", this._onDocumentWheelCapture, {\n      capture: true,\n    });\n    // Remove element-level event listeners\n    this.removeEventListener(\"wheel\", this._onWheel);\n    this.removeEventListener(\"pointerdown\", this._onPointerDown);\n    this.removeEventListener(\"pointermove\", this._onPointerMove);\n    this.removeEventListener(\"pointerup\", this._onPointerUp);\n    this.removeEventListener(\"pointercancel\", this._onPointerUp);\n    // Clean up pointer capture if dragging\n    if (this._isDragging && this._capturedPointerId !== null) {\n      try {\n        this.releasePointerCapture(this._capturedPointerId);\n      } catch (_err) {\n        // Ignore pointer capture errors (e.g., in test environments)\n      }\n    }\n  }\n\n  private _updateTransform(updates: Partial<PanZoomTransform>) {\n    const newTransform = {\n      x: updates.x !== undefined ? updates.x : this.x,\n      y: updates.y !== undefined ? updates.y : this.y,\n      scale: updates.scale !== undefined ? Math.max(0.1, Math.min(5, updates.scale)) : this.scale,\n    };\n\n    const changed =\n      newTransform.x !== this.x || newTransform.y !== this.y || newTransform.scale !== this.scale;\n\n    if (changed) {\n      this.x = newTransform.x;\n      this.y = newTransform.y;\n      this.scale = newTransform.scale;\n\n      // Update context for overlay components\n      this.panZoomTransform = { ...newTransform };\n\n      this.dispatchEvent(\n        new CustomEvent<PanZoomTransform>(\"transform-changed\", {\n          detail: { ...newTransform },\n          bubbles: true,\n          composed: true,\n        }),\n      );\n    }\n  }\n\n  private _onPointerDown = (e: PointerEvent) => {\n    if (e.button !== 0) return;\n\n    this._isDragging = true;\n    this._capturedPointerId = e.pointerId;\n    this._dragStartPointerPos = { x: e.clientX, y: e.clientY };\n    this._dragStartTransform = {\n      x: this.x,\n      y: this.y,\n      scale: this.scale,\n    };\n\n    try {\n      this.setPointerCapture(e.pointerId);\n    } catch (_err) {\n      // Ignore pointer capture errors (e.g., in test environments)\n    }\n  };\n\n  private _onPointerMove = (e: PointerEvent) => {\n    if (!this._isDragging || !this._dragStartPointerPos || !this._dragStartTransform) return;\n\n    const deltaX = e.clientX - this._dragStartPointerPos.x;\n    const deltaY = e.clientY - this._dragStartPointerPos.y;\n\n    this._updateTransform({\n      x: this._dragStartTransform.x - deltaX,\n      y: this._dragStartTransform.y - deltaY,\n    });\n  };\n\n  private _onPointerUp = (e: PointerEvent) => {\n    if (!this._isDragging) return;\n    if (this._capturedPointerId !== null) {\n      try {\n        this.releasePointerCapture(e.pointerId);\n      } catch (_err) {\n        // Ignore pointer capture errors (e.g., in test environments)\n      }\n    }\n\n    this._isDragging = false;\n    this._capturedPointerId = null;\n    this._dragStartPointerPos = null;\n    this._dragStartTransform = null;\n  };\n\n  private _onWheel = (e: WheelEvent) => {\n    // Always prevent default to prevent browser navigation (back/forward on swipe)\n    // This is critical for full-page app interfaces\n    e.preventDefault();\n    e.stopPropagation();\n\n    const isZoom = e.metaKey || e.ctrlKey;\n\n    if (isZoom) {\n      const containerRect = this.getBoundingClientRect();\n      const pointerX = e.clientX - containerRect.left;\n      const pointerY = e.clientY - containerRect.top;\n\n      const currentX = this.x;\n      const currentY = this.y;\n      const currentScale = this.scale;\n\n      const canvasX = (pointerX - currentX) / currentScale;\n      const canvasY = (pointerY - currentY) / currentScale;\n\n      const delta = e.deltaY > 0 ? 0.95 : 1.05;\n      const newScale = Math.max(0.1, Math.min(5, currentScale * delta));\n\n      const newX = pointerX - canvasX * newScale;\n      const newY = pointerY - canvasY * newScale;\n\n      this._updateTransform({\n        x: newX,\n        y: newY,\n        scale: newScale,\n      });\n    } else {\n      const deltaX = -e.deltaX;\n      const deltaY = -e.deltaY;\n\n      this._updateTransform({\n        x: this.x + deltaX,\n        y: this.y + deltaY,\n      });\n    }\n  };\n\n  firstUpdated(changedProperties: Map<PropertyKey, unknown>) {\n    super.firstUpdated(changedProperties);\n    // Initialize context with current transform\n    this.panZoomTransform = { x: this.x, y: this.y, scale: this.scale };\n\n    // Auto-fit content if enabled (use RAF to ensure content is rendered)\n    if (this.autoFit) {\n      requestAnimationFrame(() => {\n        this.fitToContent();\n      });\n    }\n  }\n\n  /**\n   * Convert screen coordinates (e.g., mouse event clientX/clientY) to canvas coordinates.\n   * This handles all pan/zoom transformations automatically.\n   *\n   * @param screenX - X coordinate in screen space (e.g., event.clientX)\n   * @param screenY - Y coordinate in screen space (e.g., event.clientY)\n   * @returns Object with x, y in canvas coordinate space\n   *\n   * @example\n   * handleClick(e: MouseEvent) {\n   *   const canvasPos = panZoom.screenToCanvas(e.clientX, e.clientY);\n   *   console.log(`Clicked at canvas position: ${canvasPos.x}, ${canvasPos.y}`);\n   * }\n   */\n  screenToCanvas(screenX: number, screenY: number): { x: number; y: number } {\n    const rect = this.getBoundingClientRect();\n    return {\n      x: (screenX - rect.left - this.x) / this.scale,\n      y: (screenY - rect.top - this.y) / this.scale,\n    };\n  }\n\n  /**\n   * Convert canvas coordinates to screen coordinates.\n   * Useful for positioning overlays or tooltips relative to canvas elements.\n   *\n   * @param canvasX - X coordinate in canvas space\n   * @param canvasY - Y coordinate in canvas space\n   * @returns Object with x, y in screen coordinate space\n   *\n   * @example\n   * const screenPos = panZoom.canvasToScreen(element.x, element.y);\n   * tooltip.style.left = `${screenPos.x}px`;\n   * tooltip.style.top = `${screenPos.y}px`;\n   */\n  canvasToScreen(canvasX: number, canvasY: number): { x: number; y: number } {\n    const rect = this.getBoundingClientRect();\n    return {\n      x: rect.left + canvasX * this.scale + this.x,\n      y: rect.top + canvasY * this.scale + this.y,\n    };\n  }\n\n  /**\n   * Reset the pan-zoom transform to its default values (x: 0, y: 0, scale: 1).\n   * This method can be called programmatically to reset the view.\n   *\n   * @example\n   * const panZoomRef = useRef(null);\n   * <button onClick={() => panZoomRef.current.reset()}>Reset View</button>\n   */\n  reset(): void {\n    this._updateTransform({ x: 0, y: 0, scale: 1 });\n  }\n\n  /**\n   * Fit content to the container, centering it and scaling to fit.\n   * Uses a padding factor to leave some margin around the content.\n   *\n   * @param padding - Padding factor (0-1), e.g., 0.1 = 10% padding on each side. Default: 0.05\n   */\n  fitToContent(padding = 0.05): void {\n    const containerRect = this.getBoundingClientRect();\n    if (containerRect.width === 0 || containerRect.height === 0) return;\n\n    // Find the first child element to measure\n    const contentWrapper = this.shadowRoot?.querySelector(\".content-wrapper\");\n    const slottedContent = contentWrapper?.querySelector(\"slot\")?.assignedElements()[0] as\n      | HTMLElement\n      | undefined;\n\n    if (!slottedContent) return;\n\n    // Get content dimensions\n    const contentRect = slottedContent.getBoundingClientRect();\n    const contentWidth = contentRect.width / this.scale;\n    const contentHeight = contentRect.height / this.scale;\n\n    if (contentWidth === 0 || contentHeight === 0) return;\n\n    // Calculate available space with padding\n    const availableWidth = containerRect.width * (1 - 2 * padding);\n    const availableHeight = containerRect.height * (1 - 2 * padding);\n\n    // Calculate scale to fit\n    const scaleX = availableWidth / contentWidth;\n    const scaleY = availableHeight / contentHeight;\n    const newScale = Math.min(scaleX, scaleY);\n\n    // Calculate position to center\n    const scaledWidth = contentWidth * newScale;\n    const scaledHeight = contentHeight * newScale;\n    const newX = (containerRect.width - scaledWidth) / 2;\n    const newY = (containerRect.height - scaledHeight) / 2;\n\n    this._updateTransform({\n      x: newX,\n      y: newY,\n      scale: newScale,\n    });\n  }\n\n  render() {\n    return html`\n      <div\n        class=\"content-wrapper\"\n        style=\"transform: translate(${this.x}px, ${this.y}px) scale(${this.scale});\"\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;AAYO,sBAAMA,oBAAkB,WAAW;;;WAoBpC;WAGA;eAGI;iBAOE;0BAG2B;GAAE,GAAG;GAAG,GAAG;GAAG,OAAO;GAAG;qBAEvC;8BAC0C;6BACT;4BACX;kCAQT,MAAkB;GAEnD,IAAI,oBAAoB;AACxB,OAAI,EAAE,kBAAkB,SAAS;IAC/B,MAAM,gBAAgB,EAAE,OAAO,QAAQ,cAAc;AACrD,QAAI,kBAAkB,KACpB,qBAAoB;aACX,CAAC,iBAAiB,EAAE,OAAO,QAAQ,8BAA8B,EAAE;KAI5E,MAAM,OAAO,KAAK,uBAAuB;AACzC,SACE,EAAE,WAAW,KAAK,QAClB,EAAE,WAAW,KAAK,SAClB,EAAE,WAAW,KAAK,OAClB,EAAE,WAAW,KAAK,OAElB,qBAAoB;;;AAI1B,OAAI,kBAGF,GAAE,gBAAgB;;yBAqEI,MAAoB;AAC5C,OAAI,EAAE,WAAW,EAAG;AAEpB,QAAK,cAAc;AACnB,QAAK,qBAAqB,EAAE;AAC5B,QAAK,uBAAuB;IAAE,GAAG,EAAE;IAAS,GAAG,EAAE;IAAS;AAC1D,QAAK,sBAAsB;IACzB,GAAG,KAAK;IACR,GAAG,KAAK;IACR,OAAO,KAAK;IACb;AAED,OAAI;AACF,SAAK,kBAAkB,EAAE,UAAU;YAC5B,MAAM;;yBAKS,MAAoB;AAC5C,OAAI,CAAC,KAAK,eAAe,CAAC,KAAK,wBAAwB,CAAC,KAAK,oBAAqB;GAElF,MAAM,SAAS,EAAE,UAAU,KAAK,qBAAqB;GACrD,MAAM,SAAS,EAAE,UAAU,KAAK,qBAAqB;AAErD,QAAK,iBAAiB;IACpB,GAAG,KAAK,oBAAoB,IAAI;IAChC,GAAG,KAAK,oBAAoB,IAAI;IACjC,CAAC;;uBAGoB,MAAoB;AAC1C,OAAI,CAAC,KAAK,YAAa;AACvB,OAAI,KAAK,uBAAuB,KAC9B,KAAI;AACF,SAAK,sBAAsB,EAAE,UAAU;YAChC,MAAM;AAKjB,QAAK,cAAc;AACnB,QAAK,qBAAqB;AAC1B,QAAK,uBAAuB;AAC5B,QAAK,sBAAsB;;mBAGT,MAAkB;AAGpC,KAAE,gBAAgB;AAClB,KAAE,iBAAiB;AAInB,OAFe,EAAE,WAAW,EAAE,SAElB;IACV,MAAM,gBAAgB,KAAK,uBAAuB;IAClD,MAAM,WAAW,EAAE,UAAU,cAAc;IAC3C,MAAM,WAAW,EAAE,UAAU,cAAc;IAE3C,MAAM,WAAW,KAAK;IACtB,MAAM,WAAW,KAAK;IACtB,MAAM,eAAe,KAAK;IAE1B,MAAM,WAAW,WAAW,YAAY;IACxC,MAAM,WAAW,WAAW,YAAY;IAExC,MAAM,QAAQ,EAAE,SAAS,IAAI,MAAO;IACpC,MAAM,WAAW,KAAK,IAAI,IAAK,KAAK,IAAI,GAAG,eAAe,MAAM,CAAC;IAEjE,MAAM,OAAO,WAAW,UAAU;IAClC,MAAM,OAAO,WAAW,UAAU;AAElC,SAAK,iBAAiB;KACpB,GAAG;KACH,GAAG;KACH,OAAO;KACR,CAAC;UACG;IACL,MAAM,SAAS,CAAC,EAAE;IAClB,MAAM,SAAS,CAAC,EAAE;AAElB,SAAK,iBAAiB;KACpB,GAAG,KAAK,IAAI;KACZ,GAAG,KAAK,IAAI;KACb,CAAC;;;;;gBAnOU,CACd,GAAG;;;;;;;;;;;;;;MAeJ;;CA6DD,oBAAoB;AAClB,QAAM,mBAAmB;AAEzB,WAAS,iBAAiB,SAAS,KAAK,yBAAyB;GAC/D,SAAS;GACT,SAAS;GACV,CAAC;AAEF,OAAK,iBAAiB,SAAS,KAAK,UAAU,EAAE,SAAS,OAAO,CAAC;AACjE,OAAK,iBAAiB,eAAe,KAAK,eAAe;AACzD,OAAK,iBAAiB,eAAe,KAAK,eAAe;AACzD,OAAK,iBAAiB,aAAa,KAAK,aAAa;AACrD,OAAK,iBAAiB,iBAAiB,KAAK,aAAa;;CAG3D,uBAAuB;AACrB,QAAM,sBAAsB;AAE5B,WAAS,oBAAoB,SAAS,KAAK,yBAAyB,EAClE,SAAS,MACV,CAAC;AAEF,OAAK,oBAAoB,SAAS,KAAK,SAAS;AAChD,OAAK,oBAAoB,eAAe,KAAK,eAAe;AAC5D,OAAK,oBAAoB,eAAe,KAAK,eAAe;AAC5D,OAAK,oBAAoB,aAAa,KAAK,aAAa;AACxD,OAAK,oBAAoB,iBAAiB,KAAK,aAAa;AAE5D,MAAI,KAAK,eAAe,KAAK,uBAAuB,KAClD,KAAI;AACF,QAAK,sBAAsB,KAAK,mBAAmB;WAC5C,MAAM;;CAMnB,AAAQ,iBAAiB,SAAoC;EAC3D,MAAM,eAAe;GACnB,GAAG,QAAQ,MAAM,SAAY,QAAQ,IAAI,KAAK;GAC9C,GAAG,QAAQ,MAAM,SAAY,QAAQ,IAAI,KAAK;GAC9C,OAAO,QAAQ,UAAU,SAAY,KAAK,IAAI,IAAK,KAAK,IAAI,GAAG,QAAQ,MAAM,CAAC,GAAG,KAAK;GACvF;AAKD,MAFE,aAAa,MAAM,KAAK,KAAK,aAAa,MAAM,KAAK,KAAK,aAAa,UAAU,KAAK,OAE3E;AACX,QAAK,IAAI,aAAa;AACtB,QAAK,IAAI,aAAa;AACtB,QAAK,QAAQ,aAAa;AAG1B,QAAK,mBAAmB,EAAE,GAAG,cAAc;AAE3C,QAAK,cACH,IAAI,YAA8B,qBAAqB;IACrD,QAAQ,EAAE,GAAG,cAAc;IAC3B,SAAS;IACT,UAAU;IACX,CAAC,CACH;;;CA6FL,aAAa,mBAA8C;AACzD,QAAM,aAAa,kBAAkB;AAErC,OAAK,mBAAmB;GAAE,GAAG,KAAK;GAAG,GAAG,KAAK;GAAG,OAAO,KAAK;GAAO;AAGnE,MAAI,KAAK,QACP,6BAA4B;AAC1B,QAAK,cAAc;IACnB;;;;;;;;;;;;;;;;CAkBN,eAAe,SAAiB,SAA2C;EACzE,MAAM,OAAO,KAAK,uBAAuB;AACzC,SAAO;GACL,IAAI,UAAU,KAAK,OAAO,KAAK,KAAK,KAAK;GACzC,IAAI,UAAU,KAAK,MAAM,KAAK,KAAK,KAAK;GACzC;;;;;;;;;;;;;;;CAgBH,eAAe,SAAiB,SAA2C;EACzE,MAAM,OAAO,KAAK,uBAAuB;AACzC,SAAO;GACL,GAAG,KAAK,OAAO,UAAU,KAAK,QAAQ,KAAK;GAC3C,GAAG,KAAK,MAAM,UAAU,KAAK,QAAQ,KAAK;GAC3C;;;;;;;;;;CAWH,QAAc;AACZ,OAAK,iBAAiB;GAAE,GAAG;GAAG,GAAG;GAAG,OAAO;GAAG,CAAC;;;;;;;;CASjD,aAAa,UAAU,KAAY;EACjC,MAAM,gBAAgB,KAAK,uBAAuB;AAClD,MAAI,cAAc,UAAU,KAAK,cAAc,WAAW,EAAG;EAI7D,MAAM,kBADiB,KAAK,YAAY,cAAc,mBAAmB,GAClC,cAAc,OAAO,EAAE,kBAAkB,CAAC;AAIjF,MAAI,CAAC,eAAgB;EAGrB,MAAM,cAAc,eAAe,uBAAuB;EAC1D,MAAM,eAAe,YAAY,QAAQ,KAAK;EAC9C,MAAM,gBAAgB,YAAY,SAAS,KAAK;AAEhD,MAAI,iBAAiB,KAAK,kBAAkB,EAAG;EAG/C,MAAM,iBAAiB,cAAc,SAAS,IAAI,IAAI;EACtD,MAAM,kBAAkB,cAAc,UAAU,IAAI,IAAI;EAGxD,MAAM,SAAS,iBAAiB;EAChC,MAAM,SAAS,kBAAkB;EACjC,MAAM,WAAW,KAAK,IAAI,QAAQ,OAAO;EAGzC,MAAM,cAAc,eAAe;EACnC,MAAM,eAAe,gBAAgB;EACrC,MAAM,QAAQ,cAAc,QAAQ,eAAe;EACnD,MAAM,QAAQ,cAAc,SAAS,gBAAgB;AAErD,OAAK,iBAAiB;GACpB,GAAG;GACH,GAAG;GACH,OAAO;GACR,CAAC;;CAGJ,SAAS;AACP,SAAO,IAAI;;;sCAGuB,KAAK,EAAE,MAAM,KAAK,EAAE,YAAY,KAAK,MAAM;;;;;;;YA5U9E,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;YAGzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;YAGzC,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC;YAOzC,SAAS;CAAE,MAAM;CAAS,WAAW;CAAY,CAAC;YAGlD,QAAQ,EAAE,SAAS,yBAAyB,CAAC;wBApC/C,cAAc,cAAc"}

package/dist/elements/EFSourceMixin.js.map

@@ -1 +1 @@
-{"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      return (\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        window.location.origin\n      );\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      const md5Path = `/api/v1/files/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;;;cAWjC;uBAgFS,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;;EAnHD,IAAI,UAAU;AACZ,UACG,KAAK,QAAQ,mBAAmB,EAAU,WAC1C,KAAK,QAAQ,eAAe,EAAU,WACtC,KAAK,QAAQ,aAAa,EAAU,WACrC,OAAO,SAAS;;EAOpB,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;GACjD,MAAM,UAAU,yBAAyB,mBAAmB,cAAc;GAC1E,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;;;aA3Eb,SAAS;EAAE,MAAM;EAAQ,SAAS;EAAM,CAAC;AA6G5C,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      return (\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        window.location.origin\n      );\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(`MD5 sum not available for ${this}. Cannot generate production URL`);\n      }\n\n      if (!this.apiHost) {\n        throw new Error(`apiHost not available for ${this}. Cannot generate production URL`);\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(\"/\") ? src.slice(1) : src;\n      normalizedSrc = normalizedSrc.replace(/^\\/+/, \"\");\n      const md5Path = `/api/v1/files/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;;;cAWjC;uBAyES,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;;EA5GD,IAAI,UAAU;AACZ,UACG,KAAK,QAAQ,mBAAmB,EAAU,WAC1C,KAAK,QAAQ,eAAe,EAAU,WACtC,KAAK,QAAQ,aAAa,EAAU,WACrC,OAAO,SAAS;;EAOpB,YAAgC;EAChC,cAAkD;EAClD,cAA6B;EAE7B,gBAAgB;AACd,OAAI,CAAC,MAAKA,SACR,OAAM,IAAI,MAAM,6BAA6B,KAAK,kCAAkC;AAGtF,OAAI,CAAC,KAAK,QACR,OAAM,IAAI,MAAM,6BAA6B,KAAK,kCAAkC;AAGtF,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,UAAW,KAAa,QAAmD;GAE/E,IAAI,gBAAgB,IAAI,WAAW,IAAI,GAAG,IAAI,MAAM,EAAE,GAAG;AACzD,mBAAgB,cAAc,QAAQ,QAAQ,GAAG;GACjD,MAAM,UAAU,yBAAyB,mBAAmB,cAAc;GAC1E,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;;;aApEb,SAAS;EAAE,MAAM;EAAQ,SAAS;EAAM,CAAC;AAsG5C,QAAO"}

package/dist/elements/EFSurface.js.map

@@ -1 +1 @@
-{"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"}
+{"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 { 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  // oxlint-disable-next-line no-unused-private-class-members -- retained for constructor 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":";;;;;;;AAQO,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"}