@prose-reader/enhancer-audio 1.301.0 → 1.304.0

package/dist/index.umd.cjs

@@ -1,944 +1,7 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@prose-reader/core'), require('rxjs')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@prose-reader/core', 'rxjs'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["prose-reader-enhancer-audio"] = {}, global.core, global.rxjs));
-})(this, (function (exports, core, rxjs) { 'use strict';
-
-  const AUDIO_VISUALIZER_LEVEL_COUNT = 80;
-  const AUDIO_VISUALIZER_NOISE_FLOOR = 0.035;
-  const getIdleVisualizerLevels = () => Array.from({ length: AUDIO_VISUALIZER_LEVEL_COUNT }, () => 0);
-  const getVisualizerLevels = (data) => {
-    if (data.length === 0) return getIdleVisualizerLevels();
-    const bucketSize = Math.max(
-      1,
-      Math.floor(data.length / AUDIO_VISUALIZER_LEVEL_COUNT)
-    );
-    return Array.from({ length: AUDIO_VISUALIZER_LEVEL_COUNT }, (_, index) => {
-      const start = index * bucketSize;
-      const end = Math.min(data.length, start + bucketSize);
-      if (start >= data.length || start === end) return 0;
-      let total = 0;
-      for (let cursor = start; cursor < end; cursor += 1) {
-        total += data[cursor] ?? 0;
-      }
-      const average = total / (end - start);
-      const normalizedAverage = average / 255;
-      const gatedAverage = (normalizedAverage - AUDIO_VISUALIZER_NOISE_FLOOR) / (1 - AUDIO_VISUALIZER_NOISE_FLOOR);
-      return Math.max(0, Math.min(1, gatedAverage));
-    });
-  };
-
-  const AUDIO_VISUALIZER_FFT_SIZE = 256;
-  class VisualizerAudioGraph {
-    constructor(audioElement) {
-      this.audioElement = audioElement;
-    }
-    audioElement;
-    audioContext;
-    audioSourceNode;
-    analyserNode;
-    frequencyData;
-    async resumeIfNeeded() {
-      if (!this.ensure()) {
-        return false;
-      }
-      const audioContext = this.audioContext;
-      if (!audioContext) {
-        return false;
-      }
-      if (audioContext.state !== `suspended`) {
-        return true;
-      }
-      try {
-        await audioContext.resume();
-        return true;
-      } catch {
-        return false;
-      }
-    }
-    readLevels() {
-      if (!this.analyserNode || !this.frequencyData) {
-        return getIdleVisualizerLevels();
-      }
-      this.analyserNode.getByteFrequencyData(this.frequencyData);
-      return getVisualizerLevels(this.frequencyData);
-    }
-    destroy() {
-      this.audioSourceNode?.disconnect();
-      this.analyserNode?.disconnect();
-      this.audioContext?.close().catch(() => void 0);
-      this.audioContext = void 0;
-      this.audioSourceNode = void 0;
-      this.analyserNode = void 0;
-      this.frequencyData = void 0;
-    }
-    ensure() {
-      if (this.audioContext && this.analyserNode && this.frequencyData) {
-        return true;
-      }
-      if (typeof window === `undefined` || !window.AudioContext) {
-        return false;
-      }
-      const audioContext = new window.AudioContext();
-      const audioSourceNode = audioContext.createMediaElementSource(
-        this.audioElement
-      );
-      const analyserNode = audioContext.createAnalyser();
-      analyserNode.fftSize = AUDIO_VISUALIZER_FFT_SIZE;
-      analyserNode.smoothingTimeConstant = 0.8;
-      audioSourceNode.connect(analyserNode);
-      analyserNode.connect(audioContext.destination);
-      this.audioContext = audioContext;
-      this.audioSourceNode = audioSourceNode;
-      this.analyserNode = analyserNode;
-      this.frequencyData = new Uint8Array(analyserNode.frequencyBinCount);
-      return true;
-    }
-  }
-
-  class AudioVisualizer extends core.ReactiveEntity {
-    audioGraph;
-    playbackState$ = new rxjs.BehaviorSubject({
-      trackId: void 0,
-      isRunning: false,
-      resetLevels: false
-    });
-    subscriptions = new rxjs.Subscription();
-    constructor(audioElement) {
-      super({
-        levels: getIdleVisualizerLevels(),
-        isActive: false,
-        trackId: void 0
-      });
-      this.audioGraph = new VisualizerAudioGraph(audioElement);
-      this.subscriptions.add(
-        this.playbackState$.pipe(
-          rxjs.distinctUntilChanged(
-            (previous, next) => previous.trackId === next.trackId && previous.isRunning === next.isRunning && previous.resetLevels === next.resetLevels
-          ),
-          rxjs.switchMap(({ trackId, isRunning, resetLevels }) => {
-            if (!trackId || !isRunning) {
-              return rxjs.of({
-                trackId,
-                isActive: false,
-                ...resetLevels ? { levels: getIdleVisualizerLevels() } : void 0
-              });
-            }
-            const shouldResetLevels = this.value.trackId !== trackId;
-            return rxjs.concat(
-              rxjs.of({
-                trackId,
-                isActive: true,
-                ...shouldResetLevels ? { levels: getIdleVisualizerLevels() } : void 0
-              }),
-              this.createLevels$().pipe(
-                rxjs.map((levels) => ({
-                  trackId,
-                  levels,
-                  isActive: true
-                })),
-                rxjs.defaultIfEmpty({
-                  trackId,
-                  isActive: false,
-                  levels: getIdleVisualizerLevels()
-                })
-              )
-            );
-          })
-        ).subscribe((value) => {
-          this.mergeCompare(value);
-        })
-      );
-    }
-    start(currentTrack) {
-      if (!currentTrack) return;
-      this.playbackState$.next({
-        trackId: currentTrack.id,
-        isRunning: true,
-        resetLevels: false
-      });
-    }
-    setTrack(trackId) {
-      this.playbackState$.next({
-        trackId,
-        isRunning: false,
-        resetLevels: false
-      });
-    }
-    reset(trackId) {
-      this.playbackState$.next({
-        trackId,
-        isRunning: false,
-        resetLevels: true
-      });
-    }
-    stop({ resetLevels = false } = {}) {
-      this.playbackState$.next({
-        trackId: this.playbackState$.value.trackId,
-        isRunning: false,
-        resetLevels
-      });
-    }
-    destroy() {
-      this.stop({
-        resetLevels: true
-      });
-      this.subscriptions.unsubscribe();
-      this.playbackState$.complete();
-      this.audioGraph.destroy();
-      super.destroy();
-    }
-    createLevels$() {
-      return rxjs.defer(() => {
-        return rxjs.from(this.audioGraph.resumeIfNeeded()).pipe(
-          rxjs.switchMap(
-            (isReady) => isReady ? rxjs.animationFrames().pipe(rxjs.map(() => this.audioGraph.readLevels())) : rxjs.EMPTY
-          )
-        );
-      });
-    }
-  }
-
-  class AudioElementAdapter {
-    element;
-    canPlay$;
-    ended$;
-    isPlaying$;
-    metrics$;
-    constructor() {
-      this.element = document.createElement(`audio`);
-      this.element.preload = `metadata`;
-      this.canPlay$ = rxjs.fromEvent(this.element, `canplay`).pipe(rxjs.share());
-      this.ended$ = rxjs.fromEvent(this.element, `ended`).pipe(rxjs.share());
-      this.isPlaying$ = rxjs.merge(
-        rxjs.fromEvent(this.element, `play`).pipe(rxjs.map(() => true)),
-        rxjs.fromEvent(this.element, `pause`).pipe(rxjs.map(() => false))
-      ).pipe(rxjs.share());
-      this.metrics$ = rxjs.merge(
-        rxjs.fromEvent(this.element, `timeupdate`),
-        rxjs.fromEvent(this.element, `seeking`),
-        rxjs.fromEvent(this.element, `seeked`),
-        rxjs.fromEvent(this.element, `loadedmetadata`),
-        rxjs.fromEvent(this.element, `durationchange`),
-        this.canPlay$
-      ).pipe(
-        rxjs.map(() => ({
-          currentTime: this.element.currentTime,
-          duration: Number.isFinite(this.element.duration) ? this.element.duration : void 0
-        })),
-        rxjs.share()
-      );
-    }
-    get paused() {
-      return this.element.paused;
-    }
-    get hasSource() {
-      return this.element.hasAttribute(`src`);
-    }
-    play$() {
-      return rxjs.defer(() => rxjs.from(this.element.play())).pipe(
-        rxjs.retry({
-          count: 1,
-          delay: () => this.canPlay$.pipe(rxjs.take(1))
-        })
-      );
-    }
-    pause() {
-      this.element.pause();
-    }
-    loadSource(src) {
-      this.element.src = src;
-      this.element.load();
-    }
-    unloadSource() {
-      this.element.removeAttribute(`src`);
-      this.element.load();
-    }
-    setCurrentTime(value) {
-      this.element.currentTime = value;
-    }
-  }
-
-  class ResourcesResolver {
-    cachedSourceByTrackId = /* @__PURE__ */ new Map();
-    hasCachedSource(trackId) {
-      return this.cachedSourceByTrackId.has(trackId);
-    }
-    getTrackResourceUrl$ = (track, resourcesHandler) => {
-      const cachedSource = this.cachedSourceByTrackId.get(track.id);
-      if (cachedSource) {
-        return rxjs.of(cachedSource.url);
-      }
-      const resource$ = rxjs.from(resourcesHandler.getResource());
-      return resource$.pipe(
-        rxjs.switchMap((resource) => {
-          if (resource instanceof URL) {
-            this.cachedSourceByTrackId.set(track.id, {
-              url: resource.href
-            });
-            return rxjs.of(resource.href);
-          }
-          if (resource instanceof Response) {
-            return rxjs.from(resource.blob()).pipe(
-              rxjs.map((blob) => {
-                const objectUrl = URL.createObjectURL(blob);
-                this.cachedSourceByTrackId.set(track.id, {
-                  url: objectUrl,
-                  release: () => {
-                    URL.revokeObjectURL(objectUrl);
-                  }
-                });
-                return objectUrl;
-              })
-            );
-          }
-          this.cachedSourceByTrackId.set(track.id, {
-            url: track.href
-          });
-          return rxjs.of(track.href);
-        })
-      );
-    };
-    releaseTrackSource(trackId) {
-      const cachedSource = this.cachedSourceByTrackId.get(trackId);
-      if (!cachedSource) return;
-      this.cachedSourceByTrackId.delete(trackId);
-      cachedSource.release?.();
-    }
-    releaseAll() {
-      for (const trackId of this.cachedSourceByTrackId.keys()) {
-        this.releaseTrackSource(trackId);
-      }
-    }
-    destroy() {
-      this.releaseAll();
-    }
-  }
-
-  const y = (e, n) => e === n ? true : e.length !== n.length ? false : e.every((t, o) => t === n[o]);
-  const v = (e, n, t) => {
-    if (Object.is(e, n))
-      return true;
-    if (typeof e != "object" || e === null || typeof n != "object" || n === null)
-      return false;
-    const o = Object.keys(e), r = Object.keys(n);
-    if (o.length !== r.length)
-      return false;
-    const l = t?.customEqual ?? Object.is, c = e, s = n;
-    for (const i of o)
-      if (!Object.hasOwn(s, i) || !l(c[i], s[i]))
-        return false;
-    return true;
-  };
-  const m = () => {
-    if (!(typeof window > "u"))
-      return window;
-  };
-  function b() {
-    const e = m()?.__PROSE_READER_DEBUG;
-    return e === true || e === "true";
-  }
-  const E = (e, n) => typeof e == "boolean" ? {
-    enabled: e,
-    options: n
-  } : {
-    enabled: e?.enabled,
-    options: e ?? n
-  }, w = (e) => e.at(-1)?.color, u = (e) => {
-    if (!e.length)
-      return;
-    if (!e.some((o) => o.color))
-      return [e.map((o) => o.label).join(" ")];
-    let n = "";
-    const t = [];
-    for (const o of e)
-      n += `%c${n ? ` ${o.label}` : o.label}`, t.push(
-        o.color ? `color: ${o.color}` : ""
-      );
-    return [n, ...t];
-  }, p = (e = [], n = b()) => {
-    let t = n;
-    const o = {
-      enable: (c) => {
-        l(c);
-      },
-      namespace: (c, s, i) => {
-        const a = E(
-          s,
-          i
-        ), g = a.options?.color ?? w(e);
-        return p(
-          [
-            ...e,
-            {
-              label: `[${c}]`,
-              color: g
-            }
-          ],
-          a.enabled ?? t
-        );
-      },
-      isEnabled: () => t,
-      debug: () => {
-      },
-      info: () => {
-      },
-      log: () => {
-      },
-      groupCollapsed: () => {
-      },
-      groupEnd: () => {
-      },
-      getGroupArgs: (c) => {
-        const s = u(e);
-        if (!s)
-          return [c];
-        const [i, ...a] = s;
-        return [`${i} ${c}`, ...a];
-      },
-      warn: () => {
-      },
-      error: () => {
-      }
-    }, r = (c) => {
-      if (!c) {
-        o.debug = () => {
-        }, o.info = () => {
-        }, o.log = () => {
-        }, o.groupCollapsed = () => {
-        }, o.groupEnd = () => {
-        }, o.warn = () => {
-        }, o.error = () => {
-        };
-        return;
-      }
-      const s = u(e) ?? [];
-      o.debug = Function.prototype.bind.call(
-        console.debug,
-        console,
-        ...s
-      ), o.info = Function.prototype.bind.call(
-        console.info,
-        console,
-        ...s
-      ), o.log = Function.prototype.bind.call(
-        console.log,
-        console,
-        ...s
-      ), o.groupCollapsed = Function.prototype.bind.call(
-        console.groupCollapsed,
-        console
-      ), o.groupEnd = Function.prototype.bind.call(console.groupEnd, console), o.warn = Function.prototype.bind.call(
-        console.warn,
-        console,
-        ...s
-      ), o.error = Function.prototype.bind.call(
-        console.error,
-        console,
-        ...s
-      );
-    }, l = (c) => {
-      t !== c && (t = c, r(t));
-    };
-    return r(t), o;
-  }; p();
-
-  const AUDIO_EXTENSIONS = /* @__PURE__ */ new Set([
-    `mp3`,
-    `m4a`,
-    `m4b`,
-    `aac`,
-    `ogg`,
-    `oga`,
-    `wav`,
-    `flac`,
-    `opus`
-  ]);
-  const getExtensionFromHref = (href) => {
-    const [pathname = ``] = href.split(/[?#]/);
-    const segments = pathname.split(`/`);
-    const basename = segments.at(-1) ?? ``;
-    const extension = basename.split(`.`).at(-1);
-    return extension?.toLowerCase();
-  };
-  const isAudioSpineItem = (item) => {
-    const mediaType = item.mediaType?.split(`;`).at(0)?.trim().toLowerCase();
-    if (mediaType?.startsWith(`audio/`)) {
-      return true;
-    }
-    const extension = getExtensionFromHref(item.href);
-    return extension ? AUDIO_EXTENSIONS.has(extension) : false;
-  };
-
-  const getTrackAtSpineItemIndex = (tracks, index) => {
-    if (index === void 0) return void 0;
-    return tracks.find((track) => track.index === index);
-  };
-  const getVisibleTracks = (tracks, pagination) => {
-    const beginTrack = getTrackAtSpineItemIndex(
-      tracks,
-      pagination.beginSpineItemIndex
-    );
-    const endTrack = getTrackAtSpineItemIndex(
-      tracks,
-      pagination.endSpineItemIndex
-    );
-    return [beginTrack, endTrack].filter(
-      (track, i, arr) => track !== void 0 && arr.indexOf(track) === i
-    );
-  };
-  function createTrackStreams(reader, state$) {
-    const tracks$ = reader.context.manifest$.pipe(
-      rxjs.map(
-        (manifest) => manifest.spineItems.filter(isAudioSpineItem).map((item) => ({
-          id: item.id,
-          href: item.href,
-          index: item.index,
-          mediaType: item.mediaType
-        }))
-      ),
-      rxjs.shareReplay({ bufferSize: 1, refCount: true })
-    );
-    const pagination$ = reader.pagination.state$.pipe(
-      core.mapKeysTo([`beginSpineItemIndex`, `endSpineItemIndex`]),
-      rxjs.distinctUntilChanged(v),
-      rxjs.shareReplay({ bufferSize: 1, refCount: true })
-    );
-    const visibleTrackIds$ = rxjs.combineLatest([tracks$, pagination$]).pipe(
-      rxjs.map(
-        ([tracks, pagination]) => getVisibleTracks(tracks, pagination).map(({ id }) => id)
-      ),
-      rxjs.distinctUntilChanged(y),
-      rxjs.shareReplay({ bufferSize: 1, refCount: true })
-    );
-    const currentTrack$ = state$.pipe(
-      rxjs.map((state) => state.currentTrack),
-      rxjs.distinctUntilChanged()
-    );
-    const nextTrack$ = rxjs.combineLatest([tracks$, pagination$, currentTrack$]).pipe(
-      rxjs.map(([tracks, { endSpineItemIndex }, currentTrack]) => {
-        const nextTrackInPaginationWindow = currentTrack && endSpineItemIndex !== void 0 ? tracks.find(
-          ({ index }) => index > currentTrack.index && index <= endSpineItemIndex
-        ) : void 0;
-        const nextTrackAfterCurrentTrack = currentTrack ? tracks.find(({ index }) => index > currentTrack.index) : void 0;
-        return { nextTrackInPaginationWindow, nextTrackAfterCurrentTrack };
-      }),
-      rxjs.shareReplay({ bufferSize: 1, refCount: true })
-    );
-    return {
-      tracks$,
-      visibleTrackIds$,
-      nextTrack$
-    };
-  }
-
-  const initialDesiredPlayback = {
-    shouldPlay: false,
-    trackId: void 0
-  };
-  const initialState = {
-    tracks: [],
-    currentTrack: void 0,
-    isPlaying: false,
-    isLoading: false,
-    hasError: false,
-    currentTime: 0,
-    duration: void 0
-  };
-  class AudioController extends core.ReactiveEntity {
-    reader;
-    audio;
-    visualizer$;
-    resourcesResolver = new ResourcesResolver();
-    visibleTrackIds$;
-    playCommandSubject = new rxjs.Subject();
-    pauseCommandSubject = new rxjs.Subject();
-    selectCommandSubject = new rxjs.Subject();
-    desiredPlayback$ = new rxjs.BehaviorSubject(
-      initialDesiredPlayback
-    );
-    subscriptions = new rxjs.Subscription();
-    constructor(reader, audio = new AudioElementAdapter()) {
-      super(initialState);
-      this.reader = reader;
-      this.audio = audio;
-      this.visualizer$ = new AudioVisualizer(this.audio.element);
-      const { tracks$, visibleTrackIds$, nextTrack$ } = createTrackStreams(
-        this.reader,
-        this.state$
-      );
-      this.visibleTrackIds$ = visibleTrackIds$;
-      const firstVisibleTrackId$ = this.visibleTrackIds$.pipe(
-        rxjs.map((trackIds) => trackIds[0]),
-        rxjs.distinctUntilChanged(),
-        rxjs.share()
-      );
-      const visibleTrackReset$ = firstVisibleTrackId$.pipe(
-        rxjs.withLatestFrom(this.state$),
-        rxjs.filter(
-          ([trackId, state]) => trackId === void 0 && (state.currentTrack?.id !== void 0 || state.isLoading)
-        ),
-        rxjs.map(([, state]) => state.tracks)
-      );
-      const visibleTrackSelectionIntent$ = firstVisibleTrackId$.pipe(
-        rxjs.filter((trackId) => trackId !== void 0),
-        rxjs.withLatestFrom(this.desiredPlayback$),
-        rxjs.map(([trackId, { shouldPlay }]) => ({
-          trackId,
-          options: {
-            navigate: false,
-            play: shouldPlay ? true : void 0
-          }
-        }))
-      );
-      const tracksChanged$ = tracks$.pipe(
-        rxjs.tap(() => this.resourcesResolver.releaseAll())
-      );
-      const playbackReset$ = rxjs.merge(visibleTrackReset$, tracksChanged$).pipe(
-        rxjs.tap((tracks) => {
-          this.emitDesiredPlayback({ shouldPlay: false, trackId: void 0 });
-          this.visualizer$.stop({ resetLevels: true });
-          this.unmountCurrentSource();
-          this.mergeCompare({
-            tracks,
-            currentTrack: void 0,
-            isLoading: false,
-            isPlaying: false,
-            hasError: false,
-            currentTime: 0,
-            duration: void 0
-          });
-          this.visualizer$.reset(void 0);
-        }),
-        rxjs.share()
-      );
-      const playSelectionIntent$ = this.playCommandSubject.pipe(
-        rxjs.filter(() => !this.audio.hasSource),
-        rxjs.map(() => this.state.currentTrack ?? this.state.tracks[0]),
-        rxjs.filter(core.isDefined),
-        rxjs.map((track) => ({
-          trackId: track.id,
-          options: { navigate: false, play: true }
-        }))
-      );
-      const resumePlayback$ = this.playCommandSubject.pipe(
-        rxjs.filter(() => this.audio.hasSource),
-        rxjs.tap(() => {
-          this.emitDesiredPlayback({
-            shouldPlay: true,
-            trackId: this.state.currentTrack?.id
-          });
-        })
-      );
-      const endedSelectionIntent$ = this.audio.ended$.pipe(
-        rxjs.withLatestFrom(nextTrack$),
-        rxjs.switchMap(
-          ([, { nextTrackAfterCurrentTrack, nextTrackInPaginationWindow }]) => {
-            this.visualizer$.stop({ resetLevels: true });
-            if (nextTrackInPaginationWindow) {
-              return rxjs.of({
-                trackId: nextTrackInPaginationWindow.id,
-                options: { navigate: false, play: true }
-              });
-            }
-            if (!nextTrackAfterCurrentTrack) {
-              this.emitDesiredPlayback({ shouldPlay: false, trackId: void 0 });
-            }
-            this.reader.navigation.goToRightOrBottomSpineItem();
-            return rxjs.EMPTY;
-          }
-        )
-      );
-      const selection$ = rxjs.merge(
-        this.selectCommandSubject,
-        visibleTrackSelectionIntent$,
-        endedSelectionIntent$,
-        playSelectionIntent$
-      ).pipe(
-        rxjs.withLatestFrom(this.state$),
-        rxjs.filter(
-          ([selectionIntent, state]) => state.tracks.some(({ id }) => id === selectionIntent.trackId)
-        ),
-        rxjs.map(([selectionIntent, state]) => ({
-          selectionIntent,
-          state,
-          isReselectionWhileLoading: state.currentTrack?.id === selectionIntent.trackId && state.isLoading
-        })),
-        rxjs.tap(({ selectionIntent, state, isReselectionWhileLoading }) => {
-          if (selectionIntent.options.navigate !== false) {
-            this.reader.navigation.navigate({
-              spineItem: selectionIntent.trackId,
-              animation: `turn`
-            });
-          }
-          if (isReselectionWhileLoading && selectionIntent.options.play !== void 0) {
-            this.emitDesiredPlayback({
-              shouldPlay: selectionIntent.options.play,
-              trackId: state.currentTrack?.id
-            });
-          }
-        }),
-        rxjs.filter(({ isReselectionWhileLoading }) => !isReselectionWhileLoading),
-        rxjs.switchMap(
-          ({ selectionIntent: { trackId, options } }) => this.selectTrack$({ trackId, options, playbackReset$ })
-        )
-      );
-      const playback$ = rxjs.merge(resumePlayback$, selection$).pipe(
-        rxjs.withLatestFrom(this.desiredPlayback$),
-        rxjs.switchMap(([, { shouldPlay, trackId }]) => {
-          if (!shouldPlay || !this.audio.hasSource || this.state.currentTrack?.id !== trackId) {
-            return rxjs.EMPTY;
-          }
-          this.mergeCompare({ hasError: false });
-          return this.audio.play$().pipe(
-            rxjs.catchError(() => {
-              this.mergeCompare({ hasError: true });
-              return rxjs.EMPTY;
-            })
-          );
-        })
-      );
-      this.subscriptions.add(playbackReset$.subscribe());
-      this.subscriptions.add(playback$.subscribe());
-      this.subscriptions.add(
-        this.pauseCommandSubject.subscribe(() => {
-          this.emitDesiredPlayback({ shouldPlay: false, trackId: void 0 });
-        })
-      );
-      this.subscriptions.add(
-        this.audio.isPlaying$.subscribe((isPlaying) => {
-          this.mergeCompare({ isPlaying });
-          if (!isPlaying) {
-            this.visualizer$.stop();
-            return;
-          }
-          if (!this.state.currentTrack) return;
-          this.visualizer$.start(this.state.currentTrack);
-        })
-      );
-      this.subscriptions.add(
-        this.audio.metrics$.subscribe(({ currentTime, duration }) => {
-          this.mergeCompare({ currentTime, duration });
-        })
-      );
-    }
-    get state() {
-      return this.value;
-    }
-    get visualizer() {
-      return this.visualizer$.value;
-    }
-    resetTrackSelection({
-      currentTrack,
-      isLoading
-    }) {
-      this.mergeCompare({
-        currentTrack,
-        isLoading,
-        isPlaying: false,
-        hasError: false,
-        currentTime: 0,
-        duration: void 0
-      });
-      this.visualizer$.reset(currentTrack?.id);
-    }
-    emitDesiredPlayback({ shouldPlay, trackId }) {
-      this.desiredPlayback$.next({
-        shouldPlay,
-        trackId: shouldPlay ? trackId : void 0
-      });
-      if (!shouldPlay) {
-        this.audio.pause();
-      }
-    }
-    unmountCurrentSource() {
-      if (!this.audio.hasSource) return;
-      const trackId = this.state.currentTrack?.id;
-      if (!this.audio.paused) {
-        this.audio.pause();
-      }
-      this.audio.unloadSource();
-      if (trackId) {
-        this.resourcesResolver.releaseTrackSource(trackId);
-      }
-    }
-    mountSource(source) {
-      this.unmountCurrentSource();
-      this.audio.loadSource(source);
-    }
-    resolveTrackSource(track) {
-      const spineItem = this.reader.spineItemsManager.get(track.index);
-      if (!spineItem) return rxjs.EMPTY;
-      return this.resourcesResolver.getTrackResourceUrl$(
-        track,
-        spineItem.resourcesHandler
-      );
-    }
-    selectTrack$({
-      trackId,
-      options,
-      playbackReset$
-    }) {
-      const track = this.state.tracks.find(({ id }) => id === trackId);
-      if (!track) return rxjs.EMPTY;
-      const currentTrack = this.state.currentTrack;
-      const shouldPlay = options.play ?? (!this.audio.paused && currentTrack !== void 0);
-      this.emitDesiredPlayback({ shouldPlay, trackId: track.id });
-      if (currentTrack?.id === track.id && this.audio.hasSource) {
-        this.visualizer$.setTrack(track.id);
-        return shouldPlay ? rxjs.of(void 0) : rxjs.EMPTY;
-      }
-      this.unmountCurrentSource();
-      this.resetTrackSelection({
-        currentTrack: track,
-        isLoading: true
-      });
-      return this.resolveTrackSource(track).pipe(
-        rxjs.map((source) => ({ source })),
-        rxjs.defaultIfEmpty({ source: void 0 }),
-        rxjs.catchError(() => rxjs.of({ source: void 0 })),
-        rxjs.takeUntil(playbackReset$),
-        rxjs.tap(({ source }) => {
-          if (!source) {
-            this.emitDesiredPlayback({ shouldPlay: false, trackId: void 0 });
-          } else {
-            this.mountSource(source);
-          }
-          this.mergeCompare({ isLoading: false });
-        }),
-        rxjs.filter(({ source }) => source !== void 0),
-        rxjs.map(() => void 0)
-      );
-    }
-    select(trackId, options = {}) {
-      this.selectCommandSubject.next({ trackId, options });
-    }
-    play() {
-      this.playCommandSubject.next();
-    }
-    pause() {
-      this.pauseCommandSubject.next();
-    }
-    toggle() {
-      if (this.audio.paused) {
-        this.play();
-        return;
-      }
-      this.pause();
-    }
-    setCurrentTime(value) {
-      this.mergeCompare({ currentTime: value });
-      this.audio.setCurrentTime(value);
-    }
-    destroy() {
-      this.subscriptions.unsubscribe();
-      this.playCommandSubject.complete();
-      this.pauseCommandSubject.complete();
-      this.selectCommandSubject.complete();
-      this.desiredPlayback$.complete();
-      this.visualizer$.destroy();
-      this.unmountCurrentSource();
-      this.resourcesResolver.destroy();
-      super.destroy();
-    }
-  }
-
-  class AudioRenderer extends core.DocumentRenderer {
-    onCreateDocument() {
-      const ownerDocument = this.containerElement.ownerDocument;
-      const rootElement = ownerDocument.createElement(`div`);
-      rootElement.style.cssText = `
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@prose-reader/core"),require("rxjs")):typeof define==`function`&&define.amd?define([`exports`,`@prose-reader/core`,`rxjs`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`prose-reader-enhancer-audio`]={},e._prose_reader_core,e.rxjs))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=80,i=.035,a=()=>Array.from({length:r},()=>0),o=e=>{if(e.length===0)return a();let t=Math.max(1,Math.floor(e.length/r));return Array.from({length:r},(n,r)=>{let a=r*t,o=Math.min(e.length,a+t);if(a>=e.length||a===o)return 0;let s=0;for(let t=a;t<o;t+=1)s+=e[t]??0;let c=(s/(o-a)/255-i)/(1-i);return Math.max(0,Math.min(1,c))})},s=256,c=class{audioElement;audioContext;audioSourceNode;analyserNode;frequencyData;constructor(e){this.audioElement=e}async resumeIfNeeded(){if(!this.ensure())return!1;let e=this.audioContext;if(!e)return!1;if(e.state!==`suspended`)return!0;try{return await e.resume(),!0}catch{return!1}}readLevels(){return!this.analyserNode||!this.frequencyData?a():(this.analyserNode.getByteFrequencyData(this.frequencyData),o(this.frequencyData))}destroy(){this.audioSourceNode?.disconnect(),this.analyserNode?.disconnect(),this.audioContext?.close().catch(()=>void 0),this.audioContext=void 0,this.audioSourceNode=void 0,this.analyserNode=void 0,this.frequencyData=void 0}ensure(){if(this.audioContext&&this.analyserNode&&this.frequencyData)return!0;if(typeof window>`u`||!window.AudioContext)return!1;let e=new window.AudioContext,t=e.createMediaElementSource(this.audioElement),n=e.createAnalyser();return n.fftSize=s,n.smoothingTimeConstant=.8,t.connect(n),n.connect(e.destination),this.audioContext=e,this.audioSourceNode=t,this.analyserNode=n,this.frequencyData=new Uint8Array(n.frequencyBinCount),!0}},l=class extends t.ReactiveEntity{audioGraph;playbackState$=new n.BehaviorSubject({trackId:void 0,isRunning:!1,resetLevels:!1});subscriptions=new n.Subscription;constructor(e){super({levels:a(),isActive:!1,trackId:void 0}),this.audioGraph=new c(e),this.subscriptions.add(this.playbackState$.pipe((0,n.distinctUntilChanged)((e,t)=>e.trackId===t.trackId&&e.isRunning===t.isRunning&&e.resetLevels===t.resetLevels),(0,n.switchMap)(({trackId:e,isRunning:t,resetLevels:r})=>!e||!t?(0,n.of)({trackId:e,isActive:!1,...r?{levels:a()}:void 0}):(0,n.concat)((0,n.of)({trackId:e,isActive:!0,...this.value.trackId===e?void 0:{levels:a()}}),this.createLevels$().pipe((0,n.map)(t=>({trackId:e,levels:t,isActive:!0})),(0,n.defaultIfEmpty)({trackId:e,isActive:!1,levels:a()}))))).subscribe(e=>{this.mergeCompare(e)}))}start(e){e&&this.playbackState$.next({trackId:e.id,isRunning:!0,resetLevels:!1})}setTrack(e){this.playbackState$.next({trackId:e,isRunning:!1,resetLevels:!1})}reset(e){this.playbackState$.next({trackId:e,isRunning:!1,resetLevels:!0})}stop({resetLevels:e=!1}={}){this.playbackState$.next({trackId:this.playbackState$.value.trackId,isRunning:!1,resetLevels:e})}destroy(){this.stop({resetLevels:!0}),this.subscriptions.unsubscribe(),this.playbackState$.complete(),this.audioGraph.destroy(),super.destroy()}createLevels$(){return(0,n.defer)(()=>(0,n.from)(this.audioGraph.resumeIfNeeded()).pipe((0,n.switchMap)(e=>e?(0,n.animationFrames)().pipe((0,n.map)(()=>this.audioGraph.readLevels())):n.EMPTY)))}},u=class{element;canPlay$;ended$;isPlaying$;metrics$;constructor(){this.element=document.createElement(`audio`),this.element.preload=`metadata`,this.canPlay$=(0,n.fromEvent)(this.element,`canplay`).pipe((0,n.share)()),this.ended$=(0,n.fromEvent)(this.element,`ended`).pipe((0,n.share)()),this.isPlaying$=(0,n.merge)((0,n.fromEvent)(this.element,`play`).pipe((0,n.map)(()=>!0)),(0,n.fromEvent)(this.element,`pause`).pipe((0,n.map)(()=>!1))).pipe((0,n.share)()),this.metrics$=(0,n.merge)((0,n.fromEvent)(this.element,`timeupdate`),(0,n.fromEvent)(this.element,`seeking`),(0,n.fromEvent)(this.element,`seeked`),(0,n.fromEvent)(this.element,`loadedmetadata`),(0,n.fromEvent)(this.element,`durationchange`),this.canPlay$).pipe((0,n.map)(()=>({currentTime:this.element.currentTime,duration:Number.isFinite(this.element.duration)?this.element.duration:void 0})),(0,n.share)())}get paused(){return this.element.paused}get hasSource(){return this.element.hasAttribute(`src`)}play$(){return(0,n.defer)(()=>(0,n.from)(this.element.play())).pipe((0,n.retry)({count:1,delay:()=>this.canPlay$.pipe((0,n.take)(1))}))}pause(){this.element.pause()}loadSource(e){this.element.src=e,this.element.load()}unloadSource(){this.element.removeAttribute(`src`),this.element.load()}setCurrentTime(e){this.element.currentTime=e}},d=class{cachedSourceByTrackId=new Map;hasCachedSource(e){return this.cachedSourceByTrackId.has(e)}getTrackResourceUrl$=(e,t)=>{let r=this.cachedSourceByTrackId.get(e.id);return r?(0,n.of)(r.url):(0,n.from)(t.getResource()).pipe((0,n.switchMap)(t=>t instanceof URL?(this.cachedSourceByTrackId.set(e.id,{url:t.href}),(0,n.of)(t.href)):t instanceof Response?(0,n.from)(t.blob()).pipe((0,n.map)(t=>{let n=URL.createObjectURL(t);return this.cachedSourceByTrackId.set(e.id,{url:n,release:()=>{URL.revokeObjectURL(n)}}),n})):(this.cachedSourceByTrackId.set(e.id,{url:e.href}),(0,n.of)(e.href))))};releaseTrackSource(e){let t=this.cachedSourceByTrackId.get(e);t&&(this.cachedSourceByTrackId.delete(e),t.release?.())}releaseAll(){for(let e of this.cachedSourceByTrackId.keys())this.releaseTrackSource(e)}destroy(){this.releaseAll()}},f=(e,t)=>e===t?!0:e.length===t.length?e.every((e,n)=>e===t[n]):!1,p=(e,t,n)=>{if(Object.is(e,t))return!0;if(typeof e!=`object`||!e||typeof t!=`object`||!t)return!1;let r=Object.keys(e),i=Object.keys(t);if(r.length!==i.length)return!1;let a=n?.customEqual??Object.is,o=e,s=t;for(let e of r)if(!Object.hasOwn(s,e)||!a(o[e],s[e]))return!1;return!0},m=()=>{if(!(typeof window>`u`))return window};function h(){let e=m()?.__PROSE_READER_DEBUG;return e===!0||e===`true`}var g=(e,t)=>typeof e==`boolean`?{enabled:e,options:t}:{enabled:e?.enabled,options:e??t},_=e=>e.at(-1)?.color,v=e=>{if(!e.length)return;if(!e.some(e=>e.color))return[e.map(e=>e.label).join(` `)];let t=``,n=[];for(let r of e)t+=`%c${t?` ${r.label}`:r.label}`,n.push(r.color?`color: ${r.color}`:``);return[t,...n]},y=(e=[],t=h())=>{let n=t,r={enable:e=>{a(e)},namespace:(t,r,i)=>{let a=g(r,i),o=a.options?.color??_(e);return y([...e,{label:`[${t}]`,color:o}],a.enabled??n)},isEnabled:()=>n,debug:()=>{},info:()=>{},log:()=>{},groupCollapsed:()=>{},groupEnd:()=>{},getGroupArgs:t=>{let n=v(e);if(!n)return[t];let[r,...i]=n;return[`${r} ${t}`,...i]},warn:()=>{},error:()=>{}},i=t=>{if(!t){r.debug=()=>{},r.info=()=>{},r.log=()=>{},r.groupCollapsed=()=>{},r.groupEnd=()=>{},r.warn=()=>{},r.error=()=>{};return}let n=v(e)??[];r.debug=Function.prototype.bind.call(console.debug,console,...n),r.info=Function.prototype.bind.call(console.info,console,...n),r.log=Function.prototype.bind.call(console.log,console,...n),r.groupCollapsed=Function.prototype.bind.call(console.groupCollapsed,console),r.groupEnd=Function.prototype.bind.call(console.groupEnd,console),r.warn=Function.prototype.bind.call(console.warn,console,...n),r.error=Function.prototype.bind.call(console.error,console,...n)},a=e=>{n!==e&&(n=e,i(n))};return i(n),r};y();var b=new Set([`mp3`,`m4a`,`m4b`,`aac`,`ogg`,`oga`,`wav`,`flac`,`opus`]),x=e=>{let[t=``]=e.split(/[?#]/);return(t.split(`/`).at(-1)??``).split(`.`).at(-1)?.toLowerCase()},S=e=>{if((e.mediaType?.split(`;`).at(0)?.trim().toLowerCase())?.startsWith(`audio/`))return!0;let t=x(e.href);return t?b.has(t):!1},C=(e,t)=>{if(t!==void 0)return e.find(e=>e.index===t)},w=(e,t)=>[C(e,t.beginSpineItemIndex),C(e,t.endSpineItemIndex)].filter((e,t,n)=>e!==void 0&&n.indexOf(e)===t);function T(e,r){let i=e.context.manifest$.pipe((0,n.map)(e=>e.spineItems.filter(S).map(e=>({id:e.id,href:e.href,index:e.index,mediaType:e.mediaType}))),(0,n.shareReplay)({bufferSize:1,refCount:!0})),a=e.pagination.state$.pipe((0,t.mapKeysTo)([`beginSpineItemIndex`,`endSpineItemIndex`]),(0,n.distinctUntilChanged)(p),(0,n.shareReplay)({bufferSize:1,refCount:!0}));return{tracks$:i,visibleTrackIds$:(0,n.combineLatest)([i,a]).pipe((0,n.map)(([e,t])=>w(e,t).map(({id:e})=>e)),(0,n.distinctUntilChanged)(f),(0,n.shareReplay)({bufferSize:1,refCount:!0})),nextTrack$:(0,n.combineLatest)([i,a,r.pipe((0,n.map)(e=>e.currentTrack),(0,n.distinctUntilChanged)())]).pipe((0,n.map)(([e,{endSpineItemIndex:t},n])=>({nextTrackInPaginationWindow:n&&t!==void 0?e.find(({index:e})=>e>n.index&&e<=t):void 0,nextTrackAfterCurrentTrack:n?e.find(({index:e})=>e>n.index):void 0})),(0,n.shareReplay)({bufferSize:1,refCount:!0}))}}var E={shouldPlay:!1,trackId:void 0},D={tracks:[],currentTrack:void 0,isPlaying:!1,isLoading:!1,hasError:!1,currentTime:0,duration:void 0},O=class extends t.ReactiveEntity{reader;audio;visualizer$;resourcesResolver=new d;visibleTrackIds$;playCommandSubject=new n.Subject;pauseCommandSubject=new n.Subject;selectCommandSubject=new n.Subject;desiredPlayback$=new n.BehaviorSubject(E);subscriptions=new n.Subscription;constructor(e,r=new u){super(D),this.reader=e,this.audio=r,this.visualizer$=new l(this.audio.element);let{tracks$:i,visibleTrackIds$:a,nextTrack$:o}=T(this.reader,this.state$);this.visibleTrackIds$=a;let s=this.visibleTrackIds$.pipe((0,n.map)(e=>e[0]),(0,n.distinctUntilChanged)(),(0,n.share)()),c=s.pipe((0,n.withLatestFrom)(this.state$),(0,n.filter)(([e,t])=>e===void 0&&(t.currentTrack?.id!==void 0||t.isLoading)),(0,n.map)(([,e])=>e.tracks)),d=s.pipe((0,n.filter)(e=>e!==void 0),(0,n.withLatestFrom)(this.desiredPlayback$),(0,n.map)(([e,{shouldPlay:t}])=>({trackId:e,options:{navigate:!1,play:t?!0:void 0}}))),f=(0,n.merge)(c,i.pipe((0,n.tap)(()=>this.resourcesResolver.releaseAll()))).pipe((0,n.tap)(e=>{this.emitDesiredPlayback({shouldPlay:!1,trackId:void 0}),this.visualizer$.stop({resetLevels:!0}),this.unmountCurrentSource(),this.mergeCompare({tracks:e,currentTrack:void 0,isLoading:!1,isPlaying:!1,hasError:!1,currentTime:0,duration:void 0}),this.visualizer$.reset(void 0)}),(0,n.share)()),p=this.playCommandSubject.pipe((0,n.filter)(()=>!this.audio.hasSource),(0,n.map)(()=>this.state.currentTrack??this.state.tracks[0]),(0,n.filter)(t.isDefined),(0,n.map)(e=>({trackId:e.id,options:{navigate:!1,play:!0}}))),m=this.playCommandSubject.pipe((0,n.filter)(()=>this.audio.hasSource),(0,n.tap)(()=>{this.emitDesiredPlayback({shouldPlay:!0,trackId:this.state.currentTrack?.id})})),h=this.audio.ended$.pipe((0,n.withLatestFrom)(o),(0,n.switchMap)(([,{nextTrackAfterCurrentTrack:e,nextTrackInPaginationWindow:t}])=>(this.visualizer$.stop({resetLevels:!0}),t?(0,n.of)({trackId:t.id,options:{navigate:!1,play:!0}}):(e||this.emitDesiredPlayback({shouldPlay:!1,trackId:void 0}),this.reader.navigation.goToRightOrBottomSpineItem(),n.EMPTY)))),g=(0,n.merge)(m,(0,n.merge)(this.selectCommandSubject,d,h,p).pipe((0,n.withLatestFrom)(this.state$),(0,n.filter)(([e,t])=>t.tracks.some(({id:t})=>t===e.trackId)),(0,n.map)(([e,t])=>({selectionIntent:e,state:t,isReselectionWhileLoading:t.currentTrack?.id===e.trackId&&t.isLoading})),(0,n.tap)(({selectionIntent:e,state:t,isReselectionWhileLoading:n})=>{e.options.navigate!==!1&&this.reader.navigation.navigate({spineItem:e.trackId,animation:`turn`}),n&&e.options.play!==void 0&&this.emitDesiredPlayback({shouldPlay:e.options.play,trackId:t.currentTrack?.id})}),(0,n.filter)(({isReselectionWhileLoading:e})=>!e),(0,n.switchMap)(({selectionIntent:{trackId:e,options:t}})=>this.selectTrack$({trackId:e,options:t,playbackReset$:f})))).pipe((0,n.withLatestFrom)(this.desiredPlayback$),(0,n.switchMap)(([,{shouldPlay:e,trackId:t}])=>!e||!this.audio.hasSource||this.state.currentTrack?.id!==t?n.EMPTY:(this.mergeCompare({hasError:!1}),this.audio.play$().pipe((0,n.catchError)(()=>(this.mergeCompare({hasError:!0}),n.EMPTY))))));this.subscriptions.add(f.subscribe()),this.subscriptions.add(g.subscribe()),this.subscriptions.add(this.pauseCommandSubject.subscribe(()=>{this.emitDesiredPlayback({shouldPlay:!1,trackId:void 0})})),this.subscriptions.add(this.audio.isPlaying$.subscribe(e=>{if(this.mergeCompare({isPlaying:e}),!e){this.visualizer$.stop();return}this.state.currentTrack&&this.visualizer$.start(this.state.currentTrack)})),this.subscriptions.add(this.audio.metrics$.subscribe(({currentTime:e,duration:t})=>{this.mergeCompare({currentTime:e,duration:t})}))}get state(){return this.value}get visualizer(){return this.visualizer$.value}resetTrackSelection({currentTrack:e,isLoading:t}){this.mergeCompare({currentTrack:e,isLoading:t,isPlaying:!1,hasError:!1,currentTime:0,duration:void 0}),this.visualizer$.reset(e?.id)}emitDesiredPlayback({shouldPlay:e,trackId:t}){this.desiredPlayback$.next({shouldPlay:e,trackId:e?t:void 0}),e||this.audio.pause()}unmountCurrentSource(){if(!this.audio.hasSource)return;let e=this.state.currentTrack?.id;this.audio.paused||this.audio.pause(),this.audio.unloadSource(),e&&this.resourcesResolver.releaseTrackSource(e)}mountSource(e){this.unmountCurrentSource(),this.audio.loadSource(e)}resolveTrackSource(e){let t=this.reader.spineItemsManager.get(e.index);return t?this.resourcesResolver.getTrackResourceUrl$(e,t.resourcesHandler):n.EMPTY}selectTrack$({trackId:e,options:t,playbackReset$:r}){let i=this.state.tracks.find(({id:t})=>t===e);if(!i)return n.EMPTY;let a=this.state.currentTrack,o=t.play??(!this.audio.paused&&a!==void 0);return this.emitDesiredPlayback({shouldPlay:o,trackId:i.id}),a?.id===i.id&&this.audio.hasSource?(this.visualizer$.setTrack(i.id),o?(0,n.of)(void 0):n.EMPTY):(this.unmountCurrentSource(),this.resetTrackSelection({currentTrack:i,isLoading:!0}),this.resolveTrackSource(i).pipe((0,n.map)(e=>({source:e})),(0,n.defaultIfEmpty)({source:void 0}),(0,n.catchError)(()=>(0,n.of)({source:void 0})),(0,n.takeUntil)(r),(0,n.tap)(({source:e})=>{e?this.mountSource(e):this.emitDesiredPlayback({shouldPlay:!1,trackId:void 0}),this.mergeCompare({isLoading:!1})}),(0,n.filter)(({source:e})=>e!==void 0),(0,n.map)(()=>void 0)))}select(e,t={}){this.selectCommandSubject.next({trackId:e,options:t})}play(){this.playCommandSubject.next()}pause(){this.pauseCommandSubject.next()}toggle(){if(this.audio.paused){this.play();return}this.pause()}setCurrentTime(e){this.mergeCompare({currentTime:e}),this.audio.setCurrentTime(e)}destroy(){this.subscriptions.unsubscribe(),this.playCommandSubject.complete(),this.pauseCommandSubject.complete(),this.selectCommandSubject.complete(),this.desiredPlayback$.complete(),this.visualizer$.destroy(),this.unmountCurrentSource(),this.resourcesResolver.destroy(),super.destroy()}},k=class extends t.DocumentRenderer{onCreateDocument(){let e=this.containerElement.ownerDocument.createElement(`div`);return e.style.cssText=`
       box-sizing: border-box;
       width: 100%;
       height: 100%;
       display: block;
-    `;
-      rootElement.setAttribute(`data-prose-reader-audio-page`, this.item.id);
-      this.setDocumentContainer(rootElement);
-      return rxjs.of(rootElement);
-    }
-    onLoadDocument() {
-      this.attach();
-      return rxjs.EMPTY;
-    }
-    onUnload() {
-      this.detach();
-      return rxjs.EMPTY;
-    }
-    onLayout() {
-      const { width, height } = this.viewport.pageSize;
-      const rootElement = this.documentContainer;
-      if (rootElement) {
-        core.setStylePropertyIfChanged(rootElement.style, `width`, `${width}px`);
-        core.setStylePropertyIfChanged(rootElement.style, `height`, `${height}px`);
-      }
-      return rxjs.of({ width, height });
-    }
-    onRenderHeadless() {
-      return rxjs.EMPTY;
-    }
-    getDocumentFrame() {
-      return void 0;
-    }
-    /**
-     * Audio spine items are always pre-paginated (one track per page).
-     * Mixed audio/text books with reflowable audio chapters may need
-     * to revisit this if that use case arises.
-     */
-    get renditionLayout() {
-      return `pre-paginated`;
-    }
-  }
-
-  const audioEnhancer = (next) => (options) => {
-    const readerOptions = { ...options };
-    const reader = next({
-      ...readerOptions,
-      getRenderer(item) {
-        const maybeFactory = options.getRenderer?.(item);
-        if (maybeFactory) {
-          return maybeFactory;
-        }
-        if (isAudioSpineItem(item)) {
-          return (params) => new AudioRenderer(params);
-        }
-        return void 0;
-      }
-    });
-    const controller = new AudioController(reader);
-    const destroy = () => {
-      controller.destroy();
-      reader.destroy();
-    };
-    return {
-      ...reader,
-      __PROSE_READER_ENHANCER_AUDIO: true,
-      destroy,
-      audio: {
-        state$: controller.state$,
-        visualizer$: controller.visualizer$,
-        visibleTrackIds$: controller.visibleTrackIds$,
-        get state() {
-          return controller.state;
-        },
-        get visualizer() {
-          return controller.visualizer;
-        },
-        isAudioRenderer: (renderer) => renderer instanceof AudioRenderer,
-        play: () => controller.play(),
-        pause: () => controller.pause(),
-        toggle: () => controller.toggle(),
-        setCurrentTime: (value) => controller.setCurrentTime(value),
-        select: (trackId, options2) => controller.select(trackId, options2)
-      }
-    };
-  };
-
-  exports.AudioRenderer = AudioRenderer;
-  exports.audioEnhancer = audioEnhancer;
-  exports.isAudioSpineItem = isAudioSpineItem;
-
-  Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-}));
-//# sourceMappingURL=index.umd.cjs.map
+    `,e.setAttribute(`data-prose-reader-audio-page`,this.item.id),this.setDocumentContainer(e),(0,n.of)(e)}onLoadDocument(){return this.attach(),n.EMPTY}onUnload(){return this.detach(),n.EMPTY}onLayout(){let{width:e,height:r}=this.viewport.pageSize,i=this.documentContainer;return i&&((0,t.setStylePropertyIfChanged)(i.style,`width`,`${e}px`),(0,t.setStylePropertyIfChanged)(i.style,`height`,`${r}px`)),(0,n.of)({width:e,height:r})}onRenderHeadless(){return n.EMPTY}getDocumentFrame(){}get renditionLayout(){return`pre-paginated`}};e.AudioRenderer=k,e.audioEnhancer=e=>t=>{let n=e({...t,getRenderer(e){let n=t.getRenderer?.(e);if(n)return n;if(S(e))return e=>new k(e)}}),r=new O(n),i=()=>{r.destroy(),n.destroy()};return{...n,__PROSE_READER_ENHANCER_AUDIO:!0,destroy:i,audio:{state$:r.state$,visualizer$:r.visualizer$,visibleTrackIds$:r.visibleTrackIds$,get state(){return r.state},get visualizer(){return r.visualizer},isAudioRenderer:e=>e instanceof k,play:()=>r.play(),pause:()=>r.pause(),toggle:()=>r.toggle(),setCurrentTime:e=>r.setCurrentTime(e),select:(e,t)=>r.select(e,t)}}},e.isAudioSpineItem=S});
+//# sourceMappingURL=index.umd.cjs.map