@editframe/elements 0.46.4 → 0.47.1

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

@@ -14,7 +14,15 @@ var ScrubInputCache = class {
 	#urlCache = /* @__PURE__ */ new Map();
 	#pendingBySegment = /* @__PURE__ */ new Map();
 	#pendingByUrl = /* @__PURE__ */ new Map();
-	#maxCacheSize = 5;
+	#maxCacheSize;
+	#maxUrlCacheSize;
+	/** Incremented on clear(). Promises capture the generation at creation time and
+	*  skip writing back if the generation has advanced (cache was cleared). */
+	#generation = 0;
+	constructor(maxCacheSize = 20, maxUrlCacheSize = 5) {
+		this.#maxCacheSize = maxCacheSize;
+		this.#maxUrlCacheSize = maxUrlCacheSize;
+	}
 	/**
 	* Create a cache key that uniquely identifies a segment for a specific video
 	*/
@@ -35,12 +43,24 @@ var ScrubInputCache = class {
 	async getOrCreateInput(src, segmentId, createInputFn, scrubUrl) {
 		if (scrubUrl) {
 			const cached$1 = this.#urlCache.get(scrubUrl);
-			if (cached$1) return cached$1;
+			if (cached$1) {
+				this.#urlCache.delete(scrubUrl);
+				this.#urlCache.set(scrubUrl, cached$1);
+				return cached$1;
+			}
 			const pending$1 = this.#pendingByUrl.get(scrubUrl);
 			if (pending$1) return pending$1;
+			const capturedGeneration$1 = this.#generation;
 			const promise$1 = createInputFn().then((input) => {
 				this.#pendingByUrl.delete(scrubUrl);
-				if (input) this.#urlCache.set(scrubUrl, input);
+				if (input && this.#generation === capturedGeneration$1) {
+					this.#urlCache.set(scrubUrl, input);
+					while (this.#urlCache.size > this.#maxUrlCacheSize) {
+						const oldestKey = this.#urlCache.keys().next().value;
+						if (oldestKey !== void 0) this.#urlCache.delete(oldestKey);
+						else break;
+					}
+				}
 				return input;
 			}).catch((error) => {
 				this.#pendingByUrl.delete(scrubUrl);
@@ -51,16 +71,22 @@ var ScrubInputCache = class {
 		}
 		const cacheKey = this.#getCacheKey(src, segmentId);
 		const cached = this.#cache.get(cacheKey);
-		if (cached) return cached;
+		if (cached) {
+			this.#cache.delete(cacheKey);
+			this.#cache.set(cacheKey, cached);
+			return cached;
+		}
 		const pending = this.#pendingBySegment.get(cacheKey);
 		if (pending) return pending;
+		const capturedGeneration = this.#generation;
 		const promise = createInputFn().then((input) => {
 			this.#pendingBySegment.delete(cacheKey);
-			if (input) {
+			if (input && this.#generation === capturedGeneration) {
 				this.#cache.set(cacheKey, input);
-				if (this.#cache.size > this.#maxCacheSize) {
+				while (this.#cache.size > this.#maxCacheSize) {
 					const oldestKey = this.#cache.keys().next().value;
 					if (oldestKey !== void 0) this.#cache.delete(oldestKey);
+					else break;
 				}
 			}
 			return input;
@@ -72,9 +98,12 @@ var ScrubInputCache = class {
 		return promise;
 	}
 	/**
-	* Clear the entire cache (called when video changes)
+	* Clear the entire cache (called when video changes).
+	* Increments the generation counter so any in-flight promises resolved after
+	* this call do not repopulate the cache with stale data from the old source.
 	*/
 	clear() {
+		this.#generation++;
 		this.#cache.clear();
 		this.#urlCache.clear();
 		this.#pendingBySegment.clear();

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<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"}
+{"version":3,"file":"ScrubInputCache.js","names":["#maxCacheSize","#maxUrlCacheSize","cached","#urlCache","pending","#pendingByUrl","capturedGeneration","#generation","promise","#getCacheKey","#cache","#pendingBySegment"],"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  #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: number;\n  #maxUrlCacheSize: number;\n  /** Incremented on clear(). Promises capture the generation at creation time and\n   *  skip writing back if the generation has advanced (cache was cleared). */\n  #generation = 0;\n\n  constructor(maxCacheSize = 20, maxUrlCacheSize = 5) {\n    this.#maxCacheSize = maxCacheSize;\n    this.#maxUrlCacheSize = maxUrlCacheSize;\n  }\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        // Promote to MRU position so the eviction policy is true LRU\n        this.#urlCache.delete(scrubUrl);\n        this.#urlCache.set(scrubUrl, 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. Capture the generation so that\n      // if clear() fires while this promise is in-flight, the .then() callback\n      // does not repopulate the cache with data from the old source.\n      const capturedGeneration = this.#generation;\n      const promise = createInputFn()\n        .then((input) => {\n          this.#pendingByUrl.delete(scrubUrl);\n          if (input && this.#generation === capturedGeneration) {\n            this.#urlCache.set(scrubUrl, input);\n            // Evict oldest URL entries if cache is too large\n            while (this.#urlCache.size > this.#maxUrlCacheSize) {\n              const oldestKey = this.#urlCache.keys().next().value;\n              if (oldestKey !== undefined) {\n                this.#urlCache.delete(oldestKey);\n              } else {\n                break;\n              }\n            }\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      // Promote to MRU position so the eviction policy is true LRU\n      this.#cache.delete(cacheKey);\n      this.#cache.set(cacheKey, 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. Capture the generation so that\n    // if clear() fires while this promise is in-flight, the .then() callback\n    // does not repopulate the cache with data from the old source.\n    const capturedGeneration = this.#generation;\n    const promise = createInputFn()\n      .then((input) => {\n        this.#pendingBySegment.delete(cacheKey);\n\n        if (input && this.#generation === capturedGeneration) {\n          this.#cache.set(cacheKey, input);\n\n          // Evict oldest entries if cache is too large\n          while (this.#cache.size > this.#maxCacheSize) {\n            const oldestKey = this.#cache.keys().next().value;\n            if (oldestKey !== undefined) {\n              this.#cache.delete(oldestKey);\n            } else {\n              break;\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   * Increments the generation counter so any in-flight promises resolved after\n   * this call do not repopulate the cache with stale data from the old source.\n   */\n  clear() {\n    this.#generation++;\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;CAC3B,yBAAS,IAAI,KAAmC;CAChD,4BAAY,IAAI,KAAmC;CACnD,oCAAoB,IAAI,KAAwD;CAChF,gCAAgB,IAAI,KAAwD;CAC5E;CACA;;;CAGA,cAAc;CAEd,YAAY,eAAe,IAAI,kBAAkB,GAAG;AAClD,QAAKA,eAAgB;AACrB,QAAKC,kBAAmB;;;;;CAM1B,aAAa,KAAa,WAA2B;AACnD,SAAO,GAAG,IAAI,GAAG;;;;;;;;;;;;;CAcnB,MAAM,iBACJ,KACA,WACA,eACA,UAC2C;AAG3C,MAAI,UAAU;GAEZ,MAAMC,WAAS,MAAKC,SAAU,IAAI,SAAS;AAC3C,OAAID,UAAQ;AAEV,UAAKC,SAAU,OAAO,SAAS;AAC/B,UAAKA,SAAU,IAAI,UAAUD,SAAO;AACpC,WAAOA;;GAIT,MAAME,YAAU,MAAKC,aAAc,IAAI,SAAS;AAChD,OAAID,UACF,QAAOA;GAMT,MAAME,uBAAqB,MAAKC;GAChC,MAAMC,YAAU,eAAe,CAC5B,MAAM,UAAU;AACf,UAAKH,aAAc,OAAO,SAAS;AACnC,QAAI,SAAS,MAAKE,eAAgBD,sBAAoB;AACpD,WAAKH,SAAU,IAAI,UAAU,MAAM;AAEnC,YAAO,MAAKA,SAAU,OAAO,MAAKF,iBAAkB;MAClD,MAAM,YAAY,MAAKE,SAAU,MAAM,CAAC,MAAM,CAAC;AAC/C,UAAI,cAAc,OAChB,OAAKA,SAAU,OAAO,UAAU;UAEhC;;;AAIN,WAAO;KACP,CACD,OAAO,UAAU;AAChB,UAAKE,aAAc,OAAO,SAAS;AACnC,UAAM;KACN;AAEJ,SAAKA,aAAc,IAAI,UAAUG,UAAQ;AACzC,UAAOA;;EAIT,MAAM,WAAW,MAAKC,YAAa,KAAK,UAAU;EAClD,MAAM,SAAS,MAAKC,MAAO,IAAI,SAAS;AACxC,MAAI,QAAQ;AAEV,SAAKA,MAAO,OAAO,SAAS;AAC5B,SAAKA,MAAO,IAAI,UAAU,OAAO;AACjC,UAAO;;EAIT,MAAM,UAAU,MAAKC,iBAAkB,IAAI,SAAS;AACpD,MAAI,QACF,QAAO;EAMT,MAAM,qBAAqB,MAAKJ;EAChC,MAAM,UAAU,eAAe,CAC5B,MAAM,UAAU;AACf,SAAKI,iBAAkB,OAAO,SAAS;AAEvC,OAAI,SAAS,MAAKJ,eAAgB,oBAAoB;AACpD,UAAKG,MAAO,IAAI,UAAU,MAAM;AAGhC,WAAO,MAAKA,MAAO,OAAO,MAAKV,cAAe;KAC5C,MAAM,YAAY,MAAKU,MAAO,MAAM,CAAC,MAAM,CAAC;AAC5C,SAAI,cAAc,OAChB,OAAKA,MAAO,OAAO,UAAU;SAE7B;;;AAKN,UAAO;IACP,CACD,OAAO,UAAU;AAChB,SAAKC,iBAAkB,OAAO,SAAS;AACvC,SAAM;IACN;AAEJ,QAAKA,iBAAkB,IAAI,UAAU,QAAQ;AAC7C,SAAO;;;;;;;CAQT,QAAQ;AACN,QAAKJ;AACL,QAAKG,MAAO,OAAO;AACnB,QAAKP,SAAU,OAAO;AACtB,QAAKQ,iBAAkB,OAAO;AAC9B,QAAKN,aAAc,OAAO;;;;;CAM5B,WAAW;AACT,SAAO;GACL,MAAM,MAAKK,MAAO;GAClB,cAAc,MAAKP,SAAU;GAC7B,cAAc,MAAKQ,iBAAkB,OAAO,MAAKN,aAAc;GAC/D,WAAW,MAAM,KAAK,MAAKK,MAAO,MAAM,CAAC;GAC1C"}

package/dist/elements/EFMotionBlur.d.ts

@@ -0,0 +1,134 @@
+//#region src/elements/EFMotionBlur.d.ts
+
+/**
+ * `<ef-motionblur>` applies motion blur to its child for two types of motion:
+ *
+ * **Translation** — N `feOffset` copies along the velocity vector, Gaussian-blended.
+ *
+ * **Spiral** (rotation + zoom combined) — N displaced copies using a single
+ * spiral vector map that encodes the weighted sum of tangential (rotation) and
+ * radial (zoom) components.  Because tangent ⊥ radial with equal magnitude,
+ * the combined map always has magnitude r/maxR regardless of the rot/zoom ratio.
+ * One pass correctly captures simultaneous rotation and scaling as a spiral
+ * smear rather than the generic blur that sequential stages produce.
+ */
+declare const _EFMotionBlurBase: {
+  new (): HTMLElement;
+  prototype: HTMLElement;
+};
+declare class EFMotionBlur extends _EFMotionBlurBase {
+  static observedAttributes: string[];
+  /** Controls filter primitive density. "preview" for real-time playback, "render" for export. */
+  static renderQuality: "preview" | "render";
+  private _outer;
+  private _filterEl;
+  private _svg;
+  private _filterId;
+  private _spiralMapURI;
+  private _lastMapW;
+  private _lastMapH;
+  private _lastSpiralAngle;
+  private _filterNode;
+  private _transOffsets;
+  private _spiralDisplacements;
+  private _spiralFeImage;
+  private _spiralBlur;
+  private _lastStepConfig;
+  /** Translation blur: pixel displacement in X (screen space). */
+  _computedDx: number;
+  /** Translation blur: pixel displacement in Y (screen space). */
+  _computedDy: number;
+  _computedAngle: number;
+  _computedDirectionalAmount: number;
+  /** Signed rotation arc displacement (px at half-diagonal). Negative = CW, positive = CCW. */
+  _computedRotAmount: number;
+  /** Absolute rotation delta in degrees (for step count calculation). */
+  _computedRotDeg: number;
+  _computedIsotropicAmount: number;
+  _hasExplicitAngle: boolean;
+  _hasExplicitAmount: boolean;
+  get _computedAmount(): number;
+  set _computedAmount(v: number);
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  attributeChangedCallback(name: string, _old: string | null, newValue: string | null): void;
+  get angle(): number;
+  set angle(v: number);
+  get amount(): number;
+  set amount(v: number);
+  get shutterAngle(): number;
+  set shutterAngle(v: number);
+  get fps(): number;
+  set fps(v: number);
+  get sensitivity(): number;
+  set sensitivity(v: number);
+  get threshold(): number;
+  set threshold(v: number);
+  get shutterMs(): number;
+  /**
+   * One-time DOM setup. Creates the SVG filter host and two wrapper divs
+   * (_outer for the SVG definition, _filterEl for the filtered content).
+   * The SVG filter is rebuilt dynamically in _update().
+   */
+  private _inject;
+  /**
+   * Rebuilds wrapper transforms and the SVG filter. Called on attribute changes
+   * and after each sample().
+   *
+   * The SVG contains up to two filter stages:
+   * 1. feOffset×N — directional (translation) blur
+   * 2. Spiral (feImage + feDisplacementMap×N + feComposite blend + feGaussianBlur)
+   *    — combined rotation + zoom in one pass via a spiral vector map.
+   *
+   * On first call (or when step counts change), builds the full SVG filter DOM.
+   * On subsequent calls, updates only the attributes that change per frame.
+   */
+  private _update;
+  /**
+   * Refreshes the serialization cache on _outer. The serializer reads this
+   * instead of calling XMLSerializer on the SVG defs, which is important
+   * when rotation/zoom displacement maps embed large base64 data URIs.
+   */
+  private _refreshSerializationCache;
+  /**
+   * Builds the full SVG filter DOM tree. Called once when step configuration changes.
+   * Stores references to mutable elements for fast per-frame attribute updates.
+   */
+  private _buildFilterDOM;
+  /**
+   * Generates or refreshes the spiral displacement map.
+   * Cached by element size and spiral angle (quantized to ~5°).
+   * The feImage href is updated in the fast path when the map URI changes.
+   */
+  private _ensureMaps;
+  /**
+   * Samples the child's current position and transform, computing blur amounts.
+   * Called by `updateAnimations` after all animation times are settled.
+   */
+  sample(_timestamp?: number): void;
+  /**
+   * Deterministic two-seek measurement. Seeks all animations back by shutterMs,
+   * reads positions and transforms, restores. Returns null when no seekable
+   * animations exist or currentTime < shutterMs.
+   */
+  private _computeDeterministicTransform;
+  /**
+   * Converts measured deltas to blur amounts and calls _update() when changed.
+   *
+   * Translation → directional box blur amount + angle.
+   * Rotation    → arc displacement amount (signed: + = CCW, − = CW).
+   *               Arc length at half-diagonal radius: R × |Δθ_rad|.
+   *               Stored signed so the displacement map is applied in the
+   *               correct tangential direction.
+   * Scale       → radial displacement amount: |Δscale| × half-diagonal.
+   */
+  private _applyTransform;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    "ef-motionblur": EFMotionBlur;
+  }
+}
+//#endregion
+export { EFMotionBlur };
+//# sourceMappingURL=EFMotionBlur.d.ts.map