@mango-iiif/av 0.4.0 → 1.0.0

package/dist/chunk-GQD675FA.js

@@ -1,289 +0,0 @@
-import {
-  escapeHtml
-} from "./chunk-4NOWGMI5.js";
-
-// src/components/media-chrome.ts
-var registration;
-var languageRegistrations = /* @__PURE__ */ new Map();
-var loadLanguage = (language) => {
-  const normalized = language.toLowerCase();
-  const code = normalized === "zh-cn" || normalized === "zh-tw" ? normalized : normalized.split("-")[0] ?? normalized;
-  if (languageRegistrations.has(code)) return languageRegistrations.get(code);
-  const pending = (() => {
-    switch (code) {
-      case "de":
-        return import("media-chrome/lang/de");
-      case "es":
-        return import("media-chrome/lang/es");
-      case "fr":
-        return import("media-chrome/lang/fr");
-      case "pt":
-        return import("media-chrome/lang/pt");
-      case "zh-cn":
-        return import("media-chrome/lang/zh-CN");
-      case "zh-tw":
-        return import("media-chrome/lang/zh-TW");
-      default:
-        return void 0;
-    }
-  })();
-  if (pending) languageRegistrations.set(code, pending);
-  return pending;
-};
-var ensureMediaChrome = async (language) => {
-  if (language) await loadLanguage(language);
-  registration ??= import("media-chrome");
-  await registration;
-};
-
-// src/components/audio-art.ts
-var audioArtTranscriptHtml = (label, title, cues, enabled) => {
-  if (!enabled || cues.length === 0) return title ? `<span class="audio-art-title">${escapeHtml(title)}</span>` : "";
-  return `<div class="audio-art-transcript" aria-live="polite" aria-label="${escapeHtml(label)}">
-    ${cues.map((cue) => `<div class="audio-art-cue" data-audio-cue data-start="${cue.start ?? ""}" data-end="${cue.end ?? cue.start ?? ""}">${cue.speaker ? `<span class="audio-art-speaker">${escapeHtml(cue.speaker)}</span>` : ""}<span>${escapeHtml(cue.text)}</span></div>`).join("")}
-  </div>`;
-};
-var resolveAudioVisualizerMode = (value) => value === true ? "pulse" : value || void 0;
-var VISUALIZER_COLOR_FALLBACK = "#5b3fd6";
-var visualizerPropertiesRegistered = false;
-var registerVisualizerProperties = () => {
-  if (visualizerPropertiesRegistered) return;
-  visualizerPropertiesRegistered = true;
-  if (typeof CSS === "undefined" || typeof CSS.registerProperty !== "function") return;
-  try {
-    CSS.registerProperty({
-      name: "--mango-av-visualizer-intensity",
-      syntax: "<number>",
-      inherits: true,
-      initialValue: "1"
-    });
-  } catch {
-  }
-};
-var resolveVisualizerIntensity = (value) => {
-  const intensity = Number.parseFloat(value);
-  return Number.isFinite(intensity) && intensity >= 0 ? intensity : 1;
-};
-var waveformAmplitude = (height, level, intensity, reducedMotion) => reducedMotion ? 0 : Math.min(height * 0.16, (5 + level * height * 0.12) * intensity);
-var spectrumBarHeight = (height, energy, intensity) => Math.max(1, Math.min(height * 0.32, energy * height * 0.32 * intensity));
-var readVisualizerStyle = (art) => {
-  const styles = getComputedStyle(art);
-  return {
-    color: styles.getPropertyValue("--mango-av-visualizer-color").trim() || styles.getPropertyValue("--mango-av-accent").trim() || VISUALIZER_COLOR_FALLBACK,
-    intensity: resolveVisualizerIntensity(styles.getPropertyValue("--mango-av-visualizer-intensity"))
-  };
-};
-var audioArtContentHtml = (label, title, cues, transcriptEnabled, visualizerMode) => `<div class="audio-art-text">${audioArtTranscriptHtml(label, title, cues, transcriptEnabled)}</div>${visualizerMode === "waveform" || visualizerMode === "spectrum" ? `<canvas class="audio-art-visualizer-canvas" aria-hidden="true"></canvas>` : ""}`;
-var syncAudioArtTranscript = (root, time, instant = false) => {
-  const cues = [...root.querySelectorAll("[data-audio-cue]")];
-  if (cues.length === 0) return;
-  const transcript = root.querySelector(".audio-art-transcript");
-  if (instant && transcript) {
-    transcript.classList.add("seeking");
-    requestAnimationFrame(() => transcript.classList.remove("seeking"));
-  }
-  let activeIndex = cues.findIndex((cue) => {
-    const start = Number(cue.dataset.start);
-    const end = Number(cue.dataset.end);
-    return Number.isFinite(start) && time >= start && (!Number.isFinite(end) || time < end);
-  });
-  if (activeIndex < 0) {
-    for (let index = cues.length - 1; index >= 0; index -= 1) {
-      const cue = cues[index];
-      if (cue && Number.isFinite(Number(cue.dataset.start)) && time >= Number(cue.dataset.start)) {
-        activeIndex = index;
-        break;
-      }
-    }
-  }
-  if (activeIndex < 0) activeIndex = 0;
-  cues.forEach((cue, index) => {
-    const offset = index - activeIndex;
-    cue.classList.toggle("active", offset === 0);
-    cue.classList.toggle("adjacent", Math.abs(offset) === 1);
-    cue.toggleAttribute("aria-hidden", offset !== 0);
-    cue.style.opacity = offset === 0 ? "1" : Math.abs(offset) === 1 ? ".2" : "0";
-    cue.style.transform = `translateY(calc(-50% + ${offset * 4.25}rem))`;
-    cue.style.visibility = Math.abs(offset) <= 1 ? "visible" : "hidden";
-  });
-};
-var AudioArtVisualizer = class {
-  #token = 0;
-  #context;
-  #source;
-  #analyzer;
-  #frame = 0;
-  #level = 0;
-  #media;
-  #resume;
-  connect(media, art, mode) {
-    this.disconnect();
-    const token = ++this.#token;
-    if (typeof AudioContext === "undefined") return;
-    try {
-      if (token !== this.#token || !media.isConnected || !art.isConnected) return;
-      const context = new AudioContext();
-      this.#context = context;
-      const source = context.createMediaElementSource(media);
-      this.#source = source;
-      const analyzer = context.createAnalyser();
-      this.#analyzer = analyzer;
-      analyzer.fftSize = 512;
-      analyzer.smoothingTimeConstant = 0.95;
-      source.connect(context.destination);
-      source.connect(analyzer);
-      this.#media = media;
-      const samples = new Uint8Array(analyzer.fftSize);
-      const frequencies = new Uint8Array(analyzer.frequencyBinCount);
-      const canvas = art.querySelector(".audio-art-visualizer-canvas");
-      const canvasContext = canvas?.getContext("2d");
-      const reducedMotion = typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches;
-      const resizeCanvas = () => {
-        if (!canvas || !canvasContext) return;
-        const scale = Math.min(2, devicePixelRatio || 1);
-        const width = Math.max(1, Math.round(art.clientWidth * scale));
-        const height = Math.max(1, Math.round(art.clientHeight * scale));
-        if (canvas.width !== width || canvas.height !== height) {
-          canvas.width = width;
-          canvas.height = height;
-        }
-        canvasContext.setTransform(scale, 0, 0, scale, 0, 0);
-      };
-      const drawWaveform = (strength) => {
-        if (!canvas || !canvasContext) return;
-        resizeCanvas();
-        const width = art.clientWidth;
-        const height = art.clientHeight;
-        canvasContext.clearRect(0, 0, width, height);
-        if (strength === 0) return;
-        const { color, intensity } = readVisualizerStyle(art);
-        if (intensity === 0) return;
-        canvasContext.globalAlpha = Math.min(1, Math.min(0.7, 0.18 + strength / 100) * intensity);
-        canvasContext.strokeStyle = color;
-        canvasContext.lineWidth = 1.5;
-        canvasContext.beginPath();
-        const amplitude = waveformAmplitude(height, this.#level, intensity, reducedMotion);
-        for (let index = 0; index < samples.length; index += 1) {
-          const x = index / (samples.length - 1) * width;
-          const sample = (samples[index] - 128) / 128;
-          const y = height * 0.72 + sample * amplitude;
-          if (index === 0) canvasContext.moveTo(x, y);
-          else canvasContext.lineTo(x, y);
-        }
-        canvasContext.stroke();
-        canvasContext.globalAlpha = 1;
-      };
-      const drawSpectrum = (strength) => {
-        if (!canvas || !canvasContext) return;
-        resizeCanvas();
-        const width = art.clientWidth;
-        const height = art.clientHeight;
-        canvasContext.clearRect(0, 0, width, height);
-        if (strength === 0) return;
-        const { color, intensity } = readVisualizerStyle(art);
-        if (intensity === 0) return;
-        analyzer.getByteFrequencyData(frequencies);
-        const barCount = 24;
-        const gap = 3;
-        const barWidth = Math.max(1, (width - gap * (barCount - 1)) / barCount);
-        canvasContext.fillStyle = color;
-        canvasContext.globalAlpha = Math.min(1, (reducedMotion ? 0.2 : Math.min(0.55, 0.15 + strength / 120)) * intensity);
-        for (let index = 0; index < barCount; index += 1) {
-          const frequencyIndex = Math.floor((index / barCount) ** 1.7 * frequencies.length * 0.7);
-          const energy = reducedMotion ? 0.08 : (frequencies[frequencyIndex] ?? 0) / 255;
-          const barHeight = spectrumBarHeight(height, energy, intensity);
-          canvasContext.fillRect(index * (barWidth + gap), height - barHeight, barWidth, barHeight);
-        }
-        canvasContext.globalAlpha = 1;
-      };
-      const draw = () => {
-        if (token !== this.#token) return;
-        analyzer.getByteTimeDomainData(samples);
-        let sum = 0;
-        for (const sample of samples) {
-          const normalized = (sample - 128) / 128;
-          sum += normalized * normalized;
-        }
-        const rms = Math.sqrt(sum / samples.length);
-        const target = media.paused || rms < 0.012 ? 0 : Math.min(1, (rms - 0.012) * 5);
-        this.#level += (target - this.#level) * (target > this.#level ? 0.1 : 0.04);
-        if (target === 0 && this.#level < 0.01) this.#level = 0;
-        const strength = reducedMotion ? this.#level * 18 : this.#level === 0 ? 0 : Math.min(52, 12 + this.#level * 40);
-        art.style.setProperty("--mango-av-wave-rise", `${(8 - (reducedMotion ? 0 : this.#level * 6)).toFixed(2)}%`);
-        art.style.setProperty("--mango-av-wave-strength", `${strength.toFixed(1)}%`);
-        art.style.setProperty("--mango-av-wave-mid-strength", `${(strength * 0.45).toFixed(1)}%`);
-        art.style.setProperty("--mango-av-wave-edge-strength", `${(strength * 0.18).toFixed(1)}%`);
-        if (mode === "waveform") drawWaveform(strength);
-        else if (mode === "spectrum") drawSpectrum(strength);
-        this.#frame = requestAnimationFrame(draw);
-      };
-      draw();
-      const resume = () => void context.resume();
-      this.#resume = resume;
-      media.addEventListener("play", resume, { once: true });
-      if (!media.paused) resume();
-    } catch {
-      this.disconnect();
-    }
-  }
-  disconnect() {
-    this.#token += 1;
-    if (typeof cancelAnimationFrame !== "undefined") cancelAnimationFrame(this.#frame);
-    this.#frame = 0;
-    this.#level = 0;
-    if (this.#media && this.#resume) this.#media.removeEventListener("play", this.#resume);
-    try {
-      this.#source?.disconnect();
-    } catch {
-    }
-    try {
-      this.#analyzer?.disconnect();
-    } catch {
-    }
-    if (this.#context && this.#context.state !== "closed") void this.#context.close();
-    this.#analyzer = void 0;
-    this.#source = void 0;
-    this.#context = void 0;
-    this.#media = void 0;
-    this.#resume = void 0;
-  }
-};
-
-// src/components/media-policy.ts
-var isCrossOriginHttp = (sourceUrl) => {
-  try {
-    const url = new URL(sourceUrl, document.baseURI);
-    return (url.protocol === "http:" || url.protocol === "https:") && url.origin !== location.origin;
-  } catch {
-    return false;
-  }
-};
-var resolveAudioMediaPolicy = (sourceUrl, configuredCrossOrigin, crossOriginExplicit, visualizerMode, fallback) => {
-  const crossOrigin = isCrossOriginHttp(sourceUrl);
-  const implicitCors = Boolean(visualizerMode) && crossOrigin && !crossOriginExplicit && !fallback;
-  const selectedCrossOrigin = implicitCors ? "anonymous" : configuredCrossOrigin || void 0;
-  const visualize = Boolean(visualizerMode) && !fallback && !(crossOrigin && !selectedCrossOrigin);
-  return {
-    ...selectedCrossOrigin ? { crossOrigin: selectedCrossOrigin } : {},
-    implicitCors,
-    visualize
-  };
-};
-var applyMediaSource = (media, sourceUrl, crossOrigin) => {
-  if (crossOrigin) media.crossOrigin = crossOrigin;
-  else media.removeAttribute("crossorigin");
-  media.src = sourceUrl;
-};
-
-export {
-  ensureMediaChrome,
-  audioArtTranscriptHtml,
-  resolveAudioVisualizerMode,
-  registerVisualizerProperties,
-  audioArtContentHtml,
-  syncAudioArtTranscript,
-  AudioArtVisualizer,
-  resolveAudioMediaPolicy,
-  applyMediaSource
-};
-//# sourceMappingURL=chunk-GQD675FA.js.map

package/dist/chunk-GQD675FA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/media-chrome.ts","../src/components/audio-art.ts","../src/components/media-policy.ts"],"sourcesContent":["let registration: Promise<unknown> | undefined;\nconst languageRegistrations = new Map<string, Promise<unknown>>();\n\nconst loadLanguage = (language: string): Promise<unknown> | undefined => {\n  const normalized = language.toLowerCase();\n  const code = normalized === 'zh-cn' || normalized === 'zh-tw'\n    ? normalized\n    : normalized.split('-')[0] ?? normalized;\n  if (languageRegistrations.has(code)) return languageRegistrations.get(code);\n  const pending = (() => {\n    switch (code) {\n      case 'de': return import('media-chrome/lang/de');\n      case 'es': return import('media-chrome/lang/es');\n      case 'fr': return import('media-chrome/lang/fr');\n      case 'pt': return import('media-chrome/lang/pt');\n      case 'zh-cn': return import('media-chrome/lang/zh-CN');\n      case 'zh-tw': return import('media-chrome/lang/zh-TW');\n      default: return undefined;\n    }\n  })();\n  if (pending) languageRegistrations.set(code, pending);\n  return pending;\n};\n\nexport const ensureMediaChrome = async (language?: string): Promise<void> => {\n  if (language) await loadLanguage(language);\n  registration ??= import('media-chrome');\n  await registration;\n};\n","import type { AVAudioVisualizerMode, TranscriptCue } from '../types';\nimport { escapeHtml } from '../utils';\n\nexport const audioArtTranscriptHtml = (label: string, title: string, cues: TranscriptCue[], enabled: boolean): string => {\n  if (!enabled || cues.length === 0) return title ? `<span class=\"audio-art-title\">${escapeHtml(title)}</span>` : '';\n  return `<div class=\"audio-art-transcript\" aria-live=\"polite\" aria-label=\"${escapeHtml(label)}\">\n    ${cues.map((cue) => `<div class=\"audio-art-cue\" data-audio-cue data-start=\"${cue.start ?? ''}\" data-end=\"${cue.end ?? cue.start ?? ''}\">${cue.speaker ? `<span class=\"audio-art-speaker\">${escapeHtml(cue.speaker)}</span>` : ''}<span>${escapeHtml(cue.text)}</span></div>`).join('')}\n  </div>`;\n};\n\nexport const resolveAudioVisualizerMode = (\n  value: boolean | AVAudioVisualizerMode | undefined,\n): AVAudioVisualizerMode | undefined => value === true ? 'pulse' : value || undefined;\n\nconst VISUALIZER_COLOR_FALLBACK = '#5b3fd6';\n\n/**\n * Registering the intensity keeps a malformed host value from invalidating the\n * artwork background, which would otherwise drop the base gradient along with\n * the pulse and leave the panel transparent. Registration must happen through\n * the API rather than an `@property` rule in the component's styles, because\n * property registrations are document-scoped and a rule inside a shadow tree is\n * ignored. Browsers without the API keep the `var()` defaults written alongside\n * each use, which cover every case but a malformed value.\n *\n * The colour is deliberately left unregistered: an initial value would be\n * substituted ahead of the `var()` fallback and stop the visualizer following\n * `--mango-av-accent` when the host has set no colour of its own.\n */\nlet visualizerPropertiesRegistered = false;\n\nexport const registerVisualizerProperties = (): void => {\n  if (visualizerPropertiesRegistered) return;\n  visualizerPropertiesRegistered = true;\n  if (typeof CSS === 'undefined' || typeof CSS.registerProperty !== 'function') return;\n  try {\n    CSS.registerProperty({\n      name: '--mango-av-visualizer-intensity',\n      syntax: '<number>',\n      inherits: true,\n      initialValue: '1',\n    });\n  } catch { /* Already registered by another instance or bundle on this page. */ }\n};\n\n/**\n * `--mango-av-visualizer-intensity` scales how strongly the visualizer renders\n * without touching the analysed audio level, so `1` reproduces the package\n * default exactly and `0` hides the visualizer while playback continues.\n */\nexport const resolveVisualizerIntensity = (value: string): number => {\n  const intensity = Number.parseFloat(value);\n  return Number.isFinite(intensity) && intensity >= 0 ? intensity : 1;\n};\n\n/**\n * Intensity scales the trace itself, not only its opacity, so the control reads\n * as strength rather than as a fade. The existing ceiling is applied last and so\n * still holds at any intensity, keeping the wave inside the artwork.\n */\nexport const waveformAmplitude = (\n  height: number,\n  level: number,\n  intensity: number,\n  reducedMotion: boolean,\n): number => reducedMotion ? 0 : Math.min(height * .16, (5 + level * height * .12) * intensity);\n\n/** Bars are capped at the height an unscaled full-energy bar would reach. */\nexport const spectrumBarHeight = (height: number, energy: number, intensity: number): number =>\n  Math.max(1, Math.min(height * .32, energy * height * .32 * intensity));\n\n/**\n * The visualizer colour and intensity are read per frame rather than cached, so\n * a theme change or a host stylesheet swap takes effect without reconnecting\n * the Web Audio graph.\n */\nconst readVisualizerStyle = (art: HTMLElement): { color: string; intensity: number } => {\n  const styles = getComputedStyle(art);\n  return {\n    color: styles.getPropertyValue('--mango-av-visualizer-color').trim()\n      || styles.getPropertyValue('--mango-av-accent').trim()\n      || VISUALIZER_COLOR_FALLBACK,\n    intensity: resolveVisualizerIntensity(styles.getPropertyValue('--mango-av-visualizer-intensity')),\n  };\n};\n\nexport const audioArtContentHtml = (\n  label: string,\n  title: string,\n  cues: TranscriptCue[],\n  transcriptEnabled: boolean,\n  visualizerMode?: AVAudioVisualizerMode,\n): string => `<div class=\"audio-art-text\">${audioArtTranscriptHtml(label, title, cues, transcriptEnabled)}</div>${visualizerMode === 'waveform' || visualizerMode === 'spectrum' ? `<canvas class=\"audio-art-visualizer-canvas\" aria-hidden=\"true\"></canvas>` : ''}`;\n\nexport const syncAudioArtTranscript = (root: ParentNode, time: number, instant = false): void => {\n  const cues = [...root.querySelectorAll<HTMLElement>('[data-audio-cue]')];\n  if (cues.length === 0) return;\n  const transcript = root.querySelector<HTMLElement>('.audio-art-transcript');\n  if (instant && transcript) {\n    transcript.classList.add('seeking');\n    requestAnimationFrame(() => transcript.classList.remove('seeking'));\n  }\n\n  let activeIndex = cues.findIndex((cue) => {\n    const start = Number(cue.dataset.start);\n    const end = Number(cue.dataset.end);\n    return Number.isFinite(start) && time >= start && (!Number.isFinite(end) || time < end);\n  });\n  if (activeIndex < 0) {\n    for (let index = cues.length - 1; index >= 0; index -= 1) {\n      const cue = cues[index];\n      if (cue && Number.isFinite(Number(cue.dataset.start)) && time >= Number(cue.dataset.start)) {\n        activeIndex = index;\n        break;\n      }\n    }\n  }\n  if (activeIndex < 0) activeIndex = 0;\n\n  cues.forEach((cue, index) => {\n    const offset = index - activeIndex;\n    cue.classList.toggle('active', offset === 0);\n    cue.classList.toggle('adjacent', Math.abs(offset) === 1);\n    cue.toggleAttribute('aria-hidden', offset !== 0);\n    cue.style.opacity = offset === 0 ? '1' : Math.abs(offset) === 1 ? '.2' : '0';\n    cue.style.transform = `translateY(calc(-50% + ${offset * 4.25}rem))`;\n    cue.style.visibility = Math.abs(offset) <= 1 ? 'visible' : 'hidden';\n  });\n};\n\nexport class AudioArtVisualizer {\n  #token = 0;\n  #context: AudioContext | undefined;\n  #source: MediaElementAudioSourceNode | undefined;\n  #analyzer: AnalyserNode | undefined;\n  #frame = 0;\n  #level = 0;\n  #media: HTMLMediaElement | undefined;\n  #resume: (() => void) | undefined;\n\n  connect(media: HTMLMediaElement, art: HTMLElement, mode: AVAudioVisualizerMode): void {\n    this.disconnect();\n    const token = ++this.#token;\n    if (typeof AudioContext === 'undefined') return;\n\n    try {\n      if (token !== this.#token || !media.isConnected || !art.isConnected) return;\n      const context = new AudioContext();\n      this.#context = context;\n      const source = context.createMediaElementSource(media);\n      this.#source = source;\n      const analyzer = context.createAnalyser();\n      this.#analyzer = analyzer;\n      analyzer.fftSize = 512;\n      analyzer.smoothingTimeConstant = .95;\n      source.connect(context.destination);\n      source.connect(analyzer);\n      this.#media = media;\n      const samples = new Uint8Array(analyzer.fftSize);\n      const frequencies = new Uint8Array(analyzer.frequencyBinCount);\n      const canvas = art.querySelector<HTMLCanvasElement>('.audio-art-visualizer-canvas');\n      const canvasContext = canvas?.getContext('2d');\n      const reducedMotion = typeof matchMedia !== 'undefined' && matchMedia('(prefers-reduced-motion: reduce)').matches;\n      const resizeCanvas = () => {\n        if (!canvas || !canvasContext) return;\n        const scale = Math.min(2, devicePixelRatio || 1);\n        const width = Math.max(1, Math.round(art.clientWidth * scale));\n        const height = Math.max(1, Math.round(art.clientHeight * scale));\n        if (canvas.width !== width || canvas.height !== height) {\n          canvas.width = width;\n          canvas.height = height;\n        }\n        canvasContext.setTransform(scale, 0, 0, scale, 0, 0);\n      };\n      const drawWaveform = (strength: number) => {\n        if (!canvas || !canvasContext) return;\n        resizeCanvas();\n        const width = art.clientWidth;\n        const height = art.clientHeight;\n        canvasContext.clearRect(0, 0, width, height);\n        if (strength === 0) return;\n        const { color, intensity } = readVisualizerStyle(art);\n        if (intensity === 0) return;\n        canvasContext.globalAlpha = Math.min(1, Math.min(.7, .18 + strength / 100) * intensity);\n        canvasContext.strokeStyle = color;\n        canvasContext.lineWidth = 1.5;\n        canvasContext.beginPath();\n        const amplitude = waveformAmplitude(height, this.#level, intensity, reducedMotion);\n        for (let index = 0; index < samples.length; index += 1) {\n          const x = (index / (samples.length - 1)) * width;\n          const sample = (samples[index]! - 128) / 128;\n          const y = height * .72 + sample * amplitude;\n          if (index === 0) canvasContext.moveTo(x, y);\n          else canvasContext.lineTo(x, y);\n        }\n        canvasContext.stroke();\n        canvasContext.globalAlpha = 1;\n      };\n      const drawSpectrum = (strength: number) => {\n        if (!canvas || !canvasContext) return;\n        resizeCanvas();\n        const width = art.clientWidth;\n        const height = art.clientHeight;\n        canvasContext.clearRect(0, 0, width, height);\n        if (strength === 0) return;\n        const { color, intensity } = readVisualizerStyle(art);\n        if (intensity === 0) return;\n        analyzer.getByteFrequencyData(frequencies);\n        const barCount = 24;\n        const gap = 3;\n        const barWidth = Math.max(1, (width - gap * (barCount - 1)) / barCount);\n        canvasContext.fillStyle = color;\n        canvasContext.globalAlpha = Math.min(1, (reducedMotion ? .2 : Math.min(.55, .15 + strength / 120)) * intensity);\n        for (let index = 0; index < barCount; index += 1) {\n          const frequencyIndex = Math.floor((index / barCount) ** 1.7 * frequencies.length * .7);\n          const energy = reducedMotion ? .08 : (frequencies[frequencyIndex] ?? 0) / 255;\n          const barHeight = spectrumBarHeight(height, energy, intensity);\n          canvasContext.fillRect(index * (barWidth + gap), height - barHeight, barWidth, barHeight);\n        }\n        canvasContext.globalAlpha = 1;\n      };\n      const draw = () => {\n        if (token !== this.#token) return;\n        analyzer.getByteTimeDomainData(samples);\n        let sum = 0;\n        for (const sample of samples) {\n          const normalized = (sample - 128) / 128;\n          sum += normalized * normalized;\n        }\n        const rms = Math.sqrt(sum / samples.length);\n        const target = media.paused || rms < .012 ? 0 : Math.min(1, (rms - .012) * 5);\n        this.#level += (target - this.#level) * (target > this.#level ? .1 : .04);\n        if (target === 0 && this.#level < .01) this.#level = 0;\n        const strength = reducedMotion\n          ? this.#level * 18\n          : this.#level === 0 ? 0 : Math.min(52, 12 + this.#level * 40);\n        art.style.setProperty('--mango-av-wave-rise', `${(8 - (reducedMotion ? 0 : this.#level * 6)).toFixed(2)}%`);\n        art.style.setProperty('--mango-av-wave-strength', `${strength.toFixed(1)}%`);\n        art.style.setProperty('--mango-av-wave-mid-strength', `${(strength * .45).toFixed(1)}%`);\n        art.style.setProperty('--mango-av-wave-edge-strength', `${(strength * .18).toFixed(1)}%`);\n        if (mode === 'waveform') drawWaveform(strength);\n        else if (mode === 'spectrum') drawSpectrum(strength);\n        this.#frame = requestAnimationFrame(draw);\n      };\n      draw();\n      const resume = () => void context.resume();\n      this.#resume = resume;\n      media.addEventListener('play', resume, { once: true });\n      if (!media.paused) resume();\n    } catch {\n      this.disconnect();\n    }\n  }\n\n  disconnect(): void {\n    this.#token += 1;\n    if (typeof cancelAnimationFrame !== 'undefined') cancelAnimationFrame(this.#frame);\n    this.#frame = 0;\n    this.#level = 0;\n    if (this.#media && this.#resume) this.#media.removeEventListener('play', this.#resume);\n    try { this.#source?.disconnect(); } catch { /* Already disconnected. */ }\n    try { this.#analyzer?.disconnect(); } catch { /* Already disconnected. */ }\n    if (this.#context && this.#context.state !== 'closed') void this.#context.close();\n    this.#analyzer = undefined;\n    this.#source = undefined;\n    this.#context = undefined;\n    this.#media = undefined;\n    this.#resume = undefined;\n  }\n}\n","import type { AVAudioVisualizerMode } from '../types';\n\nexport interface AudioMediaPolicy {\n  crossOrigin?: 'anonymous' | 'use-credentials';\n  implicitCors: boolean;\n  visualize: boolean;\n}\n\nconst isCrossOriginHttp = (sourceUrl: string): boolean => {\n  try {\n    const url = new URL(sourceUrl, document.baseURI);\n    return (url.protocol === 'http:' || url.protocol === 'https:') && url.origin !== location.origin;\n  } catch {\n    return false;\n  }\n};\n\nexport const resolveAudioMediaPolicy = (\n  sourceUrl: string,\n  configuredCrossOrigin: 'anonymous' | 'use-credentials' | '',\n  crossOriginExplicit: boolean,\n  visualizerMode: AVAudioVisualizerMode | undefined,\n  fallback: boolean,\n): AudioMediaPolicy => {\n  const crossOrigin = isCrossOriginHttp(sourceUrl);\n  const implicitCors = Boolean(visualizerMode) && crossOrigin && !crossOriginExplicit && !fallback;\n  const selectedCrossOrigin = implicitCors ? 'anonymous' : configuredCrossOrigin || undefined;\n  // Explicit no-CORS loading is respected, but a cross-origin element loaded that\n  // way cannot safely be connected to Web Audio without risking silent output.\n  const visualize = Boolean(visualizerMode) && !fallback && !(crossOrigin && !selectedCrossOrigin);\n  return {\n    ...(selectedCrossOrigin ? { crossOrigin: selectedCrossOrigin } : {}),\n    implicitCors,\n    visualize,\n  };\n};\n\nexport const applyMediaSource = (\n  media: HTMLMediaElement,\n  sourceUrl: string,\n  crossOrigin?: 'anonymous' | 'use-credentials',\n): void => {\n  if (crossOrigin) media.crossOrigin = crossOrigin;\n  else media.removeAttribute('crossorigin');\n  media.src = sourceUrl;\n};\n"],"mappings":"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","names":[]}